:root{color-scheme:dark;--bg:#112833;--panel:#1a3440;--ink:#eff4e8;--muted:#9bb0b4;--lime:#d1fa85;--orange:#ffb55f;--line:#ffffff15;--font:"Yu Gothic","Hiragino Kaku Gothic ProN","Meiryo",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-weight:500;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #a9f3df;outline-offset:5px}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button{border:0}button,dialog{touch-action:manipulation}.hidden{display:none!important}.app{min-height:100svh;background:radial-gradient(ellipse at 75% 37%,#28514d50,transparent 52%)}.topbar{height:92px;border-bottom:1px solid var(--line);margin:0 4.8%;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-family:Arial,sans-serif;font-weight:900;font-size:21px;letter-spacing:-1px;line-height:1}.brand-mark{background:var(--lime);color:#173a3d;border-radius:11px;display:grid;place-items:center;font-size:43px;line-height:1;width:41px;height:43px;transform:rotate(-8deg);box-shadow:3px 3px 0 #6b93624d}.brand-light{font-weight:400;margin-left:3px}.brand small{display:block;font-family:var(--font);font-size:9px;letter-spacing:2.6px;margin-top:8px;font-weight:600}.header-right{display:flex;gap:12px;align-items:center}.offline{font-size:11px;color:#acbdbd;letter-spacing:.5px;margin-right:13px;display:flex;gap:8px;align-items:center}.offline i,.live-dot,.tag-dot{width:6px;height:6px;background:#b9f083;border-radius:50%;display:inline-block}.icon-button{border:1px solid #ffffff20;background:#20394366;width:36px;height:36px;border-radius:50%;display:inline-grid;place-items:center;font-family:Arial,sans-serif;font-size:18px;position:relative;transition:background .2s}.icon-button:hover{background:#42615c}.sound-slash{position:absolute;font-size:23px;color:#ffa992;transform:translate(2px,0)}.screen{animation:screen-in .3s ease}@keyframes screen-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.home-screen{max-width:1600px;margin:auto;padding:0 4.8%;display:grid;grid-template-columns:1fr 1.16fr;grid-template-rows:minmax(475px,1fr) auto auto;min-height:calc(100svh - 92px)}.home-copy{position:relative;z-index:2;padding:69px 0 49px}.eyebrow{font-family:Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:2.4px;color:var(--lime);display:flex;align-items:center;gap:10px}.eyebrow>span{height:6px;width:6px;background:var(--lime);border-radius:50%}h1{font-size:clamp(29px,3.25vw,53px);letter-spacing:-1.7px;line-height:1.65;font-weight:900;margin:21px 0 21px;white-space:nowrap}.spark-word{position:relative;color:var(--lime)}.spark-word svg{position:absolute;left:0;bottom:-12px;width:100%;height:18px;overflow:visible}.spark-word path{fill:none;stroke:var(--lime);stroke-width:5;stroke-linecap:round}.intro{font-size:13px;line-height:2.2;color:#aebfbe;letter-spacing:.4px;margin:24px 0 28px}.button{min-height:54px;border-radius:9px;display:inline-flex;gap:25px;align-items:center;justify-content:center;font-size:14px;font-weight:800;padding:15px 25px;transition:transform .15s,background .15s,box-shadow .15s;letter-spacing:.5px}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)}.button.primary{color:#193a37;background:var(--lime);box-shadow:0 4px 0 #79944d}.button.primary:hover{background:#e1ffa7;box-shadow:0 6px 0 #79944d}.button.secondary{background:#2a4550;border:1px solid #ffffff20}.start-button{min-width:310px;min-height:61px;font-size:16px}.start-button .arrow{margin-left:auto;font-size:25px;font-weight:400}.play-icon{font-size:13px}.play-note{display:flex;gap:13px;font-size:9px;color:#9bb0b1;margin:16px 0 32px;align-items:center}.play-note span:first-child{font-family:Arial,sans-serif;font-size:9px;letter-spacing:1.1px;color:#d3dbd1}.play-note span+span{border-left:1px solid #ffffff2b;padding-left:13px}.home-record{display:flex;gap:13px;align-items:center}.tiny-gem{color:var(--lime);font-size:26px}.home-record small{display:block;color:#91a5a8;font-size:8px;letter-spacing:1.4px;font-family:Arial,sans-serif}.home-record strong{display:block;font-family:Arial,sans-serif;font-size:21px;line-height:1.5}.home-record strong span:last-child{font-size:9px;color:#aabcb9;font-family:var(--font);font-weight:500}.record-line{height:30px;width:1px;background:#ffffff20;margin:0 10px}.record-caption{font-size:10px;line-height:1.8;color:#859d9f}.hero-scene{position:relative;min-width:0;align-self:stretch;display:flex;align-items:center}.hero-scene:before{content:"";position:absolute;inset:16% 3% 14%;border-radius:50%;background:#47766430;filter:blur(35px)}#preview-canvas{width:120%;height:440px;margin-left:-10%;position:relative;z-index:1;transform:rotate(-7deg);filter:drop-shadow(15px 30px 20px #051b2966)}.scene-tag{position:absolute;top:52px;left:14%;color:#bdd0c7;font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.6px;display:flex;align-items:center;gap:10px;z-index:2}.scene-tag>span:last-child{font-size:10px;border:1px solid #6f8e84;border-radius:4px;padding:4px;margin-left:10px}.tag-dot{width:5px;height:5px;background:#b1c5b6}.scene-caption{position:absolute;left:17%;bottom:48px;display:flex;align-items:center;gap:9px;font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.8px;color:#92aaa2}.scene-caption>span:last-child{font-size:18px;margin-left:40px;color:#e2c382}.live-dot{width:5px;height:5px}.orbit{position:absolute;border:1px solid #93b8a918;border-radius:50%;left:0;top:13%;width:100%;height:72%;transform:rotate(-24deg)}.orbit-two{transform:rotate(29deg);top:8%;left:6%;width:88%;height:85%}.floating-label{position:absolute;bottom:80px;right:-7px;border:1px solid #aac1a02b;background:#203d3ced;box-shadow:0 10px 25px #0619203d;border-radius:10px;padding:13px 48px 13px 16px;font-size:10px;color:#aebdb5;line-height:1.9;transform:rotate(5deg);z-index:3}.floating-label b{color:#f1ecd2;font-size:12px}.floating-label>span{position:absolute;right:14px;top:13px;font-size:33px;color:var(--orange)}.feature-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ffffff16;border-radius:12px;background:#1a343ca8;overflow:hidden;margin-bottom:25px}.feature-strip>div{display:flex;gap:14px;align-items:center;padding:23px 22px;position:relative}.feature-strip>div+div{border-left:1px solid #ffffff16}.feature-number{position:absolute;right:16px;top:10px;font-size:9px;color:#4f706e;font-family:Arial,sans-serif}.feature-icon{font-size:29px;color:#bcd59f;font-family:Arial,sans-serif;min-width:33px}.feature-strip strong{font-size:12px;letter-spacing:.3px;display:block;margin-bottom:7px}.feature-strip small{font-size:10px;color:#8ea6a9}.home-footer{grid-column:1/-1;display:flex;justify-content:space-between;padding:0 0 21px;font-size:8px;letter-spacing:1.5px;color:#69858b;font-family:Arial,sans-serif}.home-footer b{padding:0 10px;color:#a1b791}.select-screen{max-width:1080px;margin:auto;padding:30px 30px 40px}.section-heading{text-align:center;position:relative}.section-heading .eyebrow{justify-content:center;margin:8px 0 9px}.text-button{background:none;color:#a7bdbb;font-size:11px;padding:10px 0}.text-button:hover{color:var(--lime)}.section-heading .text-button{position:absolute;left:0;top:-5px}h2{font-size:32px;letter-spacing:-1px;margin:8px 0 10px;line-height:1.5}.section-heading p{color:#8fa8ab;font-size:12px;margin:0 0 28px}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.character-card{--accent:#ffb961;position:relative;display:block;text-align:left;background:#213944;border:2px solid #ffffff0b;border-radius:16px;padding:0;overflow:hidden;transition:transform .2s,border-color .2s}.character-card[data-character=pop]{--accent:#c2a1fa}.character-card[data-character=mint]{--accent:#8ef0c8}.character-card.selected{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 35px #0002}.character-card:hover{border-color:var(--accent)}.card-top{position:absolute;left:18px;right:16px;top:15px;display:flex;justify-content:space-between;align-items:center;color:var(--accent);font:700 9px Arial,sans-serif;letter-spacing:1.2px;z-index:2}.selection-check{height:22px;width:22px;background:var(--accent);color:#1c3540;border-radius:50%;display:grid;place-items:center;opacity:0}.selected .selection-check{opacity:1}.character-card canvas{display:block;width:100%;height:198px;background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 68%);border-bottom:1px solid #ffffff0d}.character-info{padding:18px 23px 22px}.role{color:var(--accent);font-size:9px;font-weight:700;letter-spacing:1px}h3{font-size:26px;margin:6px 0 9px;display:flex;align-items:center;gap:12px}h3 small{font-family:Arial,sans-serif;font-size:10px;color:#869da6;letter-spacing:2px}.character-info p{font-size:11px;color:#b4c4c3;line-height:1.8;margin:0 0 17px}.stat-row{display:flex;gap:14px;font-size:9px;color:#819ea4;padding-bottom:17px;border-bottom:1px solid #ffffff12}.stat-row b{letter-spacing:1px;color:var(--accent);font-size:9px;margin-left:5px}.special-label{display:flex;align-items:center;gap:13px;margin-top:16px}.special-label>span{color:var(--accent);font-family:Arial,sans-serif;font-size:27px}.special-label small{display:block;font-size:8px;color:#8ea9b0;margin-bottom:3px}.special-label strong{font-size:11px}.select-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:27px}.select-bottom p{font-size:11px;color:#b0c2b8}.select-bottom p span{color:var(--lime);margin-right:7px}.game-screen{position:relative;height:calc(100svh - 92px);min-height:360px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#365b5a99,transparent 78%)}#game-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.game-hud{position:absolute;top:18px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.player-panel,.score-panel{display:flex;align-items:center;gap:12px;background:#16313bea;border:1px solid #b0e0c921;border-radius:12px;box-shadow:0 5px 18px #10292a29;padding:12px 15px}.hud-avatar{font-family:Arial,sans-serif;font-size:36px;color:var(--orange);background:#ffb35d20;width:43px;height:43px;display:grid;place-items:center;border-radius:10px}.player-name{display:flex;gap:25px;align-items:center;font-size:12px}.player-name>span{font-family:Arial,sans-serif;font-size:8px;color:var(--lime);letter-spacing:1px}.health-track{height:7px;background:#0c2029;border-radius:9px;width:126px;margin:6px 0 2px;overflow:hidden}#health-fill{height:100%;width:100%;background:#baf080;border-radius:9px;transition:width .1s}#health-value{font:9px Arial,sans-serif;color:#a9bcb0}.timer-panel{position:absolute;left:50%;transform:translateX(-50%);text-align:center;background:#112d36f0;border:1px solid #d6e9b738;border-radius:12px;padding:9px 33px 7px;box-shadow:0 5px 20px #13303940}.timer-panel small{display:block;font-size:9px;color:#bacabc}.timer-panel strong{font:800 33px Arial,sans-serif;display:block;letter-spacing:2px;line-height:1.2;font-variant-numeric:tabular-nums}.timer-panel>span{display:block;font:7px Arial,sans-serif;color:var(--lime);letter-spacing:1.6px;margin-top:3px}.timer-panel.urgent{border-color:#ff927e}.timer-panel.urgent strong{color:#ff9980;animation:timer-pulse 1s infinite}@keyframes timer-pulse{50%{opacity:.6}}.score-panel>span{font-size:27px;color:var(--lime)}.score-panel>strong{font:800 32px Arial,sans-serif;min-width:27px}.score-panel small{font-size:8px;color:#adbfba;line-height:1.9}.score-panel b{font-size:10px;color:var(--lime)}.leaderboard{position:absolute;top:113px;left:4%;background:#16313be6;border:1px solid #b0e0c91a;border-radius:9px;min-width:140px;padding:9px 11px;pointer-events:none}.leader-row{display:flex;gap:8px;align-items:center;font-size:9px;padding:5px 0;color:#adc2c0}.leader-row.you{color:var(--lime)}.leader-row>span:first-child{font:10px Arial,sans-serif;opacity:.6}.leader-row>i{width:6px;height:6px;border-radius:50%;background:var(--color)}.leader-row>b{margin-left:auto;padding-left:15px;font:700 11px Arial,sans-serif}.arena-name{position:absolute;bottom:31px;left:50%;transform:translateX(-50%);font:8px Arial,sans-serif;letter-spacing:2px;color:#85a59d}.arena-name span{border:1px solid #779a8a70;padding:3px;margin-left:6px}.desktop-controls{position:absolute;bottom:23px;left:4%;display:flex;align-items:center;gap:15px;font-size:8px;color:#aabfb7;pointer-events:none}.desktop-controls>span{display:flex;gap:3px;align-items:center}kbd{display:inline-grid;place-items:center;background:#18363f;border:1px solid #c1d8c536;border-bottom-width:2px;border-radius:4px;min-width:21px;height:22px;font:10px Arial,sans-serif;color:#cfdecf}.desktop-controls b{font-size:17px;font-family:Arial,sans-serif;margin-right:3px}.super-button{position:absolute;right:4%;bottom:18px;background:#203e45;border:2px solid #5f7d70;border-radius:13px;display:flex;gap:12px;align-items:center;padding:10px 14px;min-width:172px;box-shadow:0 5px 0 #0b2529;touch-action:none}.super-icon{font:35px Arial,sans-serif;color:#b7c8ae}.super-button small{font-size:8px;display:block;color:#b1c7bb}.super-button strong{font:700 18px Arial,sans-serif;display:block;line-height:1.4}.super-button kbd{font-size:8px;padding:0 4px;margin-left:2px}.super-button.ready{background:#d1fa85;color:#193a37;border-color:#edffc7;box-shadow:0 5px 0 #778f4c,0 0 25px #d1fa853a;animation:super-ready 1s infinite alternate}.super-button.ready small,.super-button.ready .super-icon{color:#30533a}.super-button.ready kbd{background:#c1e777;color:#28432c;border-color:#648444}@keyframes super-ready{to{filter:brightness(1.1)}}.center-overlay{position:absolute;inset:0;background:#12313e66;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-shadow:0 5px 0 #17333b}.center-overlay span{font-size:17px;font-weight:800}.center-overlay strong{font:900 110px Arial,sans-serif;color:var(--lime);padding-top:10px}.respawn-overlay{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);background:#142a37ed;border:1px solid #ffb59d45;border-radius:15px;padding:23px 40px;text-align:center;min-width:270px;pointer-events:none}.respawn-overlay>span{font-size:10px;color:#abc0c0;display:block}.respawn-overlay strong{display:block;font-size:19px;margin:9px 0}.respawn-overlay strong b{color:var(--orange);font:800 38px Arial,sans-serif}.respawn-overlay small{font-size:9px;color:#ffb6a0}.toast{position:absolute;bottom:106px;left:50%;transform:translateX(-50%);background:#12303dec;border:1px solid #afd28d5c;border-radius:50px;padding:10px 20px;font-size:12px;white-space:nowrap;pointer-events:none;box-shadow:0 5px 15px #0002}.touch-controls{display:none;pointer-events:none;position:absolute;left:0;right:0;bottom:25px;justify-content:space-between;padding:0 30px}.joystick{position:relative;width:115px;height:115px;pointer-events:auto;touch-action:none;user-select:none;border-radius:50%;background:#12303c61;border:1px solid #ecffe83b}.stick-ring{position:absolute;inset:16px;border:1px dashed #e4ffda47;border-radius:50%}.stick-knob{position:absolute;left:34px;top:34px;width:45px;height:45px;border-radius:50%;background:#dbf3c57a;border:2px solid #e7f9da8f;pointer-events:none;box-shadow:0 3px 7px #10273033}.joystick small{position:absolute;bottom:-20px;left:0;right:0;text-align:center;color:#d7e6d0;font-size:9px;pointer-events:none}.aim-stick .stick-knob{background:#ffc4848c;border-color:#ffe5bfa1}.result-screen{max-width:910px;margin:auto;padding:40px 28px;text-align:center}.result-intro .eyebrow{justify-content:center}.result-intro h2{font-size:36px;margin-top:12px}.result-intro p{font-size:12px;color:#95afaf}.result-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:22px 0 30px;align-items:center}.result-hero{position:relative;min-height:290px;background:radial-gradient(ellipse at center,#a2c16c25,transparent 69%)}.result-place{position:absolute;left:15%;top:22px;font:900 66px Arial,sans-serif;color:var(--lime);transform:rotate(-10deg)}.result-place small{font-family:var(--font);font-size:20px}.result-hero canvas{width:100%;height:240px}.result-summary{display:flex;gap:25px;justify-content:center;color:#a9bdb3;font-size:11px}.result-summary b{font:800 25px Arial,sans-serif;color:var(--lime);padding:0 3px}.result-summary>span+span b{font-size:16px;color:#e3e9dd}.new-record{font:700 9px Arial,sans-serif;letter-spacing:2px;color:#ffcb7e;margin-top:17px}.result-table-wrap{background:#203942;border:1px solid #ffffff13;border-radius:12px;padding:23px}.table-heading{display:flex;justify-content:space-between;font-size:9px;color:#8fa7a9}.table-heading>span:first-child{font:9px Arial,sans-serif;letter-spacing:1px}#result-list{list-style:none;padding:0;margin:15px 0 8px}#result-list li{display:flex;align-items:center;gap:13px;padding:14px 8px;border-top:1px solid #ffffff10;text-align:left;font-size:11px}#result-list li.you{background:#d1fa8510;border-radius:7px;color:var(--lime)}#result-list .place{font:800 21px Arial,sans-serif;color:#89a3a3;width:21px}#result-list .you .place{color:var(--lime)}.result-dot{width:9px;height:9px;border-radius:50%;background:var(--color)}#result-list .result-name{display:flex;flex-direction:column;gap:4px}#result-list .result-name small{font-size:8px;color:#799ca0}#result-list .result-score{margin-left:auto;font:800 20px Arial,sans-serif}.result-table-wrap>p{font-size:8px;color:#7f9b9b;margin:15px 0 0}.result-actions{display:flex;gap:15px;justify-content:center;margin-bottom:13px}dialog{background:#19333e;color:var(--ink);border:1px solid #9bbfa34d;border-radius:18px;padding:30px;max-width:530px;width:calc(100% - 32px);max-height:calc(100svh - 35px);overflow:auto;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#061720b3;backdrop-filter:blur(7px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}dialog h2{font-size:29px;margin-top:15px}dialog h2 span{color:var(--lime)}.rule-list{margin:20px 0}.rule-list p{display:flex;gap:15px;font-size:11px;color:#a3bbba;line-height:1.8;margin:16px 0}.rule-list p>b{font:700 17px Arial,sans-serif;color:var(--orange);padding-top:4px}.rule-list strong{display:block;color:#edf3e6;font-size:12px;margin-bottom:3px}.help-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid #ffffff18;padding-top:18px;margin-bottom:20px}.help-controls strong{font:700 10px Arial,sans-serif;color:var(--lime);letter-spacing:1px}.help-controls p{font-size:10px;line-height:1.9;color:#9eb5b7}dialog>.button{width:100%}#pause-dialog{max-width:360px;text-align:center;padding:35px}#pause-dialog .eyebrow{justify-content:center}#pause-dialog p{font-size:11px;color:#9cb6b4;margin-bottom:25px}#pause-dialog .button+.button{margin-top:14px}
@media(min-width:1500px){.home-copy{padding-top:95px}.hero-scene canvas{height:530px}.scene-tag{top:65px}.scene-caption{bottom:65px}}
@media(max-width:1050px){.topbar{height:78px}.home-screen{min-height:calc(100svh - 78px);grid-template-columns:1fr 1fr;grid-template-rows:minmax(440px,1fr) auto auto}.home-copy{padding-top:52px}.hero-scene canvas{height:370px;width:126%;margin-left:-13%}.scene-tag{left:3%;font-size:7px;letter-spacing:1px}.floating-label{right:-5px;bottom:55px}.scene-caption{bottom:30px;left:10%;font-size:7px;letter-spacing:1px}.feature-strip>div{padding:21px 15px;gap:10px}.feature-strip strong{font-size:11px}.feature-strip small{font-size:8px}.feature-icon{font-size:25px;min-width:23px}.game-screen{height:calc(100svh - 78px)}.desktop-controls{max-width:300px;gap:9px;flex-wrap:wrap}.arena-name{display:none}.leaderboard{top:108px;left:2%;min-width:120px}.game-hud{left:2%;right:2%}.character-info{padding:17px}.stat-row{gap:8px;font-size:8px}.stat-row b{font-size:8px;margin-left:3px}}
@media(max-width:740px){.topbar{height:72px;margin:0 5%}.brand{font-size:18px}.brand-mark{width:35px;height:37px;font-size:37px}.brand small{font-size:7px;letter-spacing:2px}.offline{display:none}.header-right{gap:9px}.icon-button{width:32px;height:32px;font-size:16px}.home-screen{display:flex;flex-direction:column;padding:0 6%;min-height:calc(100svh - 72px)}.home-copy{padding:35px 0 15px}.eyebrow{font-size:8px;letter-spacing:1.8px}h1{font-size:clamp(27px,6.7vw,43px);line-height:1.6;margin:17px 0;letter-spacing:-1.2px}.intro{font-size:11px;line-height:2;margin:23px 0}.start-button{min-width:0;width:100%;max-width:360px;font-size:14px;min-height:55px}.play-note{margin-bottom:15px;font-size:8px}.home-record{display:none}.hero-scene{height:275px;min-height:275px;margin:-3px 0 3px}.hero-scene canvas{width:100%;height:295px;margin:0}.scene-tag{top:10px;left:6%;font-size:6px}.scene-caption{bottom:6px;left:7%;font-size:6px}.floating-label{font-size:8px;padding:9px 34px 9px 12px;bottom:21px;right:1%}.floating-label b{font-size:10px}.floating-label>span{right:9px;font-size:27px;top:10px}.feature-strip{display:flex;flex-direction:column;margin:15px 0 23px}.feature-strip>div{padding:16px 18px;gap:17px}.feature-strip>div+div{border-left:0;border-top:1px solid #ffffff12}.feature-strip strong{font-size:11px;margin-bottom:5px}.feature-strip small{font-size:9px}.feature-icon{min-width:31px;text-align:center}.feature-number{top:19px}.home-footer{display:block;font-size:7px;line-height:2.3}.home-footer span{display:block}.select-screen{padding:23px 5%}.section-heading .text-button{position:static;display:block;margin-bottom:8px}.section-heading h2{font-size:25px}.section-heading .eyebrow{font-size:8px}.character-grid{gap:13px;grid-template-columns:1fr}.character-card{display:grid;grid-template-columns:37% 63%;min-height:193px}.character-card.selected{transform:translateX(0)}.card-top{left:12px;right:12px;top:12px;font-size:7px;letter-spacing:.5px}.character-card canvas{height:190px;border-bottom:0;padding-top:20px}.character-info{padding:33px 13px 14px 6px}.role{font-size:8px}h3{font-size:23px;margin:4px 0 5px}.character-info p{font-size:10px;line-height:1.6;margin-bottom:9px}.character-info p br{display:none}.stat-row{padding-bottom:10px;gap:15px}.special-label{margin-top:9px;gap:8px}.special-label>span{font-size:22px}.special-label small{font-size:7px}.special-label strong{font-size:10px}.select-bottom{flex-direction:column;gap:9px;position:sticky;bottom:0;margin:15px -5.55% -23px;padding:11px 5% 23px;background:linear-gradient(transparent,#112833 16%)}.select-bottom p{font-size:9px;margin:12px 0 4px}.select-bottom .button{width:100%}.game-screen{height:calc(100svh - 72px);min-height:280px}.game-hud{top:12px;left:10px;right:10px}.player-panel,.score-panel{padding:8px;gap:7px;border-radius:9px}.hud-avatar{width:29px;height:35px;font-size:27px}.player-name{font-size:10px;gap:10px}.player-name>span{display:none}.health-track{width:75px;height:6px}.health-value{font-size:8px}.timer-panel{padding:7px 13px;border-radius:9px}.timer-panel strong{font-size:24px;letter-spacing:1px}.timer-panel small{font-size:7px}.timer-panel>span{font-size:6px;letter-spacing:.7px}.score-panel{gap:5px;min-height:61px}.score-panel>span{font-size:17px}.score-panel>strong{font-size:24px;min-width:20px}.score-panel small{font-size:6px}.score-panel b{font-size:8px}.leaderboard{top:87px;left:10px;min-width:103px;padding:5px 8px}.leader-row{font-size:8px;padding:3px 0;gap:5px}.leader-row>b{font-size:9px;padding-left:6px}.desktop-controls{display:none}.touch-controls{display:flex;bottom:max(30px,env(safe-area-inset-bottom));padding:0 22px}.super-button{min-width:0;width:76px;height:76px;padding:6px;bottom:175px;right:35px;border-radius:50%;justify-content:center;gap:0;flex-direction:column}.super-button .super-icon{font-size:28px;line-height:1}.super-button small{font-size:6px}.super-button strong{font-size:12px}.super-button kbd{display:none}.toast{bottom:170px;font-size:10px;max-width:90%;white-space:normal;text-align:center}.result-screen{padding:30px 6%}.result-intro h2{font-size:29px}.result-layout{grid-template-columns:1fr;gap:14px;margin:12px 0 25px}.result-hero{min-height:235px}.result-hero canvas{height:185px}.result-place{left:17%;font-size:55px;top:13px}.result-table-wrap{padding:18px}.result-summary{font-size:10px}.result-actions{flex-direction:column-reverse;gap:12px}.result-actions .button{width:100%}.result-intro p{font-size:10px}dialog{padding:23px}.help-controls{gap:10px}.help-controls p{font-size:9px}dialog h2{font-size:25px}.center-overlay strong{font-size:82px}.center-overlay span{font-size:13px}}
@media(pointer:coarse){.touch-controls{display:flex}.desktop-controls{display:none}.super-button{bottom:165px}.super-button kbd{display:none}#game-canvas{cursor:default}}
@media(max-height:550px) and (orientation:landscape){.topbar{height:52px}.brand{font-size:15px}.brand small{display:none}.brand-mark{height:29px;width:28px;font-size:30px}.game-screen{height:calc(100svh - 52px)}.game-hud{top:8px}.player-panel,.score-panel{padding:6px 9px}.hud-avatar{height:28px;width:28px;font-size:27px}.health-track{margin:4px 0 0}.timer-panel{padding:5px 22px}.timer-panel strong{font-size:25px}.timer-panel small{display:none}.leaderboard{top:85px;left:14px;min-width:105px}.leader-row{font-size:8px;padding:3px 0}.touch-controls{bottom:20px}.joystick{width:88px;height:88px}.stick-knob{left:26px;top:26px;width:34px;height:34px}.super-button{bottom:127px;right:39px;width:58px;height:58px;min-width:0;border-radius:50%;padding:4px;gap:0;flex-direction:column}.super-icon{font-size:23px;line-height:1}.super-button strong{font-size:10px}.super-button small{font-size:6px}.super-button kbd{display:none}.toast{bottom:40px}.respawn-overlay{padding:12px 25px;top:53%}.center-overlay strong{font-size:65px}}
@media(max-height:550px) and (orientation:landscape){.game-screen{min-height:0}.touch-controls{display:flex}.desktop-controls{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}