@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;650;700;800&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#101017;--panel:#191923;--line:#2a2935;--muted:#777584;--text:#f1eef6;--lime:#bdff6c;--mint:#76edc9;--coral:#ff8f86;--lilac:#ad9bff;font-family:'DM Sans','Noto Sans JP',sans-serif;color:var(--text);font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);min-width:340px}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{color:inherit}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}svg.symbols{position:absolute;width:0;height:0;overflow:hidden}.hidden{display:none!important}.header{height:93px;max-width:1440px;padding:0 56px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #24232f}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#f6f4fa;font-size:23px;font-weight:800;letter-spacing:-1px}.brand-icon{width:45px;height:45px;background:var(--lime);border-radius:13px;display:grid;place-items:center;transform:rotate(-5deg)}.brand-icon svg{width:33px;height:33px;stroke:#1e2c12;stroke-width:5}.brand-icon circle{fill:#1e2c12;stroke:none}.brand-slash{color:var(--lime);margin:0 3px;letter-spacing:-4px;margin-right:7px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#85828f;font-weight:500;margin-top:4px}.header nav{display:flex;align-items:center;gap:18px}.local-badge{font-size:10px;font-weight:700;letter-spacing:1.1px;color:#a29ead;display:flex;gap:8px;align-items:center}.local-badge i{height:5px;width:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #76edc960}.nav-divider{height:22px;width:1px;background:var(--line);margin:0 2px}.icon-button{position:relative;background:none;border:none;color:#9894a4;padding:5px;display:grid;place-items:center}.icon-button:hover{color:var(--lime)}.icon-button svg{height:19px;width:19px}.mute-line{position:absolute;height:1px;width:25px;transform:rotate(-48deg);background:#a29ead;border-block:1px solid var(--bg)}.icon-button[aria-pressed=true] .mute-line{display:none}main{max-width:1440px;padding:40px 56px 0;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.3px;color:#b0a7bf;display:flex;align-items:center;gap:9px}.eyebrow>span{width:16px;height:2px;background:var(--lime)}h1{font-family:'Noto Sans JP',sans-serif;font-size:32px;letter-spacing:-1.2px;font-weight:800;margin:12px 0 9px;line-height:1.5}h1>span{color:var(--lime)}.heading p{color:#8f8b9b;font-size:11px;margin:0;letter-spacing:.3px}.best{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:12px;padding:15px 22px;min-width:181px;background:linear-gradient(135deg,#1c1b25,#15151d)}.best>svg{color:#c8b981;width:23px}.best div>span{display:block;font-size:8px;letter-spacing:1.5px;color:#8e899a;font-weight:600}.best strong{font-family:'Barlow Condensed',sans-serif;font-size:30px;letter-spacing:1px;display:block;line-height:1.25;margin-top:3px}.best strong span{font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:0;margin-left:6px;color:#777282}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:20px}.play-column{border:1px solid #34313e;border-radius:13px;overflow:hidden;background:#16141e;display:flex;flex-direction:column}.arena-top{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #302b3b;background:#1a1823}.arena-top>div{display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;border-radius:2px;background:var(--lime);box-shadow:0 0 8px #bdff6c30}.arena-top b{font-size:10px;font-weight:650;letter-spacing:1.5px}.arena-number{font-size:8px;color:#746c83;letter-spacing:1px;margin-left:8px;border:1px solid #37313f;border-radius:4px;padding:4px 6px}.timer{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;letter-spacing:1.5px;color:#e1dceb}.timer svg{width:15px;height:15px;color:#91869d}.viewport{position:relative;min-height:470px;flex:1;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#30213d,#17121f 65%)}#arena{position:absolute;display:block;width:100%;height:100%;touch-action:none;outline:none}.canvas-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#120f1c96,transparent 28%,transparent 80%,#110e1910);z-index:1}.arena-hud{position:absolute;top:17px;left:21px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:2;pointer-events:none}.game-status{font-size:8px;letter-spacing:1.5px;color:#b7a9c7;background:#15111c80;border:1px solid #b9a2d31a;border-radius:5px;padding:7px 9px;backdrop-filter:blur(8px)}.game-status i{display:inline-block;width:4px;height:4px;background:#a98ad0;border-radius:50%;margin:0 6px 1px 0}.arena-hud>div{display:flex;gap:6px}.scene-button{width:30px;height:30px;border:1px solid #84709233;border-radius:7px;background:#21172d9c;color:#b6a2ca;display:grid;place-items:center;pointer-events:auto;backdrop-filter:blur(8px)}.scene-button svg{height:15px;width:15px}.scene-button:hover{background:#443151;color:#fff}.scene-button:disabled{opacity:.4}.axis-label{position:absolute;bottom:25px;right:24px;color:#9f7db7;font-size:9px;letter-spacing:1px;opacity:.6;z-index:2}.axis-label i{font-style:normal;font-size:17px;margin:0 6px}.axis-label span{font-size:14px}.ready-card{position:absolute;left:30px;bottom:28px;z-index:4;padding:23px 26px 19px;width:310px;border:1px solid #c7b2e32e;border-radius:12px;background:linear-gradient(135deg,#241c31ed,#1a1723e8);box-shadow:0 12px 40px #09040c50;backdrop-filter:blur(16px)}.ready-mini{font-size:7px;letter-spacing:1.5px;color:#a49aaf}.ready-card h2{font-family:'Noto Sans JP',sans-serif;font-size:24px;letter-spacing:-.7px;line-height:1.5;margin:9px 0}.ready-card p{font-size:10px;line-height:1.9;color:#aaa1b5;margin:0 0 18px}.primary-button{border:none;background:var(--lime);color:#1b2910;border-radius:7px;padding:14px 17px;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:16px;width:100%;transition:background .2s,transform .2s;box-shadow:0 4px 20px #bdff6c0c}.primary-button:hover{background:#d4ff9f;transform:translateY(-1px)}.primary-button svg{width:17px;height:17px;stroke-width:2}.enter-hint{display:flex;justify-content:center;align-items:center;gap:6px;font-size:8px;color:#81758f;margin-top:12px}.enter-hint kbd{background:transparent;border-color:#776b8555;font-size:7px;padding:2px 5px;min-width:0;min-height:0;box-shadow:none}.jump-prompt{position:absolute;top:78px;right:24px;display:flex;gap:9px;align-items:center;z-index:2;pointer-events:none;opacity:.83}.prompt-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid #b7ff6230;border-radius:9px;color:var(--lime);background:#b7ff620a}.prompt-icon svg{width:17px;height:17px}.jump-prompt b{display:block;color:#ccdbc0;font-size:8px;letter-spacing:1px;font-weight:500}.jump-prompt div>span{display:block;font-size:8px;color:#9b90a8;margin-top:4px}.arena-bottom{background:#1b1824;height:39px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:7px;letter-spacing:1.1px;color:#7f758e;border-top:1px solid #3b2c4666}.arena-bottom>div{display:flex;align-items:center;gap:6px;color:#b8a9c8}.arena-bottom>div>span:last-child{color:#746981}.player-marker{height:5px;width:5px;display:inline-block;background:var(--mint);border-radius:50%;box-shadow:0 0 5px #76edc980}.bottom-separator{padding:0 5px;color:#51475d}.arena-bottom>span{display:flex;align-items:center;gap:5px}.arena-bottom i{height:4px;width:4px;border:1px solid #6e6279;border-radius:1px}.sidebar{display:flex;flex-direction:column;gap:13px}.player-panel{padding:20px;background:linear-gradient(135deg,#202328,#191b23 65%);border:1px solid #40474080;border-radius:11px;position:relative;overflow:hidden}.player-panel:before{content:'';position:absolute;top:0;left:23px;width:34px;height:2px;background:var(--mint)}.panel-label{display:flex;justify-content:space-between;color:#8b8996;font-size:8px;letter-spacing:1.3px;font-weight:600}.panel-label>span{color:#5f5b6c;font-size:8px}.player-identity{display:flex;gap:12px;align-items:center;margin:18px 0 22px}.snake-avatar{width:43px;height:43px;display:grid;place-items:center;border:1px solid #86f1cf33;border-radius:11px;background:#76edc90c}.snake-avatar svg{width:34px;height:34px;stroke:var(--mint);stroke-width:6}.snake-avatar circle{fill:#172d26;stroke:none}.player-identity h2{font-size:13px;font-weight:700;margin:0 0 5px}.player-identity div>span{font-size:7px;letter-spacing:1.5px;color:#83b9a9}.player-identity i{height:4px;width:4px;display:inline-block;border-radius:50%;background:var(--mint);margin-right:3px}.score-line{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #373b4055;padding-bottom:12px}.score-line>span,.life-line>span{color:#8b8795;font-size:9px;letter-spacing:1.3px}.score-line strong{font-family:'Barlow Condensed',sans-serif;font-size:46px;font-weight:600;line-height:1;letter-spacing:1px}.score-line small{font-family:'DM Sans',sans-serif;font-size:9px;font-weight:500;color:#787480;margin-left:7px;letter-spacing:0}.life-line{display:flex;align-items:center;justify-content:space-between;margin:17px 0 21px}.life-line>div{color:var(--mint);letter-spacing:3px;font-size:17px;line-height:1}.life-line .lost{color:#414348}.jump-meter>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px}.jump-meter div>span{display:flex;align-items:center;gap:5px;color:#a1a0aa}.jump-meter svg{width:13px;height:13px}.jump-meter b{font-size:7px;font-weight:500;letter-spacing:1px;color:var(--lime)}.meter-track{height:4px;width:100%;background:#383942;border-radius:4px;margin:10px 0 7px;overflow:hidden}.meter-track>span{display:block;height:100%;width:100%;background:var(--lime);border-radius:4px;box-shadow:0 0 8px #b7ff6230;transition:width .1s linear}.jump-meter small{font-size:7px;letter-spacing:.7px;color:#76747f}.rivals-panel{background:#191821;border:1px solid var(--line);border-radius:11px;padding:16px 17px 5px}.rival-row{display:flex;align-items:center;gap:10px;padding:16px 0}.rival-row+.rival-row{border-top:1px solid #2f2a3855}.rival-icon{font-family:'Barlow Condensed',sans-serif;font-weight:800;display:grid;place-items:center;font-size:24px;height:32px;width:32px;border-radius:8px;flex-shrink:0}.rival-icon.coral{color:var(--coral);background:#ff8f8612;border:1px solid #ff8f8624}.rival-icon.lavender{color:var(--lilac);background:#ad9bff12;border:1px solid #ad9bff24}.rival-row div{flex:1}.rival-row b{font-size:8px;letter-spacing:.8px;font-weight:600}.rival-row div>span{display:block;font-size:7px;color:#77717f;margin-top:4px}.rival-row>strong{font-family:'Barlow Condensed',sans-serif;font-size:21px;font-weight:600;color:#c8c0d3;letter-spacing:1px}.objective{padding:4px 5px 3px}.objective>span{font-size:7px;letter-spacing:1.4px;color:#686373}.objective p{font-size:10px;line-height:1.9;color:#b7b2c1;position:relative;padding-left:23px;margin:11px 0 7px}.objective svg{position:absolute;left:0;top:1px;height:16px;width:16px;color:var(--lime);fill:#bdff6c19}.objective b{font-weight:600}.objective small{font-size:8px;color:#777180;line-height:1.8;display:block;padding-left:23px}.difficulty{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:10px 3px 0}.difficulty label{font-size:7px;color:#7b7488;letter-spacing:1px}.difficulty select{font-size:9px;background:#1b1923;border:1px solid #39323f;border-radius:5px;color:#b2a9c1;padding:6px 9px;min-width:100px}.controls-strip{margin-top:20px;display:flex;align-items:center;justify-content:space-between;background:#18171f;border:1px solid #2b2934;border-radius:10px;padding:20px 23px;gap:14px}.controls-title{display:flex;align-items:center;gap:13px;padding-right:21px;border-right:1px solid #35303c}.tiny-grid{font-size:24px;font-weight:400;color:#756c83}.controls-title b{display:block;font-size:9px;letter-spacing:1.2px;font-weight:650}.controls-title div>span{display:block;color:#736d7d;font-size:8px;margin-top:5px}.control-item{display:flex;gap:14px;align-items:center;padding:0 8px}.control-item b{font-size:9px;display:block;font-weight:500;color:#c9c3d1}.control-item div>span:not(.keys span){display:block;font-size:7px;color:#706a7a;margin-top:5px}.keys{display:flex;flex-direction:column;align-items:center;gap:3px}.keys>span{display:flex;gap:3px}kbd{font-family:'DM Sans',sans-serif;font-size:9px;border:1px solid #514958;border-radius:4px;background:linear-gradient(#2c2732,#24212b);display:inline-grid;place-items:center;min-width:21px;min-height:19px;box-shadow:0 2px 0 #08070b;color:#bcb4c8;padding:3px 5px}.or{color:#4b4357;font-size:10px}.control-item .keys>span{margin:0!important;display:flex!important}.jump-control{border:none;background:none;text-align:left}.space-key{height:34px;width:87px;font-size:8px;letter-spacing:1px;display:flex;gap:9px}.space-key svg{width:13px;height:13px}.jump-control:hover .space-key{border-color:var(--lime);color:var(--lime)}.pause-control>kbd{width:32px;height:32px}.mobile-controls{display:none}footer{display:flex;justify-content:space-between;margin:22px 1px 28px;font-size:7px;letter-spacing:1.1px;color:#514c5e}footer>span:last-child{letter-spacing:.3px;color:#655f70}footer i{display:inline-block;width:4px;height:4px;background:#6e9c77;border-radius:50%;margin:0 6px 1px 0}.loading{position:absolute;inset:0;z-index:8;background:#17121f;display:flex;gap:12px;align-items:center;justify-content:center;font-size:12px;color:#b8aaca}.spinner{width:18px;height:18px;border:2px solid #bdff6c20;border-top-color:var(--lime);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.countdown{position:absolute;inset:0;display:grid;place-items:center;z-index:6;background:#17102060;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:110px;color:var(--lime);text-shadow:0 0 70px #bdff6c50;backdrop-filter:blur(2px)}.floating-message{position:absolute;top:75px;left:50%;transform:translateX(-50%);background:#1d172de6;border:1px solid #bdff6c30;border-radius:7px;padding:10px 15px;z-index:5;color:var(--lime);font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 8px 30px #09050c50}.result-overlay{position:absolute;inset:0;z-index:7;display:grid;place-items:center;background:#0d0a15b8;backdrop-filter:blur(8px)}.result-card{text-align:center;background:linear-gradient(135deg,#282033,#191520);border:1px solid #69557560;border-radius:16px;padding:33px;max-width:340px;width:90%}.result-card>span{font-size:8px;letter-spacing:2px;color:var(--lime)}.result-card h2{font-family:'Barlow Condensed',sans-serif;font-size:47px;letter-spacing:2px;line-height:1;margin:15px 0 10px}.result-card p{font-size:10px;line-height:1.8;color:#b9acc5}.result-score{display:flex;flex-direction:column;margin:20px}.result-score b{font-family:'Barlow Condensed',sans-serif;font-size:65px;line-height:1;color:var(--lime)}.result-score span{font-size:8px;letter-spacing:2px;margin-top:5px;color:#9f92ad}.result-stats{display:flex;gap:30px;justify-content:center;margin:0 0 25px;color:#8e819f;font-size:9px}.result-stats b{color:#ddd5e8;font-size:12px;margin-left:5px}.close-button{position:absolute;top:13px;right:15px;border:none;background:none;font-size:27px;color:#95889f}.close-button:hover{color:white}dialog{background:#211b2b;border:1px solid #61516960;border-radius:16px;padding:36px;color:var(--text);width:480px;max-width:calc(100vw - 30px);box-shadow:0 20px 90px #0008}dialog::backdrop{background:#09060edb;backdrop-filter:blur(7px)}dialog .eyebrow{color:var(--lime);font-size:8px}dialog h2{font-size:23px;margin:15px 0 18px;letter-spacing:-.6px}dialog p{font-size:11px;line-height:1.9;color:#b8acc6}.help-rule{display:flex;align-items:start;gap:16px;margin:13px 0}.help-rule>b{font-family:'Barlow Condensed',sans-serif;color:var(--lime);font-size:22px;margin-top:3px}.help-rule p{margin:0}.help-rule strong{color:#eee7f6;font-size:12px;font-weight:600}.help-footnote{font-size:9px!important;border-top:1px solid #46394f;padding-top:15px;margin:20px 0}.viewport.flash{animation:damage .5s}@keyframes damage{0%,100%{box-shadow:inset 0 0 0 0 transparent}30%{box-shadow:inset 0 0 90px 10px #ff626c55}}
@media(min-width:1500px){main{padding-top:48px}.viewport{min-height:530px}.header{height:100px}.heading{margin-bottom:36px}h1{font-size:37px}.heading p{font-size:12px}.game-layout{grid-template-columns:minmax(0,1fr) 270px}.player-panel{padding:23px}.player-identity{margin:21px 0 26px}.life-line{margin:20px 0 24px}.rivals-panel{padding:20px 19px 8px}.rival-row{padding:18px 0}.objective{padding-top:7px}.objective p{font-size:11px}.controls-strip{padding:23px 26px}}
@media(max-width:1150px){.header{padding-inline:30px}main{padding:30px 30px 0}.game-layout{grid-template-columns:minmax(0,1fr) 225px;gap:15px}.viewport{min-height:445px}.player-panel{padding:17px}.player-identity{margin:16px 0 18px}.rivals-panel{padding:15px 13px 4px}.ready-card{width:280px;left:22px;padding:20px}.jump-prompt{right:18px}.jump-prompt div>span{font-size:7px}.controls-strip{padding:17px;gap:8px}.controls-title{padding-right:12px;gap:9px}.controls-title b{font-size:8px}.control-item{gap:9px;padding:0 2px}.control-item div>span:not(.keys span){font-size:6px}.pause-control{display:none}.objective small{font-size:7px}h1{font-size:29px}.heading p{font-size:10px}}
@media(max-width:800px){.header{height:76px;padding-inline:22px}.brand{font-size:21px}.brand-icon{width:38px;height:38px;border-radius:11px}.brand small{font-size:7px}.header nav{gap:11px}.local-badge{font-size:8px}.nav-divider{margin:0 2px}.game-layout{grid-template-columns:minmax(0,1fr)}main{padding:28px 22px 0}.heading{margin-bottom:23px}h1{font-size:28px}.best{padding:12px;min-width:125px;gap:9px}.best>svg{width:18px}.best div>span{font-size:6px}.best strong{font-size:27px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.player-panel{grid-row:span 2}.player-identity{margin:13px 0}.score-line strong{font-size:39px}.life-line{margin:14px 0}.rivals-panel{padding:15px 16px 4px}.rival-row{padding:12px 0}.objective{display:none}.difficulty{padding:4px 2px 0;align-self:end}.difficulty select{font-size:10px}.controls-strip{gap:14px}.controls-title{display:none}.control-item{flex:1;justify-content:center}.pause-control{display:flex}.viewport{min-height:470px}.eyebrow{font-size:7px;letter-spacing:1.5px}.heading p{font-size:9px;max-width:310px;line-height:1.8}.jump-prompt{top:72px}.objective p{font-size:11px}}
@media(max-width:530px){.header{height:70px;padding-inline:18px}.brand{font-size:18px;gap:9px}.brand-icon{width:34px;height:34px;border-radius:10px}.brand-icon svg{width:27px;height:27px}.brand small{font-size:6px;letter-spacing:1.5px}.local-badge{display:none}.nav-divider{display:none}.header nav{gap:13px}.icon-button svg{width:18px;height:18px}main{padding:24px 14px 0}.heading{align-items:end;margin:0 4px 20px;gap:9px}h1{font-size:23px;letter-spacing:-.8px;margin:9px 0 5px}h1>span{display:block}.heading p{font-size:8px;max-width:230px}.eyebrow{font-size:5px;letter-spacing:1.3px;gap:6px}.eyebrow>span{width:12px}.best{border:none;background:none;padding:0 0 3px;min-width:80px;gap:6px}.best>svg{display:none}.best div>span{font-size:5px;letter-spacing:1px}.best strong{font-size:29px}.best strong span{font-size:7px}.arena-top{height:44px;padding:0 14px}.arena-top b{font-size:8px;letter-spacing:1.1px}.arena-number{font-size:6px;margin-left:0}.timer{font-size:12px;gap:6px!important}.timer svg{width:12px}.viewport{min-height:440px}.ready-card{width:245px;left:16px;bottom:19px;padding:18px 19px 15px}.ready-card h2{font-size:22px}.ready-card p{font-size:9px;margin-bottom:14px}.ready-mini{font-size:6px}.primary-button{padding:12px;font-size:10px}.jump-prompt{top:65px;left:17px;right:auto;gap:7px}.jump-prompt b{font-size:7px}.jump-prompt div>span{font-size:7px}.prompt-icon{width:27px;height:27px}.axis-label{right:16px;bottom:22px}.arena-hud{left:15px;right:15px;top:14px}.arena-bottom{padding:0 14px;font-size:6px;height:33px}.sidebar{gap:10px}.player-panel{padding:15px}.panel-label{font-size:6px;letter-spacing:1px}.panel-label>span{font-size:6px}.snake-avatar{width:35px;height:35px;border-radius:9px}.snake-avatar svg{width:29px;height:29px}.player-identity{gap:9px;margin:13px 0}.player-identity h2{font-size:11px}.player-identity div>span{font-size:5px;letter-spacing:1px}.score-line>span,.life-line>span{font-size:7px}.score-line strong{font-size:35px}.life-line{margin:13px 0}.life-line>div{font-size:15px}.rivals-panel{padding:15px 12px 2px}.rival-row{gap:7px;padding:15px 0}.rival-icon{width:26px;height:28px;font-size:21px;border-radius:6px}.rival-row b{font-size:6px;letter-spacing:.4px}.rival-row div>span{font-size:6px}.rival-row>strong{font-size:18px}.difficulty label{font-size:6px}.difficulty select{font-size:9px;min-width:87px;padding:6px}.jump-meter>div:first-child{font-size:7px}.jump-meter b{font-size:6px}.jump-meter small{font-size:6px}.controls-strip{display:none}.mobile-controls{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:15px;background:#19171f;border:1px solid #302b38;border-radius:10px;padding:14px 18px;touch-action:none;user-select:none}.dpad{display:grid;grid-template-columns:38px 38px 38px;grid-template-rows:30px 30px;gap:4px}.dpad button{background:#302936;border:1px solid #504358;border-radius:5px;font-size:16px;line-height:1;touch-action:none}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.dpad button:active{background:#5b4767}.mobile-controls>button{display:flex;gap:9px;align-items:center;background:var(--lime);color:#1b2910;border:none;border-radius:8px;font-size:12px;font-weight:800;padding:18px 23px;touch-action:none}.mobile-controls>button svg{width:18px;height:18px}footer{font-size:5px;letter-spacing:.6px;gap:10px;margin:20px 3px}footer>span:last-child{font-size:6px}.result-card{padding:25px}.result-card h2{font-size:41px}.result-score{margin:15px}.result-score b{font-size:58px}dialog{padding:29px 24px}dialog h2{font-size:22px}dialog p{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spinner{animation:none}}

.countdown{pointer-events:none}

@media(max-width:530px){.game-layout>.mobile-controls{margin-top:0}}