@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900;1000&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Nunito','Noto Sans KR',sans-serif;color:#e9f4ff;background:#102339;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 35% 0%,#214769 0,transparent 65%),#102339;min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffdf73;outline-offset:4px}button{transition:filter .15s,transform .15s}button:hover{filter:brightness(1.1)}button:active{transform:translateY(2px)}.arcade{width:min(1120px,calc(100% - 64px));margin:auto}.topbar{height:100px;display:flex;align-items:center;border-bottom:1px solid #ffffff12;gap:28px}.brand{color:white;text-decoration:none;display:flex;align-items:center;gap:10px;font-weight:1000;font-size:21px;line-height:.95;letter-spacing:1.5px}.brand-second{display:block;color:#69def0;font-size:16px;letter-spacing:3px;margin-top:4px}.brand-icon{width:46px;height:48px;background:linear-gradient(140deg,#70f4eb,#17a5ea);display:grid;place-items:center;border-radius:17px 19px 17px 10px;box-shadow:inset 2px 3px 0 #c4ffffaa,0 4px 0 #086b9f;color:#fff;font-size:34px;font-style:italic;text-shadow:0 2px 0 #0085ba}.edition{color:#7797b4;letter-spacing:2px;font-size:12px;font-weight:800}.top-actions{margin-left:auto;display:flex;gap:10px}.icon-button{border:1px solid #ffffff1c;border-radius:12px;background:#1d3852;color:#d8efff;height:40px;min-width:42px;font-size:21px;padding:0 12px}.icon-button span{font-size:11px;margin-left:6px;vertical-align:middle}.room-heading{display:flex;justify-content:space-between;align-items:center;padding:27px 0 23px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:2px;color:#6ddfd8}h1{font-size:25px;letter-spacing:-1px;margin:6px 0 0;font-weight:900}.room-tag{font-size:13px;color:#b9d4e7;background:#ffffff07;padding:9px 13px;border:1px solid #ffffff12;border-radius:22px;display:flex;align-items:center;gap:8px}.room-tag span{width:6px;height:6px;background:#69e5bb;border-radius:50%}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 246px;gap:22px;align-items:start}.game-frame{border:1px solid #496a7d;border-radius:18px;background:#1c3a52;box-shadow:0 12px 40px #0003;overflow:hidden}.match-bar{height:73px;display:flex;align-items:center;padding:0 20px;justify-content:space-between;background:linear-gradient(#2a4b66,#234058);gap:8px}.map-label{display:flex;gap:10px;align-items:center}.map-label strong{font-size:14px;display:block}.map-label small{font-size:11px;color:#9bbad1;display:block;margin-top:3px}.map-icon{font-size:29px;color:#9ee8c7}.clock{font-size:28px;font-weight:900;letter-spacing:2px;background:#112a41;border:1px solid #456279;padding:3px 17px;border-radius:10px;font-variant-numeric:tabular-nums;box-shadow:inset 0 2px 4px #0003}.clock.urgent{color:#ffac94}.round-label{font-size:10px;color:#92b7d2;display:flex;align-items:center;gap:7px;letter-spacing:1px}.round-label b{font-size:19px;color:#edf7ff}.pause-button{background:#35556f;border:1px solid #4c6c86;color:#c8e1f1;border-radius:7px;font-size:17px;padding:5px 9px;margin-left:8px}.board-wrap{position:relative;background:#4ba975;border:9px solid #1b3549;border-top-width:7px;border-bottom-width:7px}canvas{width:100%;height:auto;aspect-ratio:15/13;display:block;touch-action:none}.board-footer{height:42px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#9cb9cc;gap:8px}.board-footer>span{display:flex;align-items:center;gap:7px}.blue-dot{width:6px;height:6px;background:#58d8fb;border-radius:50%}kbd{font-family:inherit;border:1px solid #4a6377;background:#2b4358;border-bottom:3px solid #132b3e;border-radius:5px;padding:3px 6px;font-size:11px;white-space:nowrap;color:#c6dce9}.sidebar{display:flex;flex-direction:column;gap:15px}.panel{border:1px solid #35516a;background:#1b344c;border-radius:14px;padding:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:800;margin-bottom:16px}.panel-title>span{font-size:9px;letter-spacing:1px;color:#8ba9bf}.player-row{display:flex;gap:10px;align-items:center;margin-top:13px;transition:opacity .3s}.avatar{width:36px;height:36px;display:block;border-radius:11px;background:#122b42;border:1px solid #547286}.player-row .name{font-size:13px;font-weight:700}.player-row .player-state{font-size:10px;color:#a1c4d5;margin-top:3px}.player-row .label{font-size:9px;margin-left:auto;color:#688fa9;font-weight:900}.player-row.me .label{color:#84e8e5}.player-row.dead{opacity:.35}.player-row.trapped .player-state{color:#ffd085}.you-badge{background:#28777f;color:#a8fcf0!important;padding:3px 7px;border-radius:5px}.stat{display:flex;justify-content:space-between;align-items:center;margin:13px 0;font-size:13px;color:#c4d9e6}.stat b{font-size:18px;color:#fff}.stat small{color:#7698b2;font-size:12px}.needle{display:flex;width:100%;justify-content:space-between;align-items:center;margin-top:18px;padding:12px 10px;border:1px solid #657277;background:#394d57;border-radius:9px;color:#ffdf91;font-size:13px}.needle b{margin-left:12px}.needle:disabled{opacity:.4;cursor:default}.tiny{font-size:10px;color:#91aebe;margin:8px 0 0;text-align:center}.controls>div:not(.panel-title){display:flex;align-items:center;gap:7px;font-size:12px;margin:12px 0;color:#a4bfd1}.controls>div>span{margin-right:auto}.controls small{font-size:9px}.controls p{font-size:11px;color:#86a8bd;line-height:1.9;border-top:1px solid #ffffff0c;padding-top:12px;margin-bottom:0}.restart{background:#1b344c;border:1px solid #35516a;border-radius:10px;color:#b8d4e5;font-size:13px;padding:12px}.page-footer{display:flex;align-items:center;justify-content:space-between;padding:24px 0;color:#6889a3;font-size:10px;letter-spacing:1px}.page-footer p{font-size:11px;letter-spacing:0}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#113a4c38;backdrop-filter:blur(2px);z-index:2}.overlay[hidden]{display:none}.start-card{background:linear-gradient(160deg,#f7ffff,#e1f6fb);border:4px solid white;box-shadow:0 7px 0 #174c69,0 18px 60px #102d6370;border-radius:25px;text-align:center;padding:30px 34px 23px;color:#224c67;max-width:88%}.mini-label{font-size:11px;color:#389eae;font-weight:1000;letter-spacing:2px}h2{font-size:34px;letter-spacing:-1.6px;font-weight:900;margin:13px 0 9px}.start-card p{font-size:14px;line-height:1.9;margin:0 0 21px;color:#688492}.primary{display:flex;align-items:center;justify-content:center;gap:28px;background:linear-gradient(#ffe36e,#ffc642);color:#6c4813;font-weight:900;font-size:18px;border:2px solid #fff7bc;border-radius:13px;box-shadow:0 4px 0 #d29b29;padding:13px 26px;width:100%}.primary span{font-size:14px}.start-hint{font-size:10px;color:#79949e;margin-top:20px}.countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:100px;font-weight:1000;color:#fff;text-shadow:0 7px 0 #1174aa,0 12px 20px #183b6488;pointer-events:none}.countdown[hidden]{display:none}.toast{position:absolute;bottom:20px;left:50%;transform:translate(-50%,10px);background:#12374eed;color:#fff;border:1px solid #b9e8f04a;border-radius:25px;padding:10px 18px;font-size:13px;white-space:nowrap;opacity:0;transition:.2s;pointer-events:none}.toast.visible{opacity:1;transform:translate(-50%,0)}.touch-controls{display:none}.page-footer>span{font-weight:900}dialog{max-width:440px;width:calc(100% - 30px);background:#1b344c;border:1px solid #63859b;border-radius:20px;color:#dfeefa;padding:30px;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#081525bb;backdrop-filter:blur(5px)}dialog h2{font-size:27px}dialog p{font-size:14px;line-height:1.9;color:#bad0df}.dialog-close{position:absolute;right:15px;top:12px;background:none;border:none;color:#aec8dc;font-size:25px}.touch-controls button{touch-action:none;user-select:none;-webkit-user-select:none}
@media(min-width:1400px){.arcade{width:1100px}.room-heading{padding-top:31px}}
@media(max-width:1000px){.arcade{width:calc(100% - 32px)}.game-layout{grid-template-columns:minmax(0,1fr) 215px;gap:15px}.panel{padding:14px}.controls small{display:none}.match-bar{padding:0 12px}.round-label{font-size:0;gap:3px}.clock{font-size:24px}.board-footer{font-size:10px;padding:0 9px}.desktop-note{display:none}.page-footer>span:last-child{display:none}}
@media(max-width:760px){.arcade{width:calc(100% - 24px)}.topbar{height:75px}.edition{display:none}.brand{font-size:18px}.brand-second{font-size:13px}.brand-icon{width:37px;height:40px;font-size:28px;border-radius:13px}.room-heading{padding:20px 0 16px}h1{font-size:21px}.eyebrow{font-size:10px}.room-tag{font-size:11px;padding:7px 10px}.game-layout{display:flex;flex-direction:column;gap:16px}.game-frame{width:100%;border-radius:13px}.sidebar{display:grid;grid-template-columns:1fr 1fr;width:100%;order:2;gap:12px}.controls{display:none}.restart{grid-column:1/-1}.match-bar{height:60px}.map-label small{font-size:10px}.map-label strong{font-size:12px}.map-icon{font-size:25px}.clock{font-size:23px;padding:3px 10px}.round-label b{font-size:16px}.pause-button{margin-left:4px}.board-wrap{border-width:5px}.board-footer{height:35px}.touch-controls{display:flex;justify-content:space-between;align-items:center;padding:12px 8px 18px;gap:15px;grid-row:2}.game-layout{display:grid;grid-template-columns:1fr}.sidebar{grid-row:3}.arcade{display:flex;flex-direction:column}.touch-controls{order:0}.sidebar{margin-top:0}.page-footer{font-size:9px;gap:12px}.page-footer p{font-size:10px;line-height:1.7;text-align:right}.dpad{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,42px);gap:5px}.dpad button{background:#2b4b66;border:1px solid #55718a;border-bottom:4px solid #091d30;border-radius:11px;color:#dcefff;font-size:17px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-row:2;grid-column:1}.dpad button:nth-child(3){grid-row:2;grid-column:2}.dpad button:nth-child(4){grid-row:2;grid-column:3}.touch-actions{display:flex;gap:12px;align-items:center}.touch-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:62px;height:62px;border:2px solid #729392;border-radius:50%;background:#355567;color:#ffe099;box-shadow:0 4px 0 #071d30;font-size:25px}.touch-actions small{font-size:10px}.touch-actions #touch-bomb{width:78px;height:78px;background:linear-gradient(#55d8f0,#1289cd);border-color:#86efff;color:#fff;box-shadow:0 5px 0 #07558a;font-size:30px}.start-card{padding:24px 23px 20px;border-radius:21px}.start-card h2{font-size:29px}.start-card p{font-size:12px}.primary{font-size:16px;padding:11px 22px}.start-hint{font-size:9px}.panel-title{font-size:13px}.player-row{gap:8px}.avatar{width:31px;height:31px}.player-row .name{font-size:12px}.player-row .label{font-size:8px}.stat{font-size:12px}.tiny{font-size:9px}}
@media(pointer:coarse) and (min-width:761px){.touch-controls{display:flex;gap:30px;justify-content:center;padding:20px}.dpad{display:flex;gap:8px}.touch-controls button{padding:16px;background:#2b4b66;color:white;border:1px solid #55718a;border-radius:10px}.touch-actions{display:flex;gap:10px}.touch-actions small{margin-left:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Multiplayer room and equipment controls */
[hidden]{display:none!important}.mode-switch{display:flex;gap:4px;background:#10283d;padding:5px;border:1px solid #36546d;border-radius:12px}.mode-switch button{border:0;background:transparent;color:#9cbbd1;padding:9px 15px;border-radius:8px;font-size:14px;font-weight:800}.mode-switch button.selected{background:#357384;color:#e6fffc;box-shadow:0 2px 5px #0002}.room-panel{background:#1b344c;border:1px solid #3c687d;border-radius:15px;padding:20px;margin:0 0 22px}.room-intro{display:flex;align-items:center;gap:20px;margin-bottom:16px}.room-intro strong{font-size:17px}.room-intro span{font-size:13px;color:#a9c7d9}.room-fields{display:flex;align-items:end;gap:12px}.room-fields label{flex:1;font-size:13px;color:#b5d3df;display:flex;gap:7px;flex-direction:column}.room-fields input{width:100%;background:#102b41;border:1px solid #547287;border-radius:9px;padding:12px;color:#f4fdff;font:inherit;font-size:16px;min-width:0;outline:none}.room-fields input:focus{border-color:#6ce5df;box-shadow:0 0 0 2px #51c6cf33}.room-fields input::placeholder{color:#7899ad}.room-primary,.room-secondary{font:inherit;border-radius:9px;padding:12px 18px;font-size:14px;font-weight:800;white-space:nowrap}.room-primary{background:#63d9d3;color:#163e49;border:1px solid #a1ffef}.room-secondary{background:#2a4861;color:#d4e9f6;border:1px solid #55748a}.room-hint{font-size:12px;color:#9bbccd;margin:12px 0 0}.room-error{color:#ffd191;font-size:14px;line-height:1.6;margin:10px 0 0}.room-error:empty{display:none}.room-connected-top{display:flex;align-items:center;gap:13px}.room-connected-top>div{display:flex;align-items:center;gap:12px}.room-connected-top strong{font-size:23px;letter-spacing:1px;color:#a7faf2;word-break:break-all}.room-connected-top .eyebrow{font-size:12px;white-space:nowrap}#network-status{font-size:12px;color:#a8c9da;margin-left:auto}#network-status.unstable{color:#ffd28d}.room-members{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:17px}.room-member{display:flex;align-items:center;gap:10px;padding:12px;background:#132c43;border:1px dashed #36556d;border-radius:10px}.room-member.filled{border:1px solid #47738a}.room-member strong{font-size:14px;display:block;overflow-wrap:anywhere}.room-member small{font-size:12px;color:#95b8ce;display:block;margin-top:4px}.room-member b{margin-left:auto;font-size:12px;color:#8af2e4}.member-color{width:13px;height:13px;border-radius:50%;flex-shrink:0}.lobby-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}.lobby-actions p{font-size:13px;color:#b5d2e2;margin:0;line-height:1.6}.equipment{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:13px;border-top:1px solid #ffffff14;margin-top:15px}.equipment span{font-size:11px;color:#8baaba;background:#122c42;border:1px solid #345166;padding:7px;border-radius:6px}.equipment span:last-child{grid-column:1/-1}.equipment span.owned{color:#9af1de;border-color:#438e90;background:#1b4654}.glove-button{margin-top:10px;color:#b2f1ec;border-color:#517d88;background:#254758}.needle{margin-top:9px}.needle:disabled,.room-primary:disabled,.room-secondary:disabled,.primary:disabled{opacity:.45;cursor:default}.start-card p{white-space:pre-line}.start-hint{line-height:1.7}.page-footer{gap:12px}.pause-button:disabled{opacity:.35;cursor:default}
@media(max-width:760px){.room-heading{gap:12px;flex-wrap:wrap}.mode-switch button{font-size:12px;padding:8px 10px}.room-panel{padding:15px;margin-bottom:15px}.room-intro{display:block}.room-intro span{display:block;margin-top:5px}.room-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.room-fields label{min-width:0}.room-primary,.room-secondary{padding:11px 13px}.room-connected-top{flex-wrap:wrap;gap:10px}.room-connected-top>div{flex:1;min-width:160px}.room-connected-top strong{font-size:19px}#network-status{margin-left:0;flex:1}.room-members{grid-template-columns:1fr 1fr}.lobby-actions{align-items:flex-start}.room-member{padding:10px;gap:8px}.room-member strong{font-size:13px}.room-member small{font-size:11px}.touch-controls{padding-left:0;padding-right:0;gap:10px}.dpad{grid-template-columns:repeat(3,38px);grid-template-rows:repeat(2,40px);gap:4px}.touch-actions{gap:7px}.touch-actions button{width:48px;height:48px;font-size:21px}.touch-actions #touch-bomb{width:68px;height:68px;font-size:26px}.touch-actions small{font-size:9px}.equipment span{font-size:10px;padding:6px}.needle{font-size:12px}.inventory .tiny{font-size:10px;line-height:1.6}}
@media(max-width:360px){.dpad{grid-template-columns:repeat(3,33px)}.touch-actions{gap:5px}.touch-actions button{width:44px;height:44px}.touch-actions #touch-bomb{width:58px;height:58px}.room-connected-top .eyebrow{font-size:10px}.room-fields{grid-template-columns:1fr}.room-intro strong{font-size:16px}}

.audio-button{display:flex;align-items:center;justify-content:center;gap:3px}.audio-button span{font-size:10px;margin:0}.audio-button[aria-pressed="false"]{color:#7f9fb8;background:#172f46}@media(max-width:480px){.topbar{gap:8px}.top-actions{gap:5px}.audio-button{min-width:37px;padding:0 7px;flex-direction:column;gap:0;font-size:17px;height:39px}.audio-button span{font-size:8px}.brand{gap:7px;font-size:16px}.brand-second{font-size:11px}.brand-icon{width:32px;height:36px;font-size:25px}.top-actions #help{min-width:32px;padding:0 7px}}
#ranked-account{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid #466778}#ranked-account p{font-size:14px;color:#aaccd9;margin:6px 0 0}#ranked-signin{text-decoration:none}.ranked-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #426074;padding-top:20px;margin-top:22px}.ranked-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.ranked-title h3{font-size:16px;margin:0}.ranked-title>span{font-size:12px;color:#a5c2d7}.ranked-title button{font-size:12px;padding:7px 11px}.public-room-list{max-height:230px;overflow:auto;font-size:14px;line-height:1.8;color:#a5c5d9}.public-room{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #36546a}.public-room strong{display:block;font-size:14px;color:#e9f5ff}.public-room small{display:block;font-size:12px;color:#93bdd2}.public-room button{padding:8px 12px}.ranking-scroll{max-height:230px;overflow:auto}#ranking-empty{font-size:14px;color:#a5c5d9}.ranking-table{width:100%;border-collapse:collapse;font-size:13px}.ranking-table th{background:#183249;position:sticky;top:0;color:#a7c7da;text-align:left;font-weight:500;padding:8px}.ranking-table td{padding:9px 8px;border-bottom:1px solid #355267}.ranking-table td:nth-child(3){color:#9aefe0;font-variant-numeric:tabular-nums}.ranked-rules,.ranked-history{border-top:1px solid #365569;margin-top:18px;padding-top:13px;font-size:13px;color:#b6d2e2;line-height:1.8}.ranked-rules summary,.ranked-history summary{cursor:pointer;font-size:14px;color:#ddf2fa}.ranked-rules p{font-size:13px}.history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #375369}.history-row small{display:block;font-size:11px;color:#88afc5}.history-row b{white-space:nowrap;font-size:12px}.gain{color:#8be2cb}.loss{color:#ffb2a9}@media(max-width:760px){.ranked-columns{grid-template-columns:1fr;gap:20px}#ranked-account{flex-wrap:wrap}.room-heading .mode-switch{margin-left:auto}.mode-switch button{padding:8px}.history-row{flex-wrap:wrap}.room-connected-top>div{min-width:130px}.room-members{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Three fixed maps; selection is shared by the room. */
.map-picker{margin-bottom:20px;padding:17px;background:#19334b;border:1px solid #3b5e73;border-radius:14px}.map-picker-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.map-picker-heading strong{font-size:14px}.map-picker-heading>span{font-size:11px;color:#9cbece}.map-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.map-option{position:relative;display:flex;align-items:center;gap:13px;padding:10px;background:#102b41;border:2px solid #35556a;border-radius:10px;text-align:left;color:#d3e7ef;min-width:0}.map-option canvas{width:75px;height:65px;border-radius:4px;image-rendering:pixelated;flex-shrink:0}.map-option strong,.map-option small{display:block}.map-option strong{font-size:14px}.map-option small{font-size:10px;color:#94b7cb;margin-top:5px}.map-option>b{display:none;position:absolute;right:7px;top:4px;color:#90ffe3}.map-option.selected{border-color:#6de4cf;background:#1c454f}.map-option.selected>b{display:block}.map-option:disabled{cursor:default}.map-option:disabled:not(.selected){opacity:.6}.map-picker>p{font-size:12px;color:#a8c7d6;line-height:1.6;margin:11px 0 0}.focus-button{background:#32536b;color:#def6ff;border:1px solid #7295a8;border-radius:8px;min-height:40px;padding:0 9px;font-size:12px;font-weight:800}.game-frame,.board-wrap{min-width:0}.touch-controls{touch-action:none}.dpad button:active{background:#438a9b}.touch-actions button:disabled{opacity:.45}.board-wrap canvas{touch-action:none}.toast{max-width:94%;white-space:normal;text-align:center;font-size:12px}.play-focus{overflow:hidden;overscroll-behavior:none}.play-focus .arcade{position:fixed;inset:0;width:100%;height:100dvh;background:#102339;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));z-index:10;display:block}.play-focus .arcade>*:not(.game-layout){display:none!important}.play-focus .game-layout{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:10px}.play-focus .game-frame{width:var(--focus-board,80vw);flex-shrink:0}.play-focus .sidebar{display:none}.play-focus .touch-controls{display:flex;justify-content:space-between;width:min(100%,480px);padding:8px 0;margin:0}.play-focus .match-bar{height:52px}.play-focus .board-footer{height:30px}.play-focus .board-wrap{border-width:4px}.play-focus .round-label{font-size:0;gap:3px}.play-focus .round-label b{display:none}.play-focus .map-icon{display:none}.play-focus .clock{font-size:20px;padding:4px 8px}.play-focus .map-label strong{font-size:12px}.play-focus .map-label small{font-size:9px}.play-focus .match-bar{padding:0 8px}.play-focus .start-card{padding:15px 18px}.play-focus .start-card h2{font-size:23px}.play-focus .start-card p{font-size:11px;line-height:1.5;margin-bottom:12px}.play-focus .start-hint{margin-top:12px}.play-focus .mini-label{font-size:9px}
@media(max-width:760px),(pointer:coarse){.dpad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,46px);gap:4px}.dpad button{padding:0;border-radius:11px;border:1px solid #638599;border-bottom:4px solid #071c2c;background:#2b4b66;color:#e1f5ff;font-size:18px;min-width:44px;min-height:44px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-row:2;grid-column:1}.dpad button:nth-child(3){grid-row:2;grid-column:2}.dpad button:nth-child(4){grid-row:2;grid-column:3}.touch-actions{display:grid;grid-template-columns:repeat(2,48px) 64px;align-items:center;gap:6px}.touch-actions button{padding:0;min-width:44px;min-height:48px;width:48px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#355567;color:#ffe099;border:2px solid #729392;font-size:22px}.touch-actions small{font-size:9px;margin:0}.touch-actions #touch-bomb{width:64px;height:64px;font-size:26px}.touch-controls{gap:8px}.map-option{flex-direction:column;gap:8px;padding:9px 3px;text-align:center}.map-option canvas{width:75px;height:65px}.map-option strong{font-size:12px}.map-option small{font-size:9px}.map-picker{padding:12px}.map-picker-heading{align-items:start;flex-direction:column;gap:4px}.map-options{gap:6px}.pause-button{min-width:40px;min-height:40px}.map-label{gap:5px}.match-bar{gap:5px}.map-icon{display:none}.map-label small{font-size:9px}}
@media(max-width:360px){.touch-actions{grid-template-columns:44px 58px;grid-template-rows:44px 44px;gap:4px}.touch-actions button{width:44px;height:44px;min-height:44px}.touch-actions #touch-bomb{grid-column:2;grid-row:1/3;width:58px;height:66px}.map-option canvas{width:65px;height:57px}.match-bar{padding:0 7px}.round-label b{display:none}.clock{font-size:19px}.map-label strong{font-size:11px}}
@media(orientation:landscape){.play-focus .game-layout{flex-direction:row;gap:14px}.play-focus .touch-controls{width:150px;height:min(85%,350px);flex-direction:column;justify-content:space-between;flex-shrink:0;align-items:center}.play-focus .dpad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,46px);gap:4px}.play-focus .dpad button{padding:0;min-height:44px;background:#2b4b66;color:white;border:1px solid #7295a8;border-radius:9px}.play-focus .dpad button:first-child{grid-column:2}.play-focus .dpad button:nth-child(2){grid-row:2;grid-column:1}.play-focus .dpad button:nth-child(3){grid-row:2;grid-column:2}.play-focus .dpad button:nth-child(4){grid-row:2;grid-column:3}.play-focus .touch-actions{display:grid;grid-template-columns:48px 64px;gap:8px}.play-focus .touch-actions #touch-bomb{grid-column:2;grid-row:1/3}.play-focus .touch-actions button{display:flex;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;padding:0;border-radius:50%;background:#355567;color:#ffe099;border:2px solid #729392}.play-focus .touch-actions #touch-bomb{width:64px;height:75px;background:#188fc6;color:#fff}.play-focus .touch-actions small{font-size:9px}}

/* Service footer and a reserved, non-interactive AdFit placement. */
.ad-placement{margin:32px 0 28px;display:flex;flex-direction:column;align-items:center;gap:9px;max-width:100%}.ad-label{font-size:12px;letter-spacing:2px;color:#8aa8bd}.adfit-slot{width:728px;max-width:100%;height:90px;display:grid;place-items:center;background:#132b41;border:1px dashed #416078;border-radius:8px;color:#7897ac;font-size:13px}.service-footer{margin-top:16px;padding:28px 0 20px;border-top:1px solid #3c5870;color:#afc9db}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:26px}.footer-brand strong{font-size:18px;font-weight:900;letter-spacing:2px;color:#dff4ff}.footer-brand p{margin:8px 0 0;font-size:13px}.footer-top nav{display:flex;gap:22px;flex-wrap:wrap}.footer-top a,.footer-top button{font:inherit;font-size:14px;line-height:1.6;color:#c3dce9;text-decoration:none;background:none;border:0;padding:8px 0;cursor:pointer}.footer-top a:hover,.footer-top button:hover{color:#80ecda}.support-center{display:grid;grid-template-columns:1fr 1.65fr;gap:44px;background:#173149;border:1px solid #36576e;border-radius:16px;padding:28px;scroll-margin-top:24px}.support-label{font-size:12px;font-weight:800;letter-spacing:2px;color:#72dcd2}.support-intro h2{font-size:25px;margin:9px 0 12px;letter-spacing:-.8px;color:#ecf8ff}.support-intro>p,.contact-status p{font-size:14px;line-height:1.9;margin:0;color:#abc9da}.contact-status{margin-top:25px;border-top:1px solid #34556c;padding-top:18px}.contact-status strong{display:block;font-size:14px;color:#d0e8f2;margin-bottom:5px}.support-faq{min-width:0;scroll-margin-top:24px}.support-faq h3{font-size:16px;color:#e0f2fb;margin:0 0 6px}.support-faq details{border-bottom:1px solid #36546b}.support-faq details:last-child{border-bottom:0}.support-faq summary{padding:15px 0;font-size:14px;line-height:1.7;color:#d0e5f0;cursor:pointer}.support-faq details[open] summary{color:#8defde}.support-faq details p{font-size:14px;line-height:1.9;margin:0 0 17px;color:#a9c8da}.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:22px;font-size:12px;line-height:1.8;color:#8caac0}.footer-bottom p{margin:0}
@media(max-width:791px){.adfit-slot{width:320px;height:100px}.footer-top{align-items:flex-start;flex-direction:column;gap:14px}.footer-top nav{gap:20px}.support-center{grid-template-columns:1fr;gap:25px;padding:20px}.support-intro>p br{display:none}.contact-status{margin-top:16px;padding-top:14px}.footer-bottom{gap:5px;flex-direction:column}.ad-placement{margin-top:28px}.service-footer{padding-top:24px}}
@media(max-width:343px){.adfit-slot{width:100%}.footer-top nav{gap:15px}}

.support-email{display:inline-block;color:#8debd9;font-size:16px;font-weight:700;line-height:1.8;padding:5px 0 9px;overflow-wrap:anywhere;text-underline-offset:4px}.support-email:hover{color:#cafff4}

.character-picker{margin:0 0 16px;padding:17px;background:#19334b;border:1px solid #3b5e73;border-radius:14px}.character-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.character-heading strong{font-size:16px}.character-heading>span{font-size:13px;color:#a6c5d6}.character-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.character-option{display:flex;position:relative;align-items:center;gap:12px;text-align:left;background:#122c42;border:2px solid #3b5c71;border-radius:12px;padding:12px;color:#e6f5ff;min-width:0}.character-option canvas{width:64px;height:64px;flex-shrink:0}.character-option strong{display:block;font-size:16px}.character-option small{display:block;font-size:13px;color:#b1cfdc;margin-top:6px;line-height:1.6}.character-option>b{display:none;position:absolute;right:9px;top:6px;color:#8defd9}.character-option.selected{border-color:#72decb;background:#24494f}.character-option.selected>b{display:block}.character-option:disabled{cursor:default}.character-option:disabled:not(.selected){opacity:.65}
@media(max-width:760px){.character-picker{padding:12px}.character-options{gap:6px}.character-option{flex-direction:column;text-align:center;gap:5px;padding:10px 3px}.character-option canvas{width:56px;height:56px}.character-option strong{font-size:14px}.character-option small{font-size:12px;margin-top:3px}.character-heading{gap:5px}.character-heading>span{font-size:12px}}

/* AdFit: two desktop rails, bottom banner on narrower screens. */
.ad-rail{display:none;min-width:0;align-self:stretch;padding-top:100px}
.ad-rail .ad-placement{position:sticky;top:24px;margin:0;gap:10px}
.adfit-vertical{width:160px;height:600px;max-width:none;flex-shrink:0}
.adfit-horizontal{width:320px;height:100px;max-width:none;flex-shrink:0}
.ad-bottom{margin:36px 0 28px;padding-top:16px;border-top:1px solid #ffffff12}
@media(min-width:1280px){
 .page-shell{width:min(1488px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:160px minmax(0,1120px) 160px;gap:24px;align-items:start}
 .page-shell>.arcade{grid-column:2;grid-row:1;width:100%;min-width:0;margin:0}
 .page-shell>.ad-rail-left{grid-column:1;grid-row:1}
 .page-shell>.ad-rail-right{grid-column:3;grid-row:1}
 .ad-rail{display:block}
 .ad-bottom{display:none}
}
@media(max-width:343px){.ad-bottom{display:none}}
.play-focus .ad-rail,.play-focus .ad-bottom{display:none!important}

.adfit-slot[data-status="connected"]{border:0;border-radius:0;background:transparent;display:block}

.adfit-wide{width:728px;height:90px;max-width:none;flex-shrink:0}
.ad-bottom-desktop{display:none}
@media(min-width:792px){.ad-bottom-desktop{display:flex}.ad-bottom-mobile{display:none}}

@media(max-width:760px),(pointer:coarse){
 .board-footer.item-notice>span:last-child{display:none}
 .board-footer.item-notice>span:first-child{min-width:0;width:100%;color:#a4f3d9;font-size:12px}
 .board-footer.item-notice #game-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

.mode-switch{flex-wrap:wrap}.room-heading{gap:16px;flex-wrap:wrap}#casual-browser{margin-top:20px;border-top:1px solid #36546d;padding-top:16px}
@media(max-width:760px){.mode-switch{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.mode-switch button{padding:9px 3px}.public-room>div{min-width:0}.public-room strong,.public-room small{overflow-wrap:anywhere}}

.version-link{display:block;margin-top:7px;font-size:12px;letter-spacing:0;color:#8ee7d8;text-decoration:none}.footer-bottom a{color:#a2dcd5;text-decoration:none}.version-link:hover,.footer-bottom a:hover{text-decoration:underline}