:root{color-scheme:dark;font-family:IBM Plex Sans,Segoe UI,sans-serif;background:#090b11;color:#eef1f7}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%;height:100dvh}body{margin:0;height:100%;height:100dvh;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;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));background:radial-gradient(circle at 50% 20%,#1b2130 0,#090b11 55%)}main{width:min(760px,100%);max-height:100%;min-height:0;min-width:0;flex:1 1 auto;display:flex;flex-direction:column;align-items:stretch}header{height:auto;min-height:56px;padding:6px 4px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}header>:first-child{min-width:0}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px}.header-abort{margin:0;padding:8px 12px;border:1px solid #3a465c;background:transparent;color:#eef1f7;letter-spacing:.08em;font:700 12px/1 IBM Plex Sans,sans-serif;cursor:pointer;flex:none}h1{margin:0;font-size:26px;letter-spacing:.16em}.icon-btn{margin:0;padding:0;width:40px;height:40px;flex:none;display:inline-grid;place-items:center;border:1px solid #3a465c;background:transparent;color:#eef1f7;letter-spacing:0;line-height:0;border-radius:4px}.icon-btn svg{width:20px;height:20px;display:block}.icon-btn .icon--settings,.icon-btn .icon--sound,.icon-btn .icon--sound-muted{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-btn .icon-muted,.icon-btn[aria-pressed=true] .icon-sound{display:none}.icon-btn[aria-pressed=true] .icon-muted{display:block}.icon-btn[aria-pressed=true]{opacity:.7}.eyebrow{color:#7d879b;font-size:10px;letter-spacing:.24em;margin:0 0 5px}.stage-slot{flex:1 1 auto;min-height:0;min-width:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.stage-board{flex:1 1 auto;min-height:0;min-width:0;width:100%;display:flex;align-items:center;justify-content:center;container-type:size}.game-shell{position:relative;padding:0;background:#0a0d14;border:1px solid #283143;box-shadow:0 25px 80px #0009;overflow:hidden;aspect-ratio:720 / 1000;width:min(100cqw,72cqh);height:auto;max-width:100%;max-height:100%;container-type:inline-size}canvas{display:block;width:100%;height:auto;background:#111721;cursor:crosshair;vertical-align:top;aspect-ratio:720 / 1000}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;text-align:center;background:#090d15e8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:3;padding:24px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.overlay h2{margin:8px 0 12px;font-size:28px}.overlay .concept{color:#c6cedb;font-size:14px;max-width:min(640px,100%);margin:0 0 8px;line-height:1.55}.overlay .win-cond{color:#9da7b8;font-size:13px;max-width:min(640px,100%);margin:0 0 12px;line-height:1.5}.menu-overlay{justify-content:flex-start;align-items:stretch;text-align:left;gap:14px;padding:18px 20px 28px}.menu-overlay h2{margin:4px 0 8px}.menu-hero{text-align:center;flex-shrink:0}.menu-hero .concept{margin:0 auto}.menu-section{width:100%;padding:14px 16px 16px;background:#0e131c;border:1px solid #243044}.menu-section>.eyebrow:first-child{display:flex;align-items:center;margin-bottom:10px}.play-section{width:min(440px,100%);margin:0 auto;text-align:center;background:#121a28;border-color:#3a4a64}.play-section .name-field{width:100%;margin:0 0 12px}.play-section #aiButton{width:100%}.play-split{margin:14px 0 0;color:#7d879b;font-size:10px;letter-spacing:.24em}.online-actions{width:100%;margin-top:8px}.online-actions button{flex:1}.play-section .code-entry{width:100%;margin:10px 0 0}.play-section .join-room{width:100%;margin:0}.field-hint{margin:8px 0 0;color:#6bcbff;font-size:12px;letter-spacing:.04em}.friends-panel .field-hint{text-align:left}.play-section .queue-status{margin-top:10px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:min(640px,100%);margin:0 auto;align-items:start}.menu-side{display:grid;gap:14px;min-width:0}.how-to .win-cond{margin:0 0 10px;text-align:left}.how-to .controls-table{width:100%;border-collapse:collapse;margin:0 0 8px;font-size:12px;color:#c6cedb}.how-to .controls-table th,.how-to .controls-table td{padding:7px 8px;border-bottom:1px solid #243044;text-align:left;vertical-align:middle}.how-to .controls-table thead th{color:#7d879b;font-size:10px;letter-spacing:.2em;font-weight:700;border-bottom:1px solid #3a465c}.how-to .controls-table tbody th{width:42%;font-weight:700;color:#eef1f7}.how-to .controls-table .control-keys{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}.how-to .controls-table .control-mod{color:#9da7b8;font-size:11px;letter-spacing:.04em}.how-to .controls-note{display:flex;align-items:center;gap:6px;margin:0 0 10px;color:#9da7b8;font-size:12px;line-height:1.45;text-align:left}.how-to .crystal-icon{width:.86em;height:1.2em;flex-shrink:0;transform:rotate(18deg)}.how-to .text-btn{margin-top:4px}.badge{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 5px;margin-left:8px;border-radius:8px;background:#ff5d6c;color:#fff;font:700 10px/1 ui-monospace,monospace;letter-spacing:0}.list-label{margin-top:4px}.list-label.hidden{display:none}.menu-overlay{scrollbar-width:thin;scrollbar-color:#3a465c transparent}.menu-grid>*,.menu-side{min-width:0}.friend-add input{letter-spacing:.12em;font-size:16px}.friends-panel>.friend-list:last-child{margin-bottom:0}.hint-mouse,.mouse-click-icon{width:22px;height:22px;flex-shrink:0;color:#c6cedb}.settings-lead{color:#9da7b8;font-size:13px;margin:0 0 16px;max-width:420px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.overlay>p:not(.eyebrow):not(.queue-status):not(.concept):not(.win-cond):not(.room-code):not(.room-code-row):not(.friend-code-row):not(.play-split):not(.field-hint):not(.controls-note){color:#9da7b8;font-size:13px;max-width:520px}kbd{font:700 11px/1 ui-monospace,monospace;padding:5px 7px;border:1px solid #536077;background:#222a38;color:#fff;border-radius:3px}.name-field{display:flex;flex-direction:column;gap:6px;align-items:stretch;width:min(280px,80%);margin:0 0 14px;font-size:11px;letter-spacing:.12em;color:#8b95a8;text-align:left}.name-field input{padding:10px 12px;border:1px solid #3a465c;background:#121826;color:#eef1f7;font:700 16px/1.2 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.08em}.mode-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;justify-content:center}button,input,.text-btn{touch-action:manipulation}button{margin-top:0;padding:13px 28px;border:0;background:#eaf6ff;color:#10131a;font-weight:800;letter-spacing:.12em;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,opacity .15s ease,transform .1s ease}button.secondary{background:transparent;color:#eaf6ff;border:1px solid #6d7c96}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:2px solid #6bcbff;outline-offset:2px}button:active:not(:disabled){transform:translateY(1px)}.icon-btn:active:not(:disabled),.header-abort:active:not(:disabled),.text-btn:active:not(:disabled),.paste-btn:active:not(:disabled),.icon-toggle:active:not(:disabled),.bind-key:active:not(:disabled),.touch-hud-left button:active:not(:disabled),.touch-hud-right button:active:not(:disabled){transform:none}@media(hover:hover){button:hover:not(:disabled){background:#fff;box-shadow:0 6px 18px #0007}button.secondary:hover:not(:disabled){background:#eaf6ff;color:#10131a;border-color:#eaf6ff}.icon-btn:hover:not(:disabled){border-color:#9aabc4;background:#1a2433;color:#fff;box-shadow:none}.header-abort:hover:not(:disabled){border-color:#e07a7a;color:#ffb4b4;background:#1a1216;box-shadow:none}.text-btn:hover:not(:disabled){color:#eaf6ff;background:transparent;box-shadow:none;text-decoration:underline;text-underline-offset:3px}.join-room .paste-btn:hover:not(:disabled),.friend-code-row .icon-toggle:hover:not(:disabled){color:#eaf6ff;background:#1a2433;box-shadow:none;text-decoration:none}.code-copy .text-btn.copied:hover:not(:disabled){color:#7af0b4;text-decoration:none}.bind-key:hover:not(:disabled){border-color:#9aabc4;background:#2a3344;color:#eaf6ff;box-shadow:none}.bind-key.empty:hover:not(:disabled){color:#9da7b8}.bind-key.listening:hover:not(:disabled){border-color:#ffe476;color:#ffe476;background:#2a2618}}.queue-status{margin-top:12px;color:#6bcbff;font-size:13px;letter-spacing:.08em}.leaderboard{margin-top:0;width:100%;text-align:left}.leaderboard ol{margin:0;padding:0;list-style:none;display:grid;gap:6px}.leaderboard li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;font-size:12px;color:#c6cedb;padding:6px 8px;background:#121826;border:1px solid #243044}.leaderboard li .rank{color:#7d879b;font-family:ui-monospace,monospace}.leaderboard li .elo{color:#ffd64a;font-family:ui-monospace,monospace}.leaderboard li.muted{display:block;color:#697287;border:0;background:transparent;padding:0}.friends-panel{margin-top:0;width:100%;text-align:left}.friend-code-row{margin:0 0 10px;color:#c6cedb;font-size:12px;display:flex;align-items:center;gap:8px}.friend-code-value{position:relative;display:inline-block;padding:2px 0;font:700 14px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.16em;color:#eaf6ff;white-space:nowrap}.friend-code-value.is-hidden{color:transparent;-webkit-user-select:none;user-select:none}.friend-code-value.is-hidden:after{content:"";position:absolute;inset:1px 0;background:#3a465c;border-radius:2px}.friend-code-row .icon-toggle{margin:0;padding:0;width:28px;height:28px;flex:none;display:inline-grid;place-items:center;background:transparent;color:#8b95a8;border:0;letter-spacing:0}.friend-code-row .icon-toggle svg{width:16px;height:16px;display:block}.friend-code-row .icon-toggle .icon--eye,.friend-code-row .icon-toggle .icon--eye-off{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.friend-code-row .icon-toggle .icon-eye{display:none}.friend-code-row .icon-toggle[aria-pressed=true] .icon-eye{display:block}.friend-code-row .icon-toggle[aria-pressed=true] .icon-eye-off{display:none}.code-copy .text-btn{margin:0;min-width:3.5em;display:inline-grid;place-items:center}.code-copy .text-btn.copied{color:#5ee2a0}.code-copy .text-btn .icon--check{width:14px;height:14px;display:block}.room-share{margin:12px 0 0;display:flex;flex-direction:column;align-items:center;gap:10px}.room-qr{width:152px;height:152px;background:#fff;border-radius:4px;overflow:hidden;line-height:0}.room-qr svg{display:block;width:100%;height:100%}.room-share .room-code-row{margin:0}.room-share-hint{margin:0;color:#9da7b8;font-size:12px;letter-spacing:.04em}.room-share-actions{display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:center;align-items:center}.room-share-actions .text-btn{margin:0;font-size:12px;min-width:6.5em}.room-share-actions .text-btn .icon--check{width:16px;height:16px}.room-code-row{margin:10px 0 0;display:flex;align-items:center;justify-content:center;gap:12px}.room-code{margin:0;font:800 36px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.28em;color:#eaf6ff}.friend-add{width:100%;margin:0 0 12px}.join-room.friend-add{width:100%}.incoming-label{margin-top:8px}.friend-list{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:6px}.friend-list li{display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:center;font-size:12px;color:#c6cedb;padding:8px;background:#121826;border:1px solid #243044}.friend-list li.muted{display:block;color:#697287;border:0;background:transparent;padding:0}.friend-list .dot{width:8px;height:8px;border-radius:50%;background:#3a465c}.friend-list .dot.menu{background:#5ee2a0}.friend-list .dot.busy{background:#ffd64a}.friend-list .meta{display:flex;flex-direction:column;gap:2px;min-width:0}.friend-list .meta strong{font-size:13px;color:#eef1f7}.friend-list .meta span{color:#7d879b;font:700 11px/1 ui-monospace,monospace;letter-spacing:.08em}.friend-list .actions{display:flex;gap:6px}.friend-list .actions button{padding:6px 10px;letter-spacing:.06em;font-size:11px}.invite-overlay,.confirm-overlay{z-index:6}.join-room{display:flex;gap:8px;width:min(280px,80%);margin:0 0 10px}.join-room .code-input{flex:1;min-width:0;display:flex;align-items:center;border:1px solid #3a465c;background:#121826}.join-room input{flex:1;min-width:0;padding:10px 12px;border:1px solid #3a465c;background:#121826;color:#eef1f7;font:700 16px/1.2 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.28em;text-align:center;text-transform:uppercase}.join-room .code-input input{border:0;background:transparent}.join-room button{padding:10px 16px;letter-spacing:.08em}.join-room .paste-btn{margin:0;padding:0;width:36px;height:36px;flex:none;display:inline-grid;place-items:center;background:transparent;color:#8b95a8;border:0;letter-spacing:0}.join-room .paste-btn svg{width:18px;height:18px;display:block}.join-room .paste-btn .icon--clipboard{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#rematchScore{margin:0 0 8px;color:#ffd64a;font:700 18px/1.3 ui-monospace,monospace;letter-spacing:.08em}.hidden{display:none!important}.pause-overlay,.ready-overlay{z-index:4}.ready-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:10px 16px;width:min(520px,100%);margin:8px 0 16px}.ready-vs-label{margin:18px 0 0;font-size:22px;font-weight:800;letter-spacing:.16em}.ready-player{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:10px 8px 8px;border-radius:6px}.ready-side{font:700 11px/1 IBM Plex Sans,sans-serif;letter-spacing:.22em}.ready-name{font:800 22px/1.2 IBM Plex Sans,sans-serif;letter-spacing:.06em;word-break:break-word}.ready-you-tag{font-size:10px;letter-spacing:.2em;color:#7d879b;min-height:1em;visibility:hidden}.ready-player.is-you .ready-you-tag{visibility:visible}.ready-player.is-blue .ready-side,.ready-player.is-blue .ready-name{color:#76edf8}.ready-player.is-red .ready-side,.ready-player.is-red .ready-name{color:#ff7082}.ready-mark{width:28px;height:28px;display:grid;place-items:center;border:2px solid #3a465c;border-radius:50%;color:#5ee2a0}.ready-mark svg{width:16px;height:16px;display:block}.ready-mark .icon--check{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.ready-player.is-ready .ready-mark{border-color:#5ee2a0;background:#5ee2a01f}.ready-player.is-you.is-blue{background:#76edf814}.ready-player.is-you.is-red{background:#ff708214}.forfeit-overlay{z-index:4}.settings-overlay{z-index:5}.bindings-list{margin:0;padding:0;list-style:none;width:min(420px,92%);display:grid;gap:8px}.bindings-list li{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:8px 10px;background:#121826;border:1px solid #243044}.bind-label{font-size:13px;letter-spacing:.08em;color:#c6cedb;text-align:left}.bind-slots{display:flex;gap:6px}.bind-key{margin:0;padding:8px 10px;min-width:72px;min-height:36px;display:inline-grid;place-items:center;background:#1a2230;color:#eaf6ff;border:1px solid #3a465c;letter-spacing:.08em;font:700 12px/1 IBM Plex Mono,ui-monospace,monospace}.bind-key.listening{border-color:#ffe476;color:#ffe476;background:#2a2618}.bind-key.empty{color:#697287}.bind-key kbd{border:0;background:transparent;padding:0;font:inherit;color:inherit}.bind-key .bind-mouse{width:20px;height:20px;color:inherit}.sens-row{width:min(360px,92%);margin:12px 0 0;padding:10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:#121826;border:1px solid #243044;color:#c6cedb;font-size:13px;letter-spacing:.08em}.sens-row input[type=range]{width:100%;accent-color:#6bcbff}.sens-value{font:700 12px/1 IBM Plex Mono,ui-monospace,monospace;color:#eaf6ff;min-width:3.2em;text-align:right;letter-spacing:0}.bindings-hint{margin:12px 0 0;color:#8b95a8;font-size:12px;min-height:1.4em}.text-btn{margin-top:10px;padding:0;border:0;background:transparent;color:#8b95a8;font:700 12px/1.4 IBM Plex Sans,sans-serif;letter-spacing:.12em;cursor:pointer}.message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:900;font-size:40px;letter-spacing:.08em;text-shadow:0 4px 20px #000;pointer-events:none;z-index:2}.message.countdown{font-size:108px;letter-spacing:0}@media(pointer:coarse){.kbd-hint{display:none}.icon-btn{width:44px;height:44px}.header-abort{min-height:44px}.friend-code-row .icon-toggle,.join-room .paste-btn{width:44px;height:44px}.join-room .code-input,.join-room button,.name-field input,.join-room input{min-height:44px}.code-copy .text-btn{min-width:44px;min-height:44px}.text-btn{min-height:44px;padding:12px 4px;display:inline-flex;align-items:center}.friend-list .actions button{min-height:44px;padding:10px 12px}.bind-key{min-height:44px}}@media(max-width:700px),(max-height:540px){header{min-height:52px;padding:6px 8px 8px}h1{font-size:clamp(16px,5.2vw,22px);letter-spacing:.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlay{padding:16px 12px max(28px,env(safe-area-inset-bottom));scroll-padding-bottom:30vh}.overlay h2{font-size:20px}.menu-overlay{padding:16px 12px max(28px,env(safe-area-inset-bottom))}.menu-grid{grid-template-columns:1fr}.mode-actions{flex-direction:column;width:100%}.mode-actions button{width:100%}.friend-code-row{flex-wrap:wrap;row-gap:4px}.room-code{font-size:28px;letter-spacing:.16em}.room-qr{width:128px;height:128px}.room-share{gap:8px}.ready-name{font-size:18px}.ready-vs{margin:4px 0 12px;gap:8px 10px}.sens-row{grid-template-columns:1fr auto}.sens-row>span:first-child{grid-column:1 / -1}.friend-list li{grid-template-columns:8px minmax(0,1fr)}.friend-list .dot{grid-row:1 / span 2;align-self:start;margin-top:18px}.friend-list .actions{grid-column:2;justify-content:flex-start;flex-wrap:wrap}.room-share-actions{width:100%}.room-share-actions .text-btn{flex:1;min-width:8em}}@container (max-width:640px){.menu-grid{grid-template-columns:1fr}.mode-actions{flex-direction:column;width:100%}.mode-actions button{width:100%}.overlay h2{font-size:20px}.friend-code-row{flex-wrap:wrap;row-gap:4px}.room-code{font-size:28px;letter-spacing:.16em}.room-qr{width:128px;height:128px}.sens-row{grid-template-columns:1fr auto}.sens-row>span:first-child{grid-column:1 / -1}.friend-list li{grid-template-columns:8px minmax(0,1fr)}.friend-list .dot{grid-row:1 / span 2;align-self:start;margin-top:18px}.friend-list .actions{grid-column:2;justify-content:flex-start;flex-wrap:wrap}.room-share-actions{width:100%}.room-share-actions .text-btn{flex:1;min-width:8em}}.stage-slot.touch-play{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"board board" "hud-left hud-right";gap:8px;width:min(100%,var(--shell-w, 100%));margin-inline:auto;align-content:stretch}.stage-slot.touch-play .stage-board{grid-area:board;min-height:0;min-width:0;width:100%}.stage-slot.touch-play .game-shell{touch-action:none}.touch-hud-left,.touch-hud-right{position:relative;z-index:2;min-width:0;display:flex;flex-direction:column;gap:8px;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}.touch-hud-left{grid-area:hud-left}.touch-hud-right{grid-area:hud-right}.touch-hud-left>*,.touch-hud-right>*{pointer-events:auto}.touch-hud-left button,.touch-hud-right button,.touch-hud-left [role=button],.touch-hud-right [role=button],.touch-move,.touch-aim{pointer-events:auto;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.touch-bar{display:flex;flex:1;align-items:stretch;gap:8px;pointer-events:none}.touch-bar>*{flex:1;min-width:0;pointer-events:auto}.touch-move,.touch-aim{pointer-events:auto;position:relative;height:52px;flex:none;border:1px solid #3a465c;background:#121826;border-radius:8px;overflow:hidden}.touch-move-label,.touch-aim-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#7d879b;font:700 11px/1 IBM Plex Sans,sans-serif;letter-spacing:.2em;pointer-events:none}.touch-move-thumb,.touch-aim-thumb{position:absolute;top:6px;bottom:6px;width:22px;margin-left:-11px;border-radius:6px;pointer-events:none}.touch-move-thumb{background:#eaf6ff;box-shadow:0 0 12px #6bcbff88}.touch-aim-thumb{background:#6bcbff;box-shadow:0 0 12px #6bcbff88}.touch-shoot{pointer-events:auto;position:relative;flex:1;min-height:56px;margin:0;padding:8px 6px;overflow:hidden;border:1px solid #6bcbff;background:#121826;color:#eaf6ff;font:700 12px/1.2 IBM Plex Sans,sans-serif;letter-spacing:.12em;border-radius:8px}.touch-shoot:before{content:"";position:absolute;inset:0;pointer-events:none;background:#6bcbff55;transform-origin:bottom;transform:scaleY(var(--charge, 0))}.touch-shoot .touch-ability-text{position:relative;z-index:1}.touch-shoot.is-charging{color:#6bcbff}.touch-ammo{position:absolute;right:8px;bottom:6px;z-index:1;color:#7d879b;font:700 11px/1 IBM Plex Mono,IBM Plex Sans,sans-serif}.touch-ability{position:relative;flex:1;min-width:0;min-height:56px;margin:0;padding:8px 6px;overflow:hidden;border:1px solid #3a465c;background:#121826;color:#eef1f7;font:700 11px/1.2 IBM Plex Sans,sans-serif;letter-spacing:.1em;border-radius:8px}.touch-cd-fill{position:absolute;inset:0;background:#6bcbff28;transform-origin:bottom;transform:scaleY(1);pointer-events:none}.touch-ability-text{position:relative;z-index:1}.touch-ability.is-active{border-color:#6bcbff;color:#6bcbff}.touch-ability.is-ready{border-color:#5ee2a0}.touch-ability.is-placing{border-color:#6bcbff;color:#6bcbff;box-shadow:0 0 14px #6bcbff66}.stage-slot.anchor-place .game-shell{cursor:crosshair}@media(hover:hover){.touch-hud-left button:hover:not(:disabled),.touch-hud-right button:hover:not(:disabled){box-shadow:none}.touch-ability:hover:not(:disabled),.touch-shoot:hover:not(:disabled){background:#1a2433;color:#eef1f7;border-color:#9aabc4}}@media(max-height:540px)and (orientation:portrait){.touch-hud-left,.touch-hud-right{gap:6px}.touch-move,.touch-aim{height:40px}.touch-ability,.touch-shoot{min-height:44px;font-size:10px}}body.touch-play.touch-landscape{padding:max(4px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}body.touch-play.touch-landscape main{width:100%}body.touch-play.touch-landscape header{min-height:0;padding:2px 4px 4px;gap:8px}body.touch-play.touch-landscape header .eyebrow{display:none}body.touch-play.touch-landscape h1{font-size:16px;letter-spacing:.12em}body.touch-play.touch-landscape .icon-btn{width:32px;height:32px}body.touch-play.touch-landscape .header-abort{min-height:32px;padding:4px 8px;font-size:11px}.stage-slot.touch-play.touch-landscape{width:100%;margin:0;grid-template-columns:minmax(132px,22vw) minmax(0,1fr) minmax(132px,22vw);grid-template-rows:minmax(0,1fr);grid-template-areas:"hud-left board hud-right";align-items:stretch}.stage-slot.touch-play.touch-landscape .stage-board{height:100%}.stage-slot.touch-play.touch-landscape .touch-hud-left,.stage-slot.touch-play.touch-landscape .touch-hud-right{width:100%;height:100%;gap:6px}.stage-slot.touch-play.touch-landscape .touch-bar{flex-direction:column;flex:1;min-height:0;gap:6px}.stage-slot.touch-play.touch-landscape .touch-ability,.stage-slot.touch-play.touch-landscape .touch-shoot{min-height:0;flex:1;font-size:10px}.stage-slot.touch-play.touch-landscape .touch-shoot{flex:1}.stage-slot.touch-play.touch-landscape .touch-move,.stage-slot.touch-play.touch-landscape .touch-aim{flex:none;height:48px;min-height:48px;width:100%}