.so-page{flex-direction:column;flex:auto;gap:18px;width:100%;max-width:760px;min-height:0;margin-inline:auto;display:flex}.so-body{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:18px;min-height:0;margin:-12px -8px 0;padding:12px 8px 8px;display:flex;overflow-y:auto}@media (min-height:760px){.so-fill.lk-section,.so-fill>.lk-body{flex-direction:column;flex:auto;display:flex}.so-board-panel:has(>.so-fill){flex-direction:column;flex:auto;display:flex}.so-fill>.lk-body>.so-list{overscroll-behavior:contain;flex:1 1 0;min-height:160px;margin:0 -6px;padding:0 6px 6px;overflow-y:auto}}@media (orientation:portrait) and (max-height:700px),(orientation:landscape) and (max-height:540px){.duel-hud.dm-page:has(.so-page) .dm-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}}.so-split,.so-split-main{flex-direction:column;gap:18px;display:flex}@media (min-width:1180px){.so-page[data-wide]{max-width:1080px}.so-page[data-wide]>.so-tabs{width:100%;max-width:760px;margin-inline:auto}.so-split{grid-template:"code main""sent main"".main"1fr/380px minmax(0,1fr);align-items:start;display:grid}.so-list.so-replay-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.so-split-code{grid-area:code}.so-split-main{grid-area:main}.so-split-sent{grid-area:sent}@media (orientation:landscape) and (max-height:540px){.duel-hud .so-body .lk-state{gap:6px;padding-block:6px}.duel-hud .so-body .lk-state-pic{width:60px;height:60px}}:is(.so-split:has(.so-empty),.so-split-main:has(>.so-empty),.so-board-panel:has(>.so-empty)){flex:auto}.so-split-main:has(>.so-empty){align-self:stretch}.so-empty.lk-section,.so-empty>.lk-body{flex-direction:column;flex:auto;display:flex}.duel-hud .so-body .lk-state:has(.so-empty-pic){flex:auto;justify-content:center}.duel-hud .so-body .lk-state-pic:has(>.so-empty-pic){filter:none;flex:1 1 0;align-self:stretch;width:auto;height:auto;min-height:72px;max-height:320px;container:so-empty/size}@media (min-width:1180px){.duel-hud .so-body .lk-state-pic:has(>.so-empty-pic){max-height:460px}}.duel-hud .so-empty-pic{--ray:#ffd67833;place-items:center;width:min(100cqw,100cqh);height:min(100cqw,100cqh);margin:auto;display:grid}.duel-hud .so-empty-pic>svg{filter:drop-shadow(0 4px #00000073);width:100%;height:100%}@media (orientation:landscape) and (max-height:540px) and (min-width:800px){.so-split{grid-template-rows:auto 1fr;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"code main""sent main";align-items:start;gap:0 14px;display:grid}.so-split-sent{margin-top:14px}}.so-tabs-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.so-tab{border:3px solid var(--ink-line);background:var(--hud-panel);min-height:78px;color:var(--hud-dim);font-family:var(--font-duel-display), var(--font-duel-body), system-ui, sans-serif;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 4px 6px;font-size:18px;line-height:1.05;transition:transform 90ms,box-shadow 90ms;display:flex;box-shadow:0 4px #00000073}.so-tab-pic{filter:saturate(.55)brightness(.85);flex:none}.so-tab-word{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.so-tab[aria-current=page]{border-color:var(--hud-gold);background:var(--hud-panel-2);box-shadow:inset 0 2px 0 #ffffff1a, 0 5px 0 var(--hud-gold-deep), 0 8px 14px -6px #0009;color:var(--hud-text);text-shadow:0 2px 0 var(--ink-line);transform:translateY(-2px)}.so-tab[aria-current=page] .so-tab-pic{filter:drop-shadow(0 3px #00000073)}.so-tab:not([aria-current=page]):active{transform:translateY(2px);box-shadow:0 2px #00000073}.so-tab:focus-visible{outline:3px solid var(--hud-gold);outline-offset:2px}@media (hover:hover){.so-tab:not([aria-current=page]):hover{color:var(--hud-text)}.so-tab:not([aria-current=page]):hover .so-tab-pic{filter:none}}@media (min-width:640px){.so-tab{flex-direction:row;gap:10px;min-height:64px;font-size:21px}}@media (orientation:landscape) and (max-height:540px){.so-tab{min-height:50px;padding-block:4px;font-size:19px}.so-tab-pic{width:32px;height:32px}}.so-list{flex-direction:column;gap:8px;display:flex}.so-slat{border:3px solid var(--ink-line);background:var(--hud-panel-2);color:var(--hud-text);border-radius:16px;display:block;box-shadow:inset 0 2px #ffffff12,0 4px #00000073}.so-slat-row{align-items:center;gap:10px;min-height:70px;padding:8px 10px;display:flex}.so-slat[data-live]{border-color:var(--hud-go);box-shadow:inset 0 2px 0 #ffffff12, 0 4px 0 var(--hud-go-deep)}.so-slat[data-status=incoming]{border-color:var(--hud-gold);box-shadow:inset 0 2px 0 #ffffff12, 0 4px 0 var(--hud-gold-deep)}.so-slat[data-status=outgoing]{background:var(--hud-panel)}.so-name{color:var(--hud-text);font-family:var(--font-duel-display), var(--font-duel-body), system-ui, sans-serif;text-overflow:ellipsis;text-shadow:0 2px 0 var(--ink-line);white-space:nowrap;font-size:19px;line-height:1.2;overflow:hidden}.so-name[data-wrap]{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box}@media (max-width:419px){.so-name[data-wrap]{font-size:17px}}.so-sub{min-width:0;color:var(--hud-dim);font-family:var(--font-duel-body), system-ui, sans-serif;flex-wrap:wrap;align-items:center;gap:2px 10px;margin-top:2px;font-size:15px;font-weight:600;line-height:1.25;display:flex}.so-honor{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.so-honor b{color:var(--hud-text);font-family:var(--font-duel-display), system-ui, sans-serif;font-variant-numeric:tabular-nums;font-size:17px;font-weight:400}.so-actions{flex:none;align-items:center;gap:6px;display:flex}.so-actions .gk-btn-label:empty{display:none}@media (max-width:419px){.so-slat[data-status] .so-slat-row{flex-wrap:wrap;row-gap:8px}.so-slat[data-status] .so-actions{width:100%;padding-left:58px}}.so-row-error{border:2px solid var(--ink-line);background:var(--hud-stop);color:#fff;border-radius:10px;margin:0 10px 10px;padding:6px 10px;font-size:15px;font-weight:700;line-height:1.3}.so-live{border:2px solid var(--ink-line);background:var(--hud-go);color:#06240f;font-family:var(--font-duel-display), system-ui, sans-serif;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:1px 8px 1px 6px;font-size:15px;font-weight:400;display:inline-flex}.so-live-line{margin:-2px 0 10px}@keyframes so-pulse{50%{opacity:.6;transform:scale(.6)}}.so-dot{border:2px solid var(--ink-line);background:#b8ffcf;border-radius:999px;flex:none;width:10px;height:10px;animation:1.4s ease-in-out infinite so-pulse;display:inline-block}.lk-chip .so-dot{margin-left:6px}.so-badge{--tone:var(--kind-defend);--tone-deep:var(--kind-defend-deep);border:3px solid var(--ink-line);background:var(--tone);width:48px;height:48px;box-shadow:inset 0 -5px 0 var(--tone-deep), inset 0 3px 0 #ffffff4d, 0 3px 0 #00000073;color:#fff;border-radius:999px;flex:none;place-items:center;display:grid}.so-badge-letter{font-family:var(--font-duel-display), system-ui, sans-serif;text-shadow:0 2px 0 var(--ink-line);margin-top:-3px;font-size:24px;line-height:1}.so-badge[data-size=sm]{width:40px;height:40px}.so-badge[data-size=sm] .so-badge-letter{font-size:20px}.so-badge[data-tone=indigo]{--tone:var(--kind-defend);--tone-deep:var(--kind-defend-deep)}.so-badge[data-tone=jade]{--tone:var(--hud-go);--tone-deep:var(--hud-go-deep)}.so-badge[data-tone=plum]{--tone:var(--kind-ability);--tone-deep:var(--kind-ability-deep)}.so-badge[data-tone=gold]{--tone:var(--hud-gold);--tone-deep:var(--hud-gold-deep)}.so-badge[data-tone=prussian]{--tone:#1fa3b8;--tone-deep:#0e6474}.so-code-row{align-items:center;gap:10px;display:flex;container-type:inline-size}.so-code{border:3px solid var(--ink-line);background:var(--hud-bg);min-width:0;color:var(--hud-gold);font-family:var(--font-duel-display), system-ui, sans-serif;letter-spacing:.04em;text-align:center;text-shadow:0 3px 0 var(--ink-line);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:14px;flex:1;padding:8px 10px;font-size:clamp(22px,16.9492cqi - 27.1186px,32px);line-height:1.1;box-shadow:inset 0 3px #0006}.so-add{align-items:flex-start;gap:8px;margin-top:14px;display:flex}.so-add-btn{flex:none;margin-top:27px}.duel-hud .so-add .gk-field-label{color:var(--hud-text);font-family:var(--font-duel-display), system-ui, sans-serif;font-size:17px;font-weight:400}.duel-hud .so-add .gk-field-box{border:3px solid var(--ink-line);background:var(--hud-bg);box-shadow:inset 0 3px #0006}.duel-hud .so-add .gk-field-box:focus-within{box-shadow:inset 0 3px 0 #0006, 0 0 0 3px var(--hud-gold)}.duel-hud .so-add .gk-field-input{color:var(--hud-text);letter-spacing:.06em;font-weight:700}.duel-hud .so-add .gk-field-input::placeholder{color:#8f8170;letter-spacing:.06em}.duel-hud .so-add .gk-field-note{color:var(--hud-dim);font-size:15px;font-weight:600}.duel-hud .so-add .gk-field[data-invalid] .gk-field-box{border-color:var(--hud-stop)}.duel-hud .so-add .gk-field[data-invalid] .gk-field-note{color:#ff9a9d}.duel-hud .so-add .gk-field:has(.gk-field-input:disabled) .gk-field-box{opacity:1;filter:none;background:var(--hud-panel);border-style:dashed;border-color:var(--hud-line)}.so-room{border:2.5px solid var(--gk-sumi);background:#1b17120f;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:10px 14px;display:flex}.so-room-code{letter-spacing:.08em;font-size:30px;line-height:1}.so-link{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#fffaf0;border:2px dashed #1b171273;border-radius:10px;margin-top:6px;padding:6px 10px;font-weight:700;display:block}.so-toast{border:3px solid var(--ink-line);background:var(--hud-go);max-width:100%;box-shadow:0 4px 0 var(--hud-go-deep);color:#06240f;font-family:var(--font-duel-body), system-ui, sans-serif;border-radius:14px;align-items:center;padding:8px 16px;font-size:16px;font-weight:700;line-height:1.3;display:inline-flex}.so-toast[data-tone=bad]{background:var(--hud-stop);box-shadow:0 4px 0 var(--hud-stop-deep);color:#fff}.so-toast-dock{left:0;right:0;bottom:calc(77px + env(safe-area-inset-bottom) + 28px);z-index:30;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}@media (orientation:landscape) and (max-height:540px){.so-toast-dock{left:88px;bottom:calc(env(safe-area-inset-bottom) + 14px)}}@media (min-width:1024px){.so-toast-dock{bottom:28px;left:128px}}.so-switch{margin-block:-4px 0}.so-board-panel{flex-direction:column;gap:14px;display:flex}.so-gloss{color:var(--hud-dim);text-wrap:pretty;margin:-2px 0 12px;font-size:15px;font-weight:600;line-height:1.35}.so-note{color:var(--hud-text);align-items:center;gap:10px;padding:10px 14px 10px 10px;font-size:15px;font-weight:600;line-height:1.35;display:flex}.so-note .gk-icon{flex:none}.so-placing{flex-direction:column;align-items:stretch;gap:8px;padding:12px 14px}.so-placing-title{font-family:var(--font-duel-display), system-ui, sans-serif;text-shadow:0 2px 0 var(--ink-line);font-size:19px}.so-placing>p:last-child{color:var(--hud-dim)}.so-bar{border:3px solid var(--ink-line);background:var(--hud-bg);border-radius:999px;height:18px;overflow:hidden}.so-bar>span{background:var(--hud-gold);height:100%;box-shadow:inset 0 -4px 0 var(--hud-gold-deep), inset 0 3px 0 #ffffff59;border-radius:999px;display:block}.so-board .so-slat-row{min-height:66px;padding-block:6px}.so-board .so-slat[data-medal=gold]{border-color:var(--hud-gold);box-shadow:inset 0 2px 0 #ffffff14, 0 4px 0 var(--hud-gold-deep)}.so-board .so-slat[data-medal=silver]{border-color:#c3ccd8;box-shadow:inset 0 2px #ffffff14,0 4px #6f7a8a}.so-board .so-slat[data-medal=bronze]{border-color:#e0955a;box-shadow:inset 0 2px #ffffff14,0 4px #8a4720}.so-board .so-slat[data-me]{border-color:var(--kind-defend);background:var(--kind-defend-deep);box-shadow:inset 0 2px #fff3,0 4px #0f2a5c}.so-board .so-slat[data-me] .so-sub{color:#fff}.so-rank{border:3px solid var(--ink-line);background:var(--hud-bg);min-width:52px;height:36px;color:var(--hud-text);font-family:var(--font-duel-display), system-ui, sans-serif;text-shadow:0 2px 0 var(--ink-line);font-variant-numeric:tabular-nums;border-radius:12px;flex:none;place-items:center;padding:0 6px;font-size:19px;line-height:1;display:grid}.so-rank[data-long]{font-size:15px}.so-medal{filter:drop-shadow(0 3px #0006);flex:none;place-items:center;width:52px;height:52px;display:grid;position:relative}.so-medal .gk-icon{position:absolute;inset:0}.so-medal-num{color:#fff;font-family:var(--font-duel-display), system-ui, sans-serif;text-shadow:0 2px 0 var(--ink-line), 0 0 3px var(--ink-line);margin-top:15px;font-size:19px;line-height:1;position:relative}.so-board-honor{flex:none;align-items:center;gap:4px;display:inline-flex}.so-score-num{color:var(--hud-text);font-family:var(--font-duel-display), system-ui, sans-serif;text-shadow:0 2px 0 var(--ink-line);font-variant-numeric:tabular-nums;font-size:22px;line-height:1}@media (max-width:379px){.so-score-num{font-size:18px}.so-board .so-slat-row{gap:8px;padding-inline:8px}}.so-pinned{flex:none;justify-content:center;display:flex}@media (max-height:759px){.so-pinned{order:-1}}.so-pinned-bar{border:3px solid var(--kind-defend);background:var(--kind-defend-deep);color:#fff;border-radius:18px;align-items:center;gap:10px;width:100%;max-width:560px;padding:8px 14px 8px 8px;display:flex;box-shadow:inset 0 2px #fff3,0 5px #0f2a5c,0 12px 22px -6px #000000b3}.so-pinned-line{min-width:0;font-family:var(--font-duel-display), system-ui, sans-serif;text-overflow:ellipsis;text-shadow:0 2px 0 var(--ink-line);white-space:nowrap;flex:1;font-size:19px;line-height:1.2;overflow:hidden}.so-replay{outline-offset:3px;transition:transform 90ms}.so-replay:focus-visible{outline:3px solid var(--hud-gold)}.so-replay:active{transform:translateY(2px)}.so-replay[data-result=won]{border-left:8px solid var(--hud-go)}.so-replay[data-result=lost]{border-left:8px solid var(--hud-stop)}.so-replay[data-result=draw]{border-left:8px solid var(--hud-line)}@media (hover:hover){.so-replay:hover{background:#3d3129}}.so-result{border:3px solid var(--ink-line);width:64px;height:40px;font-family:var(--font-duel-display), system-ui, sans-serif;border-radius:12px;flex:none;place-items:center;font-size:18px;line-height:1;display:grid;box-shadow:0 3px #00000073}.so-result[data-result=won]{background:var(--hud-go);color:#06240f}.so-result[data-result=lost]{background:var(--hud-stop);color:#fff;text-shadow:0 2px 0 var(--ink-line)}.so-result[data-result=draw]{background:var(--hud-line);color:var(--hud-text);text-shadow:0 2px 0 var(--ink-line)}.so-when{color:var(--hud-dim);margin-top:1px;font-size:15px;font-weight:600}.so-play{color:var(--hud-dim);flex:none;place-items:center;display:grid}@media (prefers-reduced-motion:reduce){.so-dot{animation:none}}.gk-calm .so-dot{animation:none}