*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#0c1430;font-family:"Noto Serif JP",Shippori Mincho B1,Segoe UI,serif;color:#fbfaf5;user-select:none;-webkit-user-select:none}canvas{display:block}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at center,transparent 52%,rgba(0,0,0,.55) 100%)}#hud{position:fixed;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:baseline;gap:24px;background:#0a0e1eb8;border:1px solid rgba(255,255,255,.1);padding:10px 28px;border-radius:40px;pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,.6);z-index:10}#hud .lbl{font-size:11px;letter-spacing:.15em;opacity:.65;margin-right:6px;text-transform:uppercase}#hud .hud-len{position:relative}#hud .hud-len #len{font-size:32px;font-weight:800;background:linear-gradient(135deg,#fff,#fcd2c6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(252,210,198,.5))}#hud .hud-rows{display:flex;gap:20px;font-size:15px}#hud .hud-rows b{font-size:20px;font-weight:700;color:#ffa400;text-shadow:0 0 10px rgba(255,164,0,.4)}#pwr{position:fixed;top:74px;left:50%;transform:translate(-50%);padding:6px 20px;border-radius:20px;background:#0a0e1eb8;border:1px solid rgba(255,255,255,.12);font-size:17px;font-weight:700;letter-spacing:.12em;pointer-events:none;z-index:10;text-shadow:0 1px 4px rgba(0,0,0,.6)}#pwr:empty{display:none}#pwr.speed{color:#ffd27a;border-color:#ffa40073}#pwr.magnet{color:#9fc6e6;border-color:#5d8cae80}#pwr.shield{color:#ffd0c4;border-color:#e8392980}#leaderboard{position:fixed;top:16px;left:16px;z-index:10;pointer-events:none;background:#0a0e1eb8;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:8px 10px;min-width:156px;font-size:13px;text-shadow:0 1px 3px rgba(0,0,0,.6)}#leaderboard .lb-row{display:flex;align-items:center;gap:7px;padding:2px 5px;border-radius:6px;opacity:.92}#leaderboard .lb-row.you{background:#e8392938;opacity:1;font-weight:700}#leaderboard .lb-rank{width:14px;text-align:right;opacity:.55;font-size:11px}#leaderboard .lb-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}#leaderboard .lb-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:92px}#leaderboard .lb-len{font-variant-numeric:tabular-nums;color:#ffa400;font-weight:700}#minimap{position:fixed;right:16px;bottom:16px;z-index:10;pointer-events:none;border-radius:50%;border:1px solid rgba(255,255,255,.15)}#hint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);font-size:13px;letter-spacing:.05em;opacity:.85;pointer-events:none;white-space:nowrap;background:#0a0e1eb8;padding:8px 24px;border-radius:20px;border:1px solid rgba(255,255,255,.08)}#joyZone{display:none;position:fixed;left:0;top:0;width:45%;height:100%;z-index:10}#joyBase{display:none;position:fixed;width:100px;height:100px;border-radius:50%;background:#0a0e1e73;border:1px solid rgba(255,255,255,.25);transform:translate(-50%,-50%);pointer-events:none;z-index:11}#joyKnob{position:absolute;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fffc,#ffffff4d);top:50%;left:50%;transform:translate(-50%,-50%)}#boostBtn{display:none;position:fixed;right:32px;bottom:64px;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle at top left,#78500ab8,#461e06b8);border:1px solid rgba(255,200,50,.55);align-items:center;justify-content:center;font-size:12px;font-weight:800;letter-spacing:.15em;color:#fff078e6;text-shadow:0 0 8px rgba(255,200,50,.8);z-index:10;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}#boostBtn.on{background:radial-gradient(circle at top left,#ffc83280,#ff640066);transform:scale(.92)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#0f163499,#080c1eeb);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:20;gap:20px;text-align:center;padding:24px;animation:fadeIn .5s ease-out}.overlay.hidden{display:none}#loadingOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#080c1ef5;text-align:center;padding:24px;overflow-y:auto}#loadingOverlay.hidden{display:none}.loading-text{margin:0;color:#f6e7c8;font-family:Shippori Mincho B1,serif;font-size:22px;letter-spacing:.12em}.loading-bar{width:min(320px,70vw);height:4px;border-radius:2px;background:#ffffff24;overflow:hidden}#loadingFill{width:0;height:100%;background:#e83929;transition:width .25s ease-out}.btn:disabled{opacity:.45;cursor:default;pointer-events:none}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.title{font-family:Shippori Mincho B1,"Noto Serif JP",serif;font-size:clamp(2.4rem,8vw,4.2rem);font-weight:800;letter-spacing:.08em;line-height:1;animation:float 6s ease-in-out infinite}.title.jp{position:relative;font-size:clamp(3.2rem,13vw,6.5rem);letter-spacing:.14em;color:#fbfaf5;text-shadow:0 0 30px rgba(232,57,41,.8),0 4px 12px rgba(0,0,0,.8)}#startOverlay .title.jp:before{content:"";position:absolute;left:50%;top:48%;width:1.8em;height:1.8em;border-radius:50%;background:radial-gradient(circle,#e83929e6,#e8392900 65%);transform:translate(-50%,-50%);z-index:-1;animation:pulseGlow 4s infinite alternate}@keyframes pulseGlow{0%{transform:translate(-50%,-50%) scale(.95);opacity:.8}to{transform:translate(-50%,-50%) scale(1.05);opacity:1}}.accent{color:#ffa400;text-shadow:0 0 15px rgba(255,164,0,.6)}.romaji{font-family:Shippori Mincho B1,serif;letter-spacing:.5em;font-size:14px;color:#ffa400;opacity:.95;margin-top:4px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.5)}.sub{max-width:460px;font-size:16px;line-height:1.7;opacity:.85;color:#e2e8f0;text-shadow:0 1px 3px rgba(0,0,0,.4)}.btn{margin-top:10px;padding:16px 54px;border-radius:30px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#e83929cc,#ff5722cc);color:#fff;font-family:Shippori Mincho B1,serif;font-size:18px;font-weight:800;letter-spacing:.25em;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);text-shadow:0 2px 4px rgba(0,0,0,.3)}.btn:hover{background:linear-gradient(135deg,#f04632e6,#ff6432e6);transform:translateY(-2px)}.btn:active{transform:translateY(2px) scale(.96)}#hud .hidden,#respawnBanner.hidden,#roundOverlay.hidden{display:none}#hud #time{font-variant-numeric:tabular-nums;min-width:3ch;display:inline-block}body.round-ui #pwr{top:90px}#respawnBanner{position:fixed;top:38%;left:50%;transform:translate(-50%);max-width:calc(100vw - 32px);padding:12px 32px;border-radius:28px;background:#0a0e1ed1;border:1px solid rgba(232,57,41,.6);color:#ffd0c4;font-family:Shippori Mincho B1,"Noto Serif JP",serif;font-size:clamp(20px,5vw,30px);font-weight:800;letter-spacing:.1em;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,.6);z-index:12}#respawnBanner:empty{display:none}#roundOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;overflow-y:auto;padding:16px;background:#080c1efa;text-align:center}#roundOverlay .round-card{margin:auto;width:min(560px,100%);display:flex;flex-direction:column;align-items:stretch;gap:10px}#roundOverlay .romaji{text-align:center;font-size:18px}#roundTable{display:flex;flex-direction:column;gap:2px;text-align:left;font-size:15px}#roundTable .rt-row{display:grid;grid-template-columns:28px 14px minmax(0,1fr) 64px 48px;align-items:center;column-gap:8px;padding:4px 10px;border-radius:8px;border:1px solid transparent;background:#ffffff0a}#roundTable .rt-head{background:none;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.6}#roundTable .rt-rank{text-align:right;opacity:.6;font-variant-numeric:tabular-nums}#roundTable .rt-dot{width:12px;height:12px;border-radius:50%}#roundTable .rt-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#roundTable .rt-score,#roundTable .rt-kills{text-align:right;font-variant-numeric:tabular-nums;color:#ffa400;font-weight:700}#roundTable .rt-kills{color:#fbfaf5;opacity:.85}#roundTable .rt-head .rt-score,#roundTable .rt-head .rt-kills{color:inherit}#roundTable .rt-row.you{background:#e8392947;font-weight:700}#roundTable .rt-row.win{border-color:#ffa400d9;background:#ffa40029}#roundTable .rt-row.you.win{background:#e8392947}#roundTable .rt-tag{margin-left:8px;padding:1px 6px;border-radius:8px;background:#ffa400;color:#1a1206;font-size:10px;font-style:normal;font-weight:800;letter-spacing:.1em}#sessionBest{font-size:15px;letter-spacing:.08em;opacity:.9;color:#e2e8f0}#nextRoundBtn{align-self:center;margin-top:6px;padding:12px 44px;border-radius:30px;border:1px solid rgba(255,255,255,.25);background:#e83929e6;color:#fff;font-family:Shippori Mincho B1,serif;font-size:18px;font-weight:800;letter-spacing:.2em;cursor:pointer}#nextRoundBtn:hover{background:#f44e38f2}#nextRoundBtn:active{transform:translateY(2px)}#audioRow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 20px}#audioRow .audio-vol{display:flex;align-items:center;gap:10px}#audioRow .lbl{font-size:12px;letter-spacing:.15em;text-transform:uppercase;opacity:.75}#volume{width:150px;accent-color:#FFA400}#muteBtn{min-height:40px;padding:0 18px;border-radius:20px;border:1px solid rgba(255,255,255,.28);background:#0a0e1eb8;color:#fbfaf5;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.06em;cursor:pointer}#muteBtn[aria-pressed=true]{border-color:#e83929b3;color:#ffd0c4}#startOverlay.hidden{display:block;inset:auto;top:0;left:0;width:0;height:0;padding:0;overflow:visible;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none;pointer-events:none}#startOverlay.hidden>:not(#audioRow),#startOverlay.hidden #audioRow .audio-vol,#startOverlay.hidden #audioRow{display:none}#topStack{display:contents}@media (max-width: 720px),(pointer: coarse){:root{--edge: 16px;--mute-h: 34px;--boost: 86px;--minimap: 88px;--minimap-bottom: calc(52px + env(safe-area-inset-bottom, 0px)) }#topStack{position:fixed;top:max(8px,env(safe-area-inset-top,0px));left:max(var(--edge),env(safe-area-inset-left,0px));right:max(var(--edge),env(safe-area-inset-right,0px));z-index:10;display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;row-gap:8px;padding-top:calc(var(--mute-h) + 8px);pointer-events:none}#topStack #hud{position:static;transform:none;justify-self:center;max-width:100%;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 14px;padding:6px 14px;border-radius:20px}#topStack #hud .lbl{font-size:9px;letter-spacing:.08em;margin-right:3px}#topStack #hud .hud-len #len{font-size:20px}#topStack #hud .hud-rows{gap:12px;font-size:12px}#topStack #hud .hud-rows b{font-size:15px}#topStack #hud .hud-rows>div:nth-child(2){display:none}#topStack #pwr{position:static;transform:none;justify-self:center;max-width:100%;padding:3px 12px;font-size:13px;letter-spacing:.06em;white-space:nowrap}#topStack #leaderboard{position:static;min-width:0;width:max-content;max-width:100%;padding:4px;font-size:11px}#topStack #leaderboard .lb-row{gap:5px;padding:1px 4px}#topStack #leaderboard .lb-name{max-width:64px}#startOverlay.hidden #audioRow{display:flex;position:fixed;top:max(8px,env(safe-area-inset-top,0px));right:max(var(--edge),env(safe-area-inset-right,0px));z-index:12;pointer-events:auto}#startOverlay.hidden #muteBtn{min-height:var(--mute-h);padding:0 12px;font-size:12px;border-radius:calc(var(--mute-h) / 2)}#minimap{top:auto;right:max(24px,env(safe-area-inset-right,0px));bottom:var(--minimap-bottom);width:var(--minimap);height:var(--minimap)}#respawnBanner{top:40%}#hint{bottom:calc(12px + env(safe-area-inset-bottom,0px));width:max-content;max-width:calc(100vw - 2 * var(--edge));padding:5px 12px;font-size:11px;letter-spacing:0;text-align:center}#joyZone{top:auto;bottom:0;height:50%;width:45%}#boostBtn{right:max(24px,env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));width:var(--boost);height:var(--boost)}#roundOverlay{padding:8px}#roundOverlay .round-card{gap:6px}#roundTable{font-size:14px}#roundTable .rt-row{grid-template-columns:22px 12px minmax(0,1fr) 48px 36px;column-gap:6px;padding:3px 8px}}@media (pointer: coarse){:root{--minimap-bottom: calc(24px + var(--boost) + 12px + env(safe-area-inset-bottom, 0px))}#hint{display:none}}@media (max-height: 420px){#startOverlay:not(.hidden){gap:8px;padding:12px;overflow-y:auto}#startOverlay:not(.hidden) .title.jp{font-size:2.6rem}#startOverlay:not(.hidden) .sub{font-size:13px;line-height:1.4}#startOverlay:not(.hidden) .btn{margin-top:0;padding:10px 44px}}@media (max-height: 420px) and (max-width: 720px),(max-height: 420px) and (pointer: coarse){:root{--minimap: 72px}#topStack{padding-top:0;row-gap:6px}#respawnBanner{top:30%}}