.swa-wrap{width:min(100%,1120px);height:calc(100dvh - var(--site-header-h, 3.6rem) - 7.4rem);max-height:calc(100dvh - 6.2rem);min-height:280px;display:flex;flex-direction:column;gap:6px;margin-inline:auto;color:#e8f5f0}body.is-playing .game-root:has(.swa-wrap){overflow:hidden;padding:.15rem 0 .25rem;align-items:stretch}body.is-playing .game-root:has(.swa-wrap)>.swa-wrap{width:min(100%,1120px);flex:1;min-height:0;height:auto;max-height:none;margin:0 auto}.swa-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:0}.swa-stat{font-family:var(--font-hud, ui-monospace, monospace);font-size:.78rem;letter-spacing:.04em;padding:.28rem .6rem;border-radius:999px;background:#081412d1;border:1px solid rgba(29,228,194,.28);color:#d7fff6;white-space:nowrap}.swa-stat.is-time{color:#ffc53d;border-color:#ffc53d66}.swa-board{display:flex;gap:6px;list-style:none;margin:0;padding:0;overflow-x:auto;flex:1;min-width:0;scrollbar-width:none}.swa-board::-webkit-scrollbar{display:none}.swa-row{display:flex;align-items:center;gap:6px;padding:.22rem .55rem;border-radius:999px;background:#081210c7;border:1px solid rgba(232,245,240,.1);font-family:var(--font-hud, ui-monospace, monospace);font-size:.72rem;white-space:nowrap;color:#e8f5f0}.swa-row.is-you{border-color:#1de4c2;box-shadow:0 0 0 1px #1de4c259}.swa-row.is-out{opacity:.55}.swa-dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 2px #00000059;flex:none}.swa-frame{position:relative;flex:1;min-height:180px;border-radius:16px;overflow:hidden;background:#071410;border:1.5px solid rgba(232,245,240,.14);box-shadow:var(--shadow, 0 18px 40px rgba(0, 0, 0, .18))}.swa-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}.swa-cd{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display, Impact, sans-serif);font-size:clamp(4rem,14vw,7.5rem);letter-spacing:.04em;color:#f4fff9;text-shadow:0 8px 30px rgba(0,0,0,.45),0 0 24px rgba(29,228,194,.45);pointer-events:none}.swa-cd[hidden]{display:none}.swa-banner{position:absolute;left:50%;top:12px;transform:translate(-50%);padding:.35rem .75rem;border-radius:999px;background:#080c0cc7;color:#ffb4a2;font-family:var(--font-hud, ui-monospace, monospace);font-size:.78rem;letter-spacing:.04em;pointer-events:none}.swa-banner[hidden]{display:none}.swa-hint{margin:0;text-align:center;color:var(--ink-soft, #9bb5ab);font-size:.78rem}.swa-diff{display:flex;gap:4px}.swa-diff[hidden]{display:none}.swa-diff button{font:inherit;font-size:.72rem;padding:.2rem .45rem;border-radius:999px;border:1px solid rgba(232,245,240,.16);background:#081210b3;color:#c9ddd6;cursor:pointer}.swa-diff button.is-active{color:#04110e;background:#1de4c2;border-color:#1de4c2}@media(max-width:720px){.swa-wrap{height:calc(100dvh - var(--site-header-h, 3.2rem) - 6.4rem);gap:4px}.swa-hint{font-size:.7rem}.swa-stat,.swa-row{font-size:.68rem;padding:.18rem .45rem}}@media(orientation:portrait)and (max-width:900px){.swa-wrap{height:calc(100dvh - var(--site-header-h, 3.2rem) - 6.1rem)}.swa-board{order:3;flex:none;width:100%}.swa-top{display:grid;grid-template-columns:auto auto 1fr;grid-template-areas:"time size diff" "board board board"}.swa-stat.is-time{grid-area:time}.swa-stat.is-size{grid-area:size}.swa-diff{grid-area:diff;justify-self:end}.swa-board{grid-area:board}}@media(max-height:520px){.swa-hint{display:none}.swa-wrap{height:calc(100dvh - var(--site-header-h, 3rem) - 4.6rem);gap:3px}.swa-cd{font-size:clamp(2.6rem,12vh,4.5rem)}}html.game-fs .swa-wrap{height:100%;max-height:none;width:100%}