:root{color:#f4f7ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:none;overscroll-behavior:none;background:#050713;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{overscroll-behavior:none;width:100%;min-width:280px;height:100%;min-height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#050713;position:fixed;inset:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid var(--theme-accent,#68f5ff);outline-offset:3px}#root{height:100%}.intro-screen,.form-screen{width:min(100%,500px);height:100%;padding:max(28px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));text-align:center;touch-action:pan-y;flex-direction:column;align-items:center;margin:0 auto;display:flex;position:relative;overflow-y:auto}.intro-screen:before,.form-screen:before,.controller-screen:before{z-index:-1;content:"";background-image:linear-gradient(#55f1ff06 1px,#0000 1px),linear-gradient(90deg,#55f1ff06 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.brand-mark{color:#e8fdff;background:linear-gradient(145deg,#55f1ff33,#a841ff29);border:1px solid #55f1ffbf;border-radius:50%;place-items:center;width:76px;height:76px;margin-top:auto;margin-bottom:24px;display:grid;box-shadow:0 0 32px #55f1ff47,inset 0 0 20px #55f1ff1a}.brand-mark svg{width:76%;overflow:visible}.brand-mark path{fill:none;stroke:currentColor;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #55f1ff)}.brand-mark circle{fill:#ff4ca0;filter:drop-shadow(0 0 5px #ff4ca0)}.eyebrow{color:#68f5ff;letter-spacing:.24em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:800}h1{letter-spacing:-.055em;text-shadow:0 0 28px #a841ff59;margin:0;font-size:clamp(36px,11vw,54px);line-height:.98}.lead{color:#9aa3c0;max-width:340px;margin:18px auto 0;font-size:15px;line-height:1.5}.rules-list{text-align:left;gap:10px;width:100%;margin:34px 0;padding:0;list-style:none;display:grid}.rules-list li{color:#8d96b4;background:#0e1227b8;border:1px solid #848fb924;border-radius:15px;align-items:center;gap:14px;min-height:72px;padding:12px 14px;font-size:13px;display:flex}.rules-list strong{color:#f4f7ff;margin-bottom:2px;font-size:14px;display:block}.rule-icon{color:#68f5ff;text-shadow:0 0 9px #68f5ffbf;background:#68f5ff12;border:1px solid #68f5ff47;border-radius:13px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.primary-button{color:#041018;letter-spacing:.04em;cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#87faff,#55deff);border:1px solid #68f5ff;border-radius:15px;width:100%;min-height:56px;font-size:15px;font-weight:900;box-shadow:0 0 24px #55deff3d}.primary-button:active{transform:scale(.985)}.primary-button:disabled{color:#747e9d;box-shadow:none;background:#1b2035;border-color:#39425e}.text-button{color:#78829f;cursor:pointer;touch-action:manipulation;background:0 0;border:0;min-height:42px;margin-top:8px;font-size:13px}.form-screen{justify-content:center}.form-screen form{text-align:left;width:100%;margin-top:42px}.form-screen label{color:#a6aec7;margin:0 0 8px 2px;font-size:12px;font-weight:700;display:block}.name-field{position:relative}.name-field input{color:#fff;caret-color:#68f5ff;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#0e1227eb;border:1px solid #323a58;border-radius:15px;width:100%;height:62px;padding:0 66px 0 17px;font-size:18px;font-weight:700}.name-field input::placeholder{color:#555e7c}.name-field input:focus{border-color:#68f5ff;box-shadow:0 0 22px #68f5ff1f}.name-field span{color:#68728f;font-size:11px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.form-screen .primary-button{margin-top:18px}.error-message{color:#ff6b92;margin:10px 2px -6px;font-size:13px}.controller-screen{--player-color:#68f5ff;--panel-padding:11px;width:100%;height:100dvh;min-height:0;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));grid-template-rows:auto auto auto minmax(0,1fr);gap:9px;display:grid;overflow:hidden}.player-bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c1022db;border:1px solid #828fba2b;border-radius:15px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:60px;padding:9px 10px 9px 12px;animation:.32s ease-out both ui-settle;display:grid;overflow:hidden}.player-identity{align-items:center;gap:10px;min-width:0;display:flex}.player-color{background:var(--player-color);width:11px;height:34px;box-shadow:0 0 12px var(--player-color);border-radius:10px;flex:0 0 11px}.player-identity>div{flex-direction:column;min-width:0;display:flex}.player-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.connection{color:#78819f;align-items:center;gap:5px;margin-top:2px;font-size:10px;display:flex}.connection i{background:#98a2be;border-radius:50%;width:6px;height:6px}.connection-connected i{background:#6dff8b;box-shadow:0 0 7px #6dff8b}.connection-connecting i{background:#ffe066;animation:1s ease-in-out infinite blink;box-shadow:0 0 7px #ffe066}.connection-disconnected i{background:#ff507c;box-shadow:0 0 7px #ff507c}.score{flex-direction:column;align-items:center;min-width:43px;line-height:1;display:flex}.score strong{color:var(--player-color);text-shadow:0 0 10px var(--player-color);font-size:24px}.score span{color:#737d9b;letter-spacing:.1em;text-transform:uppercase;margin-top:3px;font-size:8px;font-weight:800}.leave-button{color:#969fba;cursor:pointer;touch-action:manipulation;background:#11162a;border:1px solid #303853;border-radius:10px;min-height:36px;padding:0 10px;font-size:10px;font-weight:750}.player-actions{align-items:center;gap:6px;display:flex}.fullscreen-button,.help-button{color:#aefaff;cursor:pointer;touch-action:manipulation;background:#68f5ff14;border:1px solid #68f5ff47;border-radius:10px;min-height:36px;padding:0 10px;font-size:10px;font-weight:750}.help-button{color:#d9b2ff;background:#bd68ff17;border-color:#bd68ff52}.game-status{justify-content:space-between;align-items:center;gap:8px;min-height:29px;padding:0 3px;display:flex;overflow:hidden}.game-status>div{align-items:center;gap:8px;min-width:0;display:flex}.phase,.wins{color:#8790ad;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.phase{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;transition:color .22s,opacity .22s;display:inline-block;overflow:hidden}.wins{color:#ffe778;white-space:nowrap}.effects{justify-content:flex-end;overflow:hidden}.effect-chip{color:#aefaff;white-space:nowrap;background:#68f5ff14;border:1px solid #68f5ff40;border-radius:9px;align-items:center;gap:4px;height:27px;padding:0 8px;font-size:10px;font-weight:800;animation:.24s ease-out both ui-settle;display:flex}.effect-symbol{font-size:14px}.active-powerups{justify-content:flex-end;gap:4px;min-width:0;display:flex;overflow:hidden}.notice{background:#ffe0660f;border:1px solid #ffe06633;border-radius:13px;align-items:center;gap:11px;min-height:53px;padding:9px 13px;display:flex}.controller-message-area{gap:7px;min-height:57px;transition:opacity .22s;display:grid;overflow:hidden}.controller-message-area:empty{visibility:hidden;pointer-events:none}.ready-panel{background:#68f5ff0e;border:1px solid #68f5ff3d;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px;animation:.28s ease-out both ui-settle;display:grid}.ready-panel button{color:#041018;letter-spacing:.08em;touch-action:manipulation;background:linear-gradient(135deg,#87faff,#55deff);border:1px solid #68f5ff;border-radius:10px;min-height:44px;font-size:12px;font-weight:950}.ready-panel button:disabled{color:#9dffc0;background:#6dff8b1a;border-color:#6dff8b59}.ready-panel>span{color:#8992ad;text-align:right;max-width:9rem;font-size:10px;line-height:1.3}.next-action{border:1px solid color-mix(in srgb, var(--theme-accent) 36%, transparent);background:color-mix(in srgb, var(--theme-accent) 7%, var(--theme-panel));border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-width:0;min-height:62px;padding:8px;display:grid}.next-action>div{gap:2px;min-width:0;display:grid}.next-action small{color:var(--theme-accent);letter-spacing:.14em;font-size:9px;font-weight:950}.next-action strong{text-overflow:ellipsis;font-size:13px;overflow:hidden}.next-action button{color:#061019;background:var(--theme-accent);letter-spacing:.05em;border:0;border-radius:9px;min-height:44px;padding:0 12px;font-size:10px;font-weight:950}.next-action button:disabled{color:#9aa3bb;background:#30364b}.next-action>span{color:#9aa3bb;text-align:right;font-size:10px;line-height:1.3}.next-action.is-instruction,.next-action.is-waiting{background:var(--theme-panel);border-color:#8791af3d}.is-primary-action{animation:2.4s ease-in-out infinite primary-action-pulse}.game-picker.is-primary-action .game-card:not(:disabled){border-color:color-mix(in srgb, var(--card-color) 68%, #fff);box-shadow:0 0 12px color-mix(in srgb, var(--card-color) 18%, transparent)}.participation-panel{background:#a841ff17;border-color:#a841ff5c}.lobby-chat{width:100%;min-width:0;min-height:0;padding:var(--panel-padding);background:#090d1deb;border:1px solid #68f5ff33;border-radius:16px;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;transition:border-color .22s,background .22s;animation:.34s ease-out both ui-settle;display:grid;overflow:hidden}.lobby-chat>header{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.lobby-chat>header>div:first-child{flex-direction:column;min-width:0;display:flex}.lobby-chat>header strong{color:#68f5ff;letter-spacing:.13em;font-size:12px}.lobby-chat>header span{color:#79839f;margin-top:2px;font-size:10px}.chat-roster{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.chat-player{border:1px solid color-mix(in srgb, var(--roster-color), transparent 45%);width:24px;height:24px;color:var(--roster-color);background:color-mix(in srgb, var(--roster-color), transparent 90%);opacity:.42;border-radius:50%;place-items:center;font-size:9px;font-weight:900;display:grid}.chat-player.is-confirmed{box-shadow:0 0 9px color-mix(in srgb, var(--roster-color), transparent 30%);opacity:1}.chat-messages{overscroll-behavior:contain;-webkit-user-select:text;user-select:text;flex-direction:column;gap:7px;min-width:0;min-height:0;padding:7px;display:flex;overflow-y:auto}.chat-messages>p{color:#68718d;text-align:center;margin:auto;font-size:12px}.chat-messages article{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:7px;min-width:0;font-size:12px;line-height:1.35;animation:.24s ease-out both chat-message-enter;display:grid}.chat-messages article strong{font-size:10px}.chat-messages article span{overflow-wrap:anywhere;color:#e6eaff}.lobby-chat form{grid-template-columns:minmax(0,1fr) auto;gap:7px;width:100%;min-width:0;display:grid}.lobby-chat input,.lobby-chat form button{border:1px solid #68f5ff3d;border-radius:11px;min-height:44px}.lobby-chat input{color:#f4f7ff;min-width:0;font:inherit;-webkit-user-select:text;user-select:text;background:#040712e6;outline:none;padding:0 12px}.lobby-chat input:focus{border-color:#68f5ff}.lobby-chat form button{color:#061019;background:#68f5ff;max-width:100%;padding:0 14px;font-size:11px;font-weight:900}.lobby-chat form button:disabled{opacity:.4}.waiting-for-ready{color:#c8a8ff;text-align:center;background:#a841ff0d;border:1px dashed #a841ff52;border-radius:16px;grid-row:-2/-1;place-content:center;gap:8px;min-height:0;padding:24px;animation:.3s ease-out both ui-settle;display:grid}.waiting-for-ready span{color:#8992ad;max-width:22rem;font-size:12px;line-height:1.45}.notice-error{background:#ff507c0f;border-color:#ff507c3d}.notice-pulse{background:#ffe066;border-radius:50%;flex:0 0 9px;width:9px;height:9px;animation:1.2s ease-in-out infinite blink;box-shadow:0 0 12px #ffe066}.notice-error .notice-pulse{background:#ff507c;box-shadow:0 0 12px #ff507c}.notice div{flex-direction:column;display:flex}.notice strong{font-size:12px}.notice div span{color:#8992ad;margin-top:2px;font-size:10px}.controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;height:100%;min-height:0;animation:.32s ease-out both ui-settle;display:grid}.control-button{border:1px solid color-mix(in srgb, var(--control-color) 52%, transparent);color:#eafdff;background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--control-color) 22%, transparent), transparent 57%), linear-gradient(155deg, #101731, #090d1d);min-width:0;min-height:44px;box-shadow:inset 0 0 35px color-mix(in srgb, var(--control-color) 8%, transparent), 0 0 16px color-mix(in srgb, var(--control-color) 9%, transparent);letter-spacing:.16em;text-shadow:0 0 12px var(--control-color);cursor:pointer;touch-action:none;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;gap:clamp(5px,2vh,15px);font-size:clamp(12px,3.6vw,17px);font-weight:950;transition:border-color 80ms linear,background 80ms linear,box-shadow 80ms linear,transform 60ms linear;display:flex;position:relative;overflow:hidden}.control-button:after{border:1px solid color-mix(in srgb, var(--control-color) 12%, transparent);content:"";pointer-events:none;border-radius:13px;position:absolute;inset:12px}.control-left{--control-color:#68f5ff}.control-right{--control-color:#bd68ff}.control-button.is-pressed{border-color:var(--control-color);background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--control-color) 47%, transparent), transparent 65%), #11182e;box-shadow:inset 0 0 45px color-mix(in srgb, var(--control-color) 22%, transparent), 0 0 28px color-mix(in srgb, var(--control-color) 38%, transparent);transform:scale(.982)}.control-arrow{letter-spacing:0;filter:drop-shadow(0 0 14px var(--control-color));font-size:clamp(62px,23vw,126px);font-weight:300;line-height:.8}.help-backdrop{z-index:50;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:pan-y;background:#02040cd1;place-items:center;display:grid;position:fixed;inset:0}.help-dialog{background:#090d1d;border:1px solid #68f5ff4d;border-radius:18px;flex-direction:column;width:min(100%,560px);max-height:100%;padding:18px;display:flex;overflow:hidden;box-shadow:0 0 45px #55deff2e}.help-dialog>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.help-dialog>header p{color:#68f5ff;letter-spacing:.2em;margin:0 0 3px;font-size:9px;font-weight:900}.help-dialog h2{margin:0;font-size:25px}.help-dialog>header button{color:#aab3cc;background:#11162a;border:1px solid #303853;border-radius:10px;min-height:44px;padding:0 11px;font-size:11px}.help-intro{color:#8f99b6;margin:12px 0;font-size:12px;line-height:1.4}.help-powerups{overscroll-behavior:contain;gap:7px;min-height:0;padding-right:3px;display:grid;overflow-y:auto}.help-powerup{background:#ffffff0a;border-left:3px solid #22c8ff;border-radius:10px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.help-powerup.category-green{border-color:#5cff70}.help-powerup.category-red{border-color:#ff3d71}.help-powerup img{width:48px;height:48px}.help-powerup strong,.help-powerup span{display:block}.help-powerup strong{font-size:13px}.help-powerup span{color:#8f99b6;margin-top:3px;font-size:11px;line-height:1.35}@keyframes ui-settle{0%{opacity:0;transform:translateY(7px)scale(.99)}}@keyframes chat-message-enter{0%{opacity:0;transform:translate(-6px)}}@keyframes blink{0%,to{opacity:.4}50%{opacity:1}}@keyframes primary-action-pulse{50%{border-color:color-mix(in srgb, var(--theme-accent) 68%, transparent);box-shadow:0 0 22px color-mix(in srgb, var(--theme-accent) 18%, transparent)}}@media (height<=720px){.intro-screen{padding-top:12px;padding-bottom:10px}.intro-screen .brand-mark{width:52px;height:52px;margin-top:0;margin-bottom:9px}.intro-screen h1{font-size:34px}.intro-screen .lead{margin-top:10px;font-size:13px;line-height:1.35}.intro-screen .rules-list{gap:6px;margin:12px 0}.intro-screen .rules-list li{min-height:50px;padding-block:6px}.intro-screen .rule-icon{flex-basis:36px;width:36px;height:36px}.intro-screen .primary-button{min-height:48px}.intro-screen .text-button{min-height:34px;margin-top:3px}}@media (height<=590px){.intro-screen{padding-top:16px}.brand-mark{width:54px;height:54px;margin-bottom:14px}.rules-list{margin:19px 0}.rules-list li{min-height:57px;padding-block:7px}.rule-icon{flex-basis:38px;width:38px;height:38px}}@media (orientation:landscape) and (height<=500px){.controller-screen{grid-template-rows:auto auto minmax(0,1fr)}.control-button{flex-direction:row}.control-arrow{font-size:clamp(48px,15vh,84px)}}.controller-screen[data-game=bomberman]{background:linear-gradient(#ff8b2409 1px,#0000 1px) 0 0/18px 18px,linear-gradient(90deg,#ff8b2409 1px,#0000 1px) 0 0/18px 18px,radial-gradient(circle at 50% 0,#ff8b2424,#0000 42%),#18191c;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.controller-screen[data-game=bomberman]:before{background-image:none}.controller-screen[data-game=bomberman] .player-bar,.controller-screen[data-game=bomberman] .game-picker,.controller-screen[data-game=bomberman] .ready-panel,.controller-screen[data-game=bomberman] .lobby-chat,.controller-screen[data-game=bomberman] .help-dialog{border-color:#ff8b2459;border-radius:3px;box-shadow:4px 4px #00000059}.game-bomberman .game-icon{border-radius:2px;box-shadow:inset 0 0 0 2px #ff8b2438}.game-bomberman .game-copy strong{color:#ffad5f;letter-spacing:.05em;text-transform:uppercase;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.bomber-controller,.bomber-end-layout{grid-template-rows:auto minmax(0,1fr);gap:9px;height:100%;min-height:0;animation:.2s ease-out both ui-settle;display:grid}.bomber-info{grid-template-columns:minmax(0,1fr) minmax(130px,auto);align-items:stretch;gap:8px;min-height:58px;display:grid}.bomber-stats{background:#232427f5;border:1px solid #ff8b2457;border-radius:3px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;min-width:0;min-height:58px;margin:0;padding:7px;display:grid;box-shadow:3px 3px #0000004d}.bomber-stats>div{flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}.bomber-stats dt{color:#a6a29d;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:clamp(7px,2.2vw,10px);font-weight:800;overflow:hidden}.bomber-stats dd{color:#ffd34f;font-variant-numeric:tabular-nums;margin:3px 0 0;font-size:clamp(14px,4vw,20px);font-weight:950}.bomber-state{color:#ffad5f;letter-spacing:.06em;text-align:center;background:#252629;border:1px solid #ff8b2466;border-radius:3px;place-items:center;min-height:58px;padding:8px;font-size:clamp(10px,2.9vw,13px);font-weight:950;display:grid}.bomber-state.is-sudden{color:#fff2d9;background:#9f271b;border-color:#ff4f38;animation:.8s steps(2,end) infinite bomber-warning;box-shadow:0 0 20px #ff3a226b}.bomber-controls{grid-template-columns:minmax(174px,1.12fr) minmax(132px,.88fr);gap:clamp(9px,3vw,18px);min-height:0;display:grid}.bomber-dpad{touch-action:none;grid-template-rows:repeat(3,minmax(48px,1fr));grid-template-columns:repeat(3,minmax(48px,1fr));gap:4px;min-height:0;display:grid}.bomber-direction{color:#f5e7d1;cursor:pointer;touch-action:none;background:linear-gradient(#47494d,#303236);border:2px solid #7d746a;border-radius:3px;grid-template-rows:1fr auto;place-items:center;min-width:48px;min-height:48px;padding:4px;transition:transform 80ms linear,background-color .16s,box-shadow .16s;display:grid;box-shadow:inset 0 -5px #222326,3px 3px #0d0e0f}.bomber-direction>span{font-size:clamp(24px,8vw,42px);line-height:1}.bomber-direction small{text-transform:uppercase;font-size:clamp(7px,2.2vw,10px);font-weight:900}.bomber-direction.is-pressed{color:#fff;background:#e66d16;border-color:#ff9b3f;transform:translate(2px,3px);box-shadow:inset 0 -1px #873605,1px 1px #0d0e0f,0 0 18px #ff8b2473}.bomber-direction:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.42}.bomber-up{grid-area:1/2}.bomber-left{grid-area:2/1}.bomber-right{grid-area:2/3}.bomber-down{grid-area:3/2}.bomber-dpad-center{color:#161719;pointer-events:none;background:#35373a;border:2px solid #55575a;border-radius:3px;grid-area:2/2;place-items:center;font-size:25px;font-weight:950;display:grid}.bomber-bomb-zone{grid-template-rows:minmax(130px,1fr) 36px;gap:6px;min-height:0;display:grid}.bomber-bomb{color:#fff5df;text-shadow:2px 2px #6f2300;cursor:pointer;touch-action:none;background:radial-gradient(circle at 40% 30%,#ffb24f,#eb6610 48%,#923102 80%);border:4px solid #ffbd69;border-radius:50%;place-content:center;gap:3px;width:100%;min-width:96px;min-height:130px;padding:12px;transition:transform 80ms linear,filter .18s,opacity .18s;display:grid;box-shadow:inset 0 -10px #5b1c008c,0 7px #5e2105,0 0 26px #ff6e104d}.bomber-bomb>span{font-size:clamp(44px,13vw,78px);line-height:.9}.bomber-bomb strong{letter-spacing:.08em;font-size:clamp(18px,5vw,28px)}.bomber-bomb:active:not(:disabled){transform:translateY(5px)scale(.985);box-shadow:inset 0 -4px #5b1c008c,0 2px #5e2105,0 0 32px #ff6e108c}.bomber-bomb:disabled{color:#aaa39a;cursor:not-allowed;text-shadow:none;background:radial-gradient(circle at 40% 30%,#5b5a59,#38393b 60%);border-color:#67615c;box-shadow:inset 0 -6px #27282a,0 4px #171719}.bomber-bomb-zone p{color:#d1c3b2;text-align:center;min-height:36px;margin:0;font-size:clamp(8px,2.4vw,11px);font-weight:800;line-height:1.25}.bomber-ready,.bomber-message,.bomber-result{color:#fff4df;text-align:center;background:#232427f7;border:2px solid #ff8b24;border-radius:3px;place-content:center;gap:10px;height:100%;min-height:0;padding:clamp(18px,5vw,34px);animation:.2s ease-out both ui-settle;display:grid;overflow-y:auto;box-shadow:inset 0 0 0 4px #17181a,5px 5px #0006}.bomber-ready>span,.bomber-result>span{color:#ff8b24;letter-spacing:.18em;font-size:11px;font-weight:950}.bomber-ready>strong,.bomber-message>strong,.bomber-result>strong{font-size:clamp(22px,7vw,38px)}.bomber-ready .bomber-stats,.bomber-message .bomber-stats{width:min(100%,440px);margin-top:8px}.bomber-message>span,.bomber-result p{color:#c8b9a8;max-width:28rem;margin:0 auto;line-height:1.45}.bomber-message.is-dead{filter:saturate(.55);border-color:#8c8985}.bomber-end-layout{grid-template-rows:minmax(0,1fr) auto}.bomber-result{align-content:center}.bomber-result ol{gap:5px;width:min(100%,470px);margin:8px auto 0;padding:0;list-style:none;display:grid}.bomber-result li{text-align:left;background:#2b2c2f;border:1px solid #4b4b4b;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:38px;padding:5px 9px;display:grid}.bomber-result li.is-own{color:#ffd34f;border-color:#ff8b24}.bomber-result li i{width:10px;height:24px}.bomber-result li span{color:#b9afa3;font-size:10px}.bomber-help{gap:7px;min-height:0;margin-top:14px;display:grid;overflow-y:auto}.bomber-help>p{color:#e1d5c5;margin:0 0 4px;font-size:12px;line-height:1.45}.bomber-help article{background:#ff8b2414;border-left:4px solid #ff8b24;gap:3px;padding:9px 11px;display:grid}.bomber-help article.is-danger{background:#ff4f3817;border-color:#ff4f38}.bomber-help b{color:#ffb466;font-size:12px}.bomber-help span{color:#bdb2a5;font-size:11px;line-height:1.35}@keyframes bomber-warning{50%{filter:brightness(1.28)}}@media (width<=360px){.bomber-state{min-height:34px;font-size:9px}}.controller-screen[data-game=drawing]{color:#302925;background:repeating-linear-gradient(0deg,#0000 0 27px,#4a728514 28px),radial-gradient(circle at 8% 8%,#ff766d33,#0000 32%),#f3ead8}.controller-screen[data-game=drawing]:before{background-image:none}.controller-screen[data-game=drawing] .player-bar,.controller-screen[data-game=drawing] .game-picker,.controller-screen[data-game=drawing] .ready-panel,.controller-screen[data-game=drawing] .lobby-chat{color:#fff8eb;background:#3e332df5;border-color:#52413633}.controller-screen[data-game=drawing] .game-status .phase{color:#665b54}.controller-screen[data-game=drawing] .game-name{color:#c94740}.drawing-layout{grid-template-rows:minmax(0,1fr) auto;gap:8px;height:100%;min-height:0;display:grid;overflow:hidden}.drawing-main{min-height:0;overflow:hidden}.drawing-board{background:#fffcf2f2;border:1px solid #5743373d;border-radius:17px;grid-template-rows:auto minmax(130px,1fr) auto;gap:7px;height:100%;min-height:0;padding:8px;animation:.24s ease-out both ui-settle;display:grid;overflow:hidden;box-shadow:0 10px 28px #402b1f1a}.drawing-word{justify-content:center;align-items:baseline;gap:8px;min-width:0;display:flex}.drawing-word span{color:#82756d;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:850}.drawing-word strong{color:#c94740;overflow-wrap:anywhere;text-align:center;min-width:0;font-size:clamp(17px,5vw,25px);line-height:1.08}.drawing-canvas-slot{place-items:center;width:100%;height:100%;min-height:130px;display:grid;container-type:size}.drawing-canvas{cursor:crosshair;touch-action:none;background-color:#fffef9;background-image:linear-gradient(#4c7d9014 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #d9ccba;border-radius:12px;width:min(100cqw,133.333cqh);height:min(100cqh,75cqw);min-height:0;display:block;box-shadow:inset 0 1px 5px #4a342614}.drawing-tools{grid-template-columns:auto minmax(0,1fr);gap:6px;min-width:0;display:grid}.tool-toggle,.color-tools,.width-tools,.drawing-actions{gap:4px;min-width:0;display:flex}.color-tools,.width-tools{overscroll-behavior-inline:contain;scrollbar-width:none;touch-action:pan-x;overflow-x:auto}.color-tools::-webkit-scrollbar{display:none}.width-tools::-webkit-scrollbar{display:none}.drawing-tools button{color:#56483f;touch-action:manipulation;background:#f6ecdc;border:1px solid #cabbaa;border-radius:10px;place-items:center;min-width:44px;min-height:44px;padding:0;font-weight:900;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.drawing-tools button.is-selected{border-color:#dd574f;transform:translateY(-1px);box-shadow:inset 0 0 0 2px #dd574f}.color-tools button{background:var(--drawing-color);flex:0 0 44px}.color-tools button[style*=\#ffffff]{background:#fff}.width-tools{grid-column:1/2}.width-tools button{flex:0 0 44px}.width-tools i{background:#302925;border-radius:50%;max-width:24px;max-height:24px;display:block}.drawing-actions{justify-content:flex-end}.drawing-actions>button{grid-auto-flow:column;gap:4px;padding-inline:9px}.drawing-actions button:disabled{opacity:.38}.clear-confirm{grid-auto-flow:column;gap:4px;min-width:0;display:grid}.clear-confirm button:first-child{color:#fff;background:#c94740;padding-inline:9px}.clear-confirm button:last-child{padding-inline:9px;font-size:10px}.drawing-next{background:#fffcf2ed;border:1px solid #5743372e;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;min-height:52px;padding:4px;display:grid}.drawing-next button{color:#fff;letter-spacing:.06em;background:#d9544c;border:0;border-radius:9px;min-height:44px;font-size:11px;font-weight:950}.drawing-next button:disabled{color:#765d58;background:#e5d4c6}.drawing-next span{color:#75685f;text-align:right;min-width:5.5rem;font-size:10px}.drawing-choices,.drawing-wait,.drawing-reveal,.drawing-guess{color:#302925;text-align:center;background:#fffcf2f2;border:1px solid #57433738;border-radius:19px;place-content:center;gap:9px;height:100%;min-height:0;padding:clamp(16px,5vw,30px);animation:.24s ease-out both ui-settle;display:grid;overflow-y:auto}.drawing-choices>span,.drawing-reveal>span{color:#d9544c;letter-spacing:.18em;font-size:10px;font-weight:950}.drawing-choices h2{margin:0 0 8px;font-size:clamp(24px,7vw,36px)}.drawing-choices>div{gap:9px;width:min(100%,440px);display:grid}.drawing-choices button{color:#442d28;touch-action:manipulation;background:#fff8eb;border:2px solid #d9544c;border-radius:14px;min-height:64px;padding:10px 18px;font-size:clamp(17px,5vw,23px);font-weight:900;transition:transform .18s,box-shadow .18s;box-shadow:0 4px #d9544c}.drawing-choices button:active{transform:translateY(3px);box-shadow:0 1px #d9544c}.drawing-wait strong{font-size:clamp(21px,6vw,34px)}.drawing-wait>span:last-child,.drawing-reveal p{color:#776a61;margin:0}.pencil-wait{color:#d9544c;font-size:64px;line-height:1;animation:1.6s ease-in-out infinite pencil-bob}.drawing-reveal strong{color:#c94740;overflow-wrap:anywhere;font-size:clamp(34px,11vw,60px)}.drawing-guess{align-content:center}.masked-word span,.masked-word strong{display:block}.masked-word span{color:#7b6d64;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:850}.masked-word strong{color:#c94740;letter-spacing:.13em;overflow-wrap:anywhere;margin-top:6px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(25px,8vw,44px)}.drawing-guess form{text-align:left;width:min(100%,480px);margin-top:14px}.drawing-guess label{color:#5f5149;margin:0 0 6px 2px;font-size:12px;font-weight:850;display:block}.drawing-guess form>div{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.drawing-guess input,.drawing-guess button{border:1px solid #b9a795;border-radius:12px;min-height:54px}.drawing-guess input{color:#302925;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#fff;min-width:0;padding:0 14px}.drawing-guess button{color:#fff;background:#d9544c;border-color:#d9544c;padding:0 18px;font-weight:900}.drawing-guess button:disabled{opacity:.45}.guess-feedback{color:#856f64;min-height:1.4em;margin:2px 0 0;font-size:12px}.guess-locked{color:#235d39;background:#e8f5e8;border:1px solid #4a9a68;border-radius:14px;margin-top:14px;padding:18px;display:grid}.guess-locked b{font-size:25px}.drawing-help{gap:8px;margin-top:14px;display:grid;overflow-y:auto}.drawing-help article{background:#ff766d14;border-left:3px solid #d9544c;border-radius:10px;gap:3px;padding:12px;display:grid}.drawing-help span{color:#aab3cc;font-size:12px;line-height:1.4}@keyframes pencil-bob{50%{transform:translateY(-5px)rotate(-5deg)}}@media (width<=430px){.drawing-actions span{display:none}.clear-confirm button{min-width:62px}}@media (width<=360px) and (orientation:portrait){.drawing-tools{grid-template-columns:auto minmax(0,1fr)}.width-tools,.drawing-actions{grid-column:1/-1;width:100%}.width-tools button,.drawing-actions>button{flex:44px}.drawing-actions{justify-content:stretch}.clear-confirm{flex:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.clear-confirm button{min-width:0}}@media (orientation:landscape) and (height<=500px){.drawing-board{grid-template-rows:auto minmax(44px,1fr);grid-template-columns:minmax(180px,1fr) minmax(140px,.65fr)}.drawing-word{grid-column:1/2}.drawing-canvas-slot{grid-area:2/1/3/2;min-height:44px}.drawing-tools{overscroll-behavior:contain;flex-direction:column;grid-area:1/2/3/3;display:flex;overflow-y:auto}.tool-toggle,.color-tools,.width-tools,.drawing-actions{overscroll-behavior-inline:contain;flex:0 0 44px;display:flex;overflow:auto hidden}.drawing-choices{text-align:left;grid-template-rows:auto auto;grid-template-columns:auto minmax(260px,1fr);align-content:center}.drawing-choices>div{grid-area:1/2/3}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.arcade-welcome{--theme-accent:#ffb84d;background:radial-gradient(circle at 15% 15%,#ffb84d29,#0000 35%),radial-gradient(circle at 85% 80%,#00e5ff21,#0000 40%);justify-content:center}.arcade-welcome .brand-mark{color:#ffca73;letter-spacing:-.08em;background:#171326;border-color:#ffb84d;margin-top:0;font-weight:950;box-shadow:0 0 32px #ffb84d33}.arcade-welcome h1{text-shadow:0 0 28px #ffb84d40}.controller-screen{--theme-accent:#68f5ff;--theme-accent-2:#ff4ca0;--theme-bg:#050713;--theme-panel:#090d1df0;color:#f7fbff;background:radial-gradient(circle at 0 0, color-mix(in srgb, var(--theme-accent) 13%, transparent), transparent 38%), var(--theme-bg);grid-template-rows:auto auto minmax(0,1fr);transition:background-color .24s,color .24s}.controller-screen[data-game=kurvenmeister]{--theme-accent:#55f1ff;--theme-accent-2:#ff4ca0;--theme-bg:#050713;--theme-panel:#090d1df0}.controller-screen[data-game=trivia]{--theme-accent:#ffbd45;--theme-accent-2:#4c7dff;--theme-bg:#071538;--theme-panel:#0a1f4ef2}.controller-screen[data-game=drawing]{--theme-accent:#ff766d;--theme-accent-2:#287a72;--theme-bg:#f3ead8;--theme-panel:#fffcf2f5}.controller-screen[data-game=bomberman]{--theme-accent:#ff8b24;--theme-accent-2:#ffd34f;--theme-bg:#18191c;--theme-panel:#232427f5}.controller-screen[data-game=tank-trouble]{--theme-accent:#87ff72;--theme-accent-2:#35e9ff;--theme-bg:#02111f;--theme-panel:#041927f5}.controller-screen .player-bar,.controller-screen .lobby-chat,.controller-screen .game-picker,.controller-screen .ready-panel{background:var(--theme-panel)}.controller-screen .help-button,.controller-screen .fullscreen-button{border-color:color-mix(in srgb, var(--theme-accent) 38%, transparent);min-height:44px;color:var(--theme-accent);background:color-mix(in srgb, var(--theme-accent) 9%, transparent)}.controller-screen .leave-button{min-height:44px}.game-name{color:var(--theme-accent);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900;overflow:hidden}.controller-content{min-height:0;overflow:hidden}.lobby-layout{overscroll-behavior:contain;grid-template-rows:auto auto minmax(150px,1fr);gap:8px;min-width:0;height:100%;min-height:0;display:grid;overflow-y:auto}.game-picker{width:100%;min-width:0;padding:var(--panel-padding);border:1px solid color-mix(in srgb, var(--theme-accent) 24%, transparent);border-radius:16px;animation:.28s ease-out both ui-settle}.game-picker>header{justify-content:space-between;align-items:end;gap:8px;margin-bottom:9px;display:flex}.game-picker>header span,.game-picker>header small{color:var(--theme-accent);letter-spacing:.13em;font-size:9px;font-weight:900}.game-picker h2{margin:2px 0 0;font-size:18px}.game-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.game-card{border:1px solid color-mix(in srgb, var(--card-color) 35%, #43495c);color:#f8fbff;background:color-mix(in srgb, var(--card-bg) 85%, #080b16);text-align:left;touch-action:manipulation;border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:64px;padding:8px;transition:transform .14s,border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.game-card:nth-child(n+3){grid-column:span 1;min-height:58px}.game-card.is-selected{border-color:var(--card-color);box-shadow:inset 0 0 0 2px var(--card-color), 0 0 18px color-mix(in srgb, var(--card-color) 28%, transparent);transform:translateY(-1px)}.game-card.is-selected:after{color:var(--card-color);content:"✓";font-size:11px;font-weight:950;position:absolute;top:4px;right:40px}.game-card:disabled{cursor:not-allowed;filter:saturate(.78);opacity:.72}.game-icon{width:38px;height:38px;color:var(--card-color);background:color-mix(in srgb, var(--card-color) 14%, transparent);border-radius:10px;place-items:center;font-size:23px;font-weight:950;display:grid}.game-copy{min-width:0}.game-copy strong,.game-copy small{display:block}.game-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.game-copy small{color:#939bb2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:9px;line-height:1.2;display:-webkit-box;overflow:hidden}.game-curve{--card-color:#55f1ff;--card-bg:#071528}.game-trivia{--card-color:#ffbd45;--card-bg:#102653}.game-drawing{--card-color:#ff766d;--card-bg:#40352f;background-image:repeating-linear-gradient(0deg,#0000 0 12px,#ffffff09 13px)}.game-bomberman{--card-color:#ff8b24;--card-bg:#292a2d;border-radius:4px}.game-tank{--card-color:#87ff72;--card-bg:#04243a;background-image:linear-gradient(#35e9ff0f 1px,#0000 1px),linear-gradient(90deg,#35e9ff0f 1px,#0000 1px);background-size:10px 10px}.vote-count{color:#071018;background:var(--card-color);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:29px;height:29px;font-size:12px;font-weight:950;animation:.26s ease-out both vote-pop;display:grid}.coming-soon{color:var(--card-color);text-transform:uppercase;font-size:8px;font-weight:900}.lobby-layout .ready-panel{min-height:58px}.lobby-layout .ready-panel button{border-color:var(--theme-accent);background:var(--theme-accent);min-height:44px}.lobby-layout .lobby-chat{border-color:color-mix(in srgb, var(--theme-accent) 24%, transparent);background:var(--theme-panel);grid-row:auto;min-height:150px}.lobby-layout .lobby-chat>header strong{color:var(--theme-accent)}.lobby-layout .chat-messages{min-height:76px}.trivia-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;height:100%;min-height:0;padding-bottom:32px;animation:.26s ease-out both ui-settle;display:grid;position:relative}.trivia-answer{--answer-color:#e64c5d;border:2px solid color-mix(in srgb, var(--answer-color) 62%, white);color:#fff;background:var(--answer-color);text-align:center;text-shadow:0 1px 2px #0006;touch-action:manipulation;border-radius:18px;grid-template-rows:auto 1fr;place-items:center;gap:8px;min-width:0;min-height:84px;padding:12px;transition:transform .12s,filter .18s,opacity .18s;display:grid;box-shadow:inset 0 -5px #0000002b}.trivia-answer>span{font-size:clamp(23px,7vw,40px);line-height:1}.trivia-answer strong{overflow-wrap:anywhere;font-size:clamp(12px,3.8vw,17px);line-height:1.2}.answer-1{--answer-color:#3375d6}.answer-2{--answer-color:#d49a19}.answer-3{--answer-color:#278e5a}.trivia-answer:disabled{opacity:.4}.trivia-answer.is-answered{filter:brightness(1.2);box-shadow:inset 0 0 0 4px white, 0 0 24px color-mix(in srgb, var(--answer-color) 55%, transparent);opacity:1;transform:scale(.97)}.answer-confirmed{color:#ffd47d;text-align:center;margin:0;font-size:11px;font-weight:850;position:absolute;bottom:0;left:0;right:0}.trivia-ready,.trivia-wait,.trivia-result{border:1px solid color-mix(in srgb, var(--theme-accent) 36%, transparent);background:var(--theme-panel);text-align:center;border-radius:20px;place-content:center;gap:8px;height:100%;min-height:0;padding:28px;animation:.26s ease-out both ui-settle;display:grid}.trivia-ready>span{color:var(--theme-accent);letter-spacing:.2em;font-size:11px;font-weight:950}.trivia-ready strong,.trivia-result strong{font-size:clamp(24px,8vw,42px)}.trivia-ready small,.trivia-wait span,.trivia-result span,.trivia-result small{color:#b6c1dc}.result-mark{font-size:72px;font-weight:950;line-height:1;color:#ff6a70!important}.trivia-result.is-correct .result-mark{color:#5be58b!important}.rules-backdrop{animation:.18s ease-out both fade-in}.rules-dialog{border-color:color-mix(in srgb, var(--theme-accent) 48%, transparent);background:var(--theme-panel);box-shadow:0 0 50px color-mix(in srgb, var(--theme-accent) 18%, transparent);animation:.22s ease-out both dialog-enter}.server-rules{flex:auto;align-content:start;gap:9px;min-height:0;margin:18px 0;padding:0;list-style:none;display:grid;overflow-y:auto}.server-rules li{color:#e8ecf8;background:#ffffff0e;border-radius:12px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;padding:12px;font-size:13px;line-height:1.4;display:grid}.server-rules li>span{color:#081020;background:var(--theme-accent);border-radius:50%;place-items:center;width:32px;height:32px;font-weight:950;display:grid}.rules-dialog .primary-button{border-color:var(--theme-accent);background:var(--theme-accent);flex:none}.controller-screen>.notice{z-index:20;top:calc(max(10px, env(safe-area-inset-top)) + 110px);right:max(12px, env(safe-area-inset-right));width:min(430px, calc(100% - max(24px, env(safe-area-inset-left) + env(safe-area-inset-right))));background:#171b24;min-height:44px;padding-block:6px;animation:.22s ease-out both ui-settle;position:fixed;bottom:auto;left:50%;transform:translate(-50%)}@keyframes vote-pop{0%{filter:brightness(1.8);transform:scale(.72)}70%{transform:scale(1.12)}}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-enter{0%{opacity:0;transform:translateY(12px)scale(.98)}}@media (width<=420px){.player-actions{gap:3px}.controller-screen .player-actions button{min-width:44px;padding-inline:6px;font-size:9px}.game-copy small{display:none}.game-card{grid-template-columns:34px minmax(0,1fr) auto}}@media (orientation:landscape) and (height<=500px){.lobby-layout{grid-template-rows:auto minmax(145px,1fr);grid-template-columns:minmax(300px,1fr) minmax(250px,.8fr);height:auto}.lobby-layout .game-picker{grid-row:span 2}.lobby-layout .lobby-chat{min-height:145px}.trivia-answer{grid-template-rows:1fr;grid-template-columns:auto 1fr;min-height:44px}}.controller-screen[data-game=tank-trouble]{background:linear-gradient(#35e9ff09 1px,#0000 1px) 0 0/20px 20px,linear-gradient(90deg,#35e9ff09 1px,#0000 1px) 0 0/20px 20px,radial-gradient(circle at 75% 0,#87ff7221,#0000 40%),#02111f;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.controller-screen[data-game=tank-trouble]:before{background-image:none}.controller-screen[data-game=tank-trouble] .player-bar,.controller-screen[data-game=tank-trouble] .game-picker,.controller-screen[data-game=tank-trouble] .ready-panel,.controller-screen[data-game=tank-trouble] .lobby-chat,.controller-screen[data-game=tank-trouble] .help-dialog{border-color:#35e9ff4d;border-radius:8px;box-shadow:inset 0 0 24px #35e9ff06}.game-tank .game-copy strong{color:#a7ff9a;letter-spacing:.04em;text-transform:uppercase}.tank-controller,.tank-end-layout{grid-template-rows:auto minmax(0,1fr);gap:8px;height:100%;min-height:0;animation:.2s ease-out both ui-settle;display:grid}.tank-info{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:58px;display:grid}.tank-stats{background:#041927f5;border:1px solid #35e9ff57;border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-width:0;min-height:58px;margin:0;padding:7px;display:grid}.tank-stats>div{flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}.tank-stats dt{color:#6ea1ad;letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:clamp(7px,2.2vw,10px);font-weight:900;overflow:hidden}.tank-stats dd{color:#a7ff9a;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:clamp(13px,3.8vw,19px);font-weight:950}.tank-role{color:#a7ff9a;letter-spacing:.08em;text-align:center;background:#276d3a33;border:1px solid #87ff72;border-radius:7px;place-items:center;min-width:110px;padding:8px;font-size:clamp(9px,2.7vw,12px);font-weight:950;display:grid}.tank-controls{grid-template-columns:minmax(116px,.78fr) minmax(180px,1.22fr);gap:clamp(8px,2.5vw,16px);min-height:0;display:grid}.tank-throttle,.tank-combat,.tank-turn{gap:7px;min-height:0;display:grid}.tank-throttle{grid-template-rows:repeat(2,minmax(48px,1fr))}.tank-combat{grid-template-rows:minmax(48px,.55fr) minmax(104px,1fr) 30px}.tank-turn{grid-template-columns:repeat(2,minmax(48px,1fr))}.tank-hold{color:#9ceff7;cursor:pointer;touch-action:none;background:radial-gradient(circle at 50% 35%,#35e9ff21,#0000 64%),#062338;border:1px solid #237b8d;border-radius:9px;grid-template-rows:1fr auto;place-items:center;min-width:48px;min-height:48px;padding:7px;transition:transform 80ms linear,border-color .18s,box-shadow .18s,background .18s;display:grid;box-shadow:inset 0 -4px #00070f80}.tank-hold>span{font-size:clamp(28px,9vw,52px);line-height:.95}.tank-hold strong{letter-spacing:.04em;text-transform:uppercase;font-size:clamp(8px,2.4vw,11px)}.tank-hold.is-pressed{color:#d5ffd0;background:#2e89426b;border-color:#87ff72;transform:translateY(3px)scale(.985);box-shadow:inset 0 -1px #123c23,0 0 22px #87ff7257}.tank-hold:disabled{cursor:not-allowed;filter:grayscale(.75);opacity:.4}.tank-fire{color:#031409;cursor:pointer;touch-action:none;background:repeating-linear-gradient(135deg,#0000 0 9px,#00231614 9px 13px),linear-gradient(145deg,#afffa1,#4fe68d);border:3px solid #baffaf;border-radius:15px;place-content:center;gap:2px;width:100%;min-width:96px;min-height:104px;padding:9px;transition:transform 80ms linear,filter .18s,opacity .18s,box-shadow .18s;display:grid;box-shadow:inset 0 -7px #258a5c,0 5px #063d31,0 0 24px #87ff7240}.tank-fire>span{font-size:clamp(31px,10vw,58px);line-height:.8}.tank-fire strong{letter-spacing:.1em;font-size:clamp(18px,5vw,28px)}.tank-fire:active:not(:disabled){transform:translateY(4px)scale(.99);box-shadow:inset 0 -2px #258a5c,0 1px #063d31,0 0 32px #87ff7280}.tank-fire:disabled{color:#78929b;cursor:not-allowed;background:#102b3d;border-color:#31576a;box-shadow:inset 0 -4px #071824,0 3px #020b12}.tank-cooldown{color:#b6dbe0;letter-spacing:.05em;text-align:center;text-transform:uppercase;background:#061b29;border:1px solid #194d60;border-radius:5px;place-items:center;min-width:0;min-height:30px;padding:2px 4px;font-size:clamp(8px,2.2vw,10px);font-weight:900;line-height:1.1;display:grid;position:relative;overflow:hidden}.tank-cooldown i{transform-origin:0;background:linear-gradient(90deg,#35e9ff47,#87ff7261);transition:transform .15s linear;position:absolute;inset:0}.tank-cooldown span{z-index:1;overflow-wrap:anywhere;min-width:0}.tank-message{text-align:center;background-color:#041927f7;background-image:linear-gradient(#35e9ff09 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #35e9ff6b;border-radius:9px;place-content:center;gap:10px;height:100%;min-height:0;padding:clamp(18px,5vw,34px);animation:.2s ease-out both ui-settle;display:grid;overflow-y:auto}.tank-message>span{color:#35e9ff;letter-spacing:.18em;font-size:10px;font-weight:950}.tank-message>strong{color:#d8fff2;font-size:clamp(21px,7vw,36px)}.tank-message>p{color:#91b7bf;max-width:30rem;margin:0 auto;font-size:12px;line-height:1.45}.tank-message .tank-stats{width:min(100%,440px);margin-top:8px}.tank-message.is-dead{filter:saturate(.5);border-color:#55717a}.tank-message.is-paused{border-color:#ffd66d}.tank-message.is-paused>span{color:#ffd66d}.tank-end-layout{grid-template-rows:minmax(0,1fr) auto}.tank-result ol{gap:5px;width:min(100%,470px);margin:8px auto 0;padding:0;list-style:none;display:grid}.tank-result li{text-align:left;background:#082235;border:1px solid #194d60;border-radius:5px;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:40px;padding:5px 9px;display:grid}.tank-result li.is-own{color:#c5ffbc;border-color:#87ff72}.tank-result li i{width:9px;height:24px}.tank-result li span{color:#7faab3;font-variant-numeric:tabular-nums;font-size:10px}.tank-help{gap:7px;min-height:0;margin-top:14px;display:grid;overflow-y:auto}.tank-help>p{color:#c5e7ea;margin:0 0 4px;font-size:12px;line-height:1.45}.tank-help article{background:#35e9ff12;border-left:4px solid #35e9ff;gap:3px;padding:9px 11px;display:grid}.tank-help b{color:#9dff91;font-size:12px}.tank-help span{color:#9bbbc1;font-size:11px;line-height:1.35}@media (width<=360px){.tank-controls{grid-template-columns:minmax(102px,.72fr) minmax(160px,1.28fr);gap:6px}.tank-role{min-width:90px}}@media (width<=699px){.controller-screen:not([data-hold-round=true]) .controller-content{overscroll-behavior:contain;overflow-y:auto}.lobby-layout{height:auto;overflow:visible}.tank-controller{grid-template-rows:auto minmax(0,1fr);height:100%}.tank-controls{grid-template-columns:minmax(102px,.78fr) minmax(156px,1.22fr);min-width:0}.bomber-controller{grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0}.bomber-info{grid-template-columns:minmax(0,1fr) minmax(108px,.72fr)}.bomber-controls{grid-template-columns:minmax(174px,1.35fr) minmax(96px,.65fr);align-items:end;gap:clamp(8px,3vw,14px);min-width:0}.bomber-dpad{aspect-ratio:1;justify-self:end;width:100%;max-width:260px;min-height:0}.bomber-bomb-zone{grid-template-rows:minmax(96px,1fr) auto;align-items:center;height:100%}.bomber-bomb{aspect-ratio:1;align-self:end;min-width:0;min-height:96px;max-height:160px;padding:8px}.bomber-bomb>span{font-size:clamp(38px,13vw,58px)}.bomber-bomb strong{font-size:clamp(16px,4.8vw,22px)}}@media (width<=390px){.player-bar{grid-template-columns:minmax(0,1fr) auto auto;gap:4px}.player-actions{gap:2px;min-width:0}.player-actions button{min-width:44px;padding-inline:4px;font-size:8px}.score strong{font-size:20px}.game-status{min-height:24px}.next-action{grid-template-columns:minmax(0,1fr) minmax(96px,auto)}.next-action.is-instruction,.next-action.is-waiting{grid-template-columns:minmax(0,1fr) auto}.next-action>span{overflow-wrap:anywhere;max-width:8.5rem}}@media (orientation:landscape) and (height<=500px){.controller-screen{padding-block:max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-bottom));gap:5px}.player-bar{min-height:50px;padding-block:3px}.game-status{min-height:22px}.lobby-layout{grid-template-rows:auto minmax(130px,1fr);grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.bomber-controller,.tank-controller{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:0}.bomber-controls,.tank-controls{min-height:0}.bomber-bomb-zone{grid-template-rows:minmax(96px,1fr) auto}.bomber-bomb{min-height:96px}.tank-combat{grid-template-rows:44px minmax(70px,1fr) 24px}}@media (width<=549px) and (orientation:landscape) and (height<=500px){.lobby-layout{grid-template-rows:auto;grid-template-columns:minmax(0,1fr)}.bomber-controller{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.lobby-layout .game-picker{grid-row:auto}}@media (width>=550px) and (orientation:landscape) and (height<=500px){.controller-screen:not([data-hold-round=true]) .controller-content{overflow:hidden}.lobby-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,.8fr);height:100%;overflow:hidden}.lobby-layout .game-picker{grid-row:1/3}.lobby-layout .lobby-chat{min-height:0}}@media (width<=699px) and (orientation:portrait) and (height<=620px){.bomber-info,.bomber-stats,.bomber-state{min-height:48px}.bomber-direction small{display:none}}.controller-screen[data-hold-round=true] .controller-content{overscroll-behavior:none;touch-action:none;overflow:hidden}.controller-screen[data-game=drawing] .controller-content{overscroll-behavior:contain;overflow-y:auto}.tool-toggle .is-eraser{color:#fff;background:repeating-linear-gradient(135deg,#77675d 0 6px,#66564c 6px 12px);border-color:#7b6658}.tool-toggle .is-eraser.is-selected{border-color:#287a72;box-shadow:inset 0 0 0 2px #287a72,0 0 0 2px #fff}.drawing-actions .clear-canvas{color:#a72f2a;background:#fff1eb;border-color:#c94740}.controller-screen button:focus-visible,.controller-screen input:focus-visible,.drawing-canvas:focus-visible{outline:3px solid var(--theme-accent);outline-offset:2px}@media (width<=360px){.bomber-controls{grid-template-columns:minmax(140px,1.25fr) minmax(96px,.75fr);gap:6px}.bomber-dpad{grid-template-rows:repeat(3,minmax(44px,1fr));grid-template-columns:repeat(3,minmax(44px,1fr))}.bomber-direction{min-width:44px;min-height:44px}.tank-controls{grid-template-columns:minmax(102px,.78fr) minmax(156px,1.22fr);gap:6px}}@media (orientation:landscape) and (height<=500px){.controller-screen>.notice{top:calc(max(6px, env(safe-area-inset-top)) + 82px);width:min(420px,72%)}.bomber-info,.tank-info,.bomber-stats,.bomber-state,.tank-stats,.tank-role{min-height:44px}.bomber-controls{grid-template-columns:minmax(140px,1.15fr) minmax(96px,.85fr);gap:7px}.bomber-dpad{grid-template-rows:repeat(3,minmax(44px,1fr));grid-template-columns:repeat(3,minmax(44px,1fr));justify-self:center;width:auto;max-width:100%;height:100%}.bomber-direction{min-width:44px;min-height:44px}.bomber-bomb-zone{grid-template-rows:minmax(96px,1fr) 28px;gap:4px}.bomber-bomb-zone p{min-height:28px}.tank-controls{grid-template-columns:minmax(130px,.82fr) minmax(190px,1.18fr);gap:7px}.tank-throttle{grid-template-rows:repeat(2,minmax(44px,1fr));gap:5px}.tank-combat{grid-template-rows:44px minmax(70px,1fr) 24px;gap:5px}.tank-turn{grid-template-columns:repeat(2,minmax(44px,1fr));gap:5px}.tank-hold{min-width:44px;min-height:44px}.tank-fire{min-height:70px}.tank-cooldown{min-height:24px}.trivia-controls{gap:6px;padding-bottom:26px}.trivia-answer{gap:5px;padding:7px}}