:root{--ink:#eef2ff;--dim:#9aa4c8;--eat:#35e08b;--die:#ff4d5e;--gold:#ffc53d;--panel:rgba(12,14,28,0.92);--edge:rgba(255,255,255,0.12);--stage-w:100vw;--nav-h:44px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none;background:#05060d;color:var(--ink);font-family:ui-rounded,Nunito,Avenir Next,system-ui,-apple-system,sans-serif;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-text-size-adjust:100%}.shell{position:fixed;inset:var(--nav-h) 0 0 0;display:grid;place-items:center;background:radial-gradient(120% 80% at 50% 0,#131a3a 0,#05060d 60%),#05060d}.stage{position:relative;width:var(--stage-w);height:calc(100dvh - var(--nav-h));overflow:hidden;touch-action:none;box-shadow:0 0 90px rgba(80,120,255,.18)}.canvas{position:absolute;inset:0;display:block}body.playing .site-nav{display:none}body.playing .shell{inset:0}body.playing .stage{height:100dvh}.rotate-hint{display:none;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,197,61,.35);background:rgba(255,197,61,.12);font-size:12px;font-weight:700;color:var(--gold)}.rotate-hint span{font-size:15px;animation:rotate-nudge 2.4s ease-in-out infinite}@media (orientation:portrait) and (pointer:coarse){.rotate-hint{display:inline-flex}}@keyframes rotate-nudge{0%,60%,to{transform:rotate(0deg)}30%{transform:rotate(-90deg)}}.touch{z-index:2}.hud,.touch{position:absolute;inset:0}.hud{z-index:3;pointer-events:none;padding:calc(10px + var(--safe-t)) 12px calc(10px + var(--safe-b));display:flex;flex-direction:column}.hud-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.hud-score{text-shadow:0 2px 12px rgba(0,0,0,.8)}.score-value{font-size:clamp(30px,9vw,44px);font-weight:900;letter-spacing:-.02em;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.score-best{margin-top:3px;font-size:11px;letter-spacing:.14em;color:var(--dim)}.hud-rank{margin-top:10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:6px 8px;gap:6px 8px;font-size:12px;text-shadow:0 2px 10px rgba(0,0,0,.9)}.rank-emoji{font-size:15px}.rank-name{letter-spacing:.06em}.rank-size{color:var(--dim);font-size:11px;justify-self:end}.rank-bar{flex:1 1;height:3px;border-radius:3px;background:rgba(255,255,255,.14);overflow:hidden}.rank-bar-fill{height:100%;background:linear-gradient(90deg,#6f8bff,#b06bff);transition:width .25s ease-out}.ladder{display:flex;align-items:center;gap:1px;margin-top:8px;font-size:12px;line-height:1}.rung{opacity:.16;font-size:.85em;filter:grayscale(1);transition:opacity .3s,filter .3s,transform .3s}.rung.past{opacity:.6}.rung.now,.rung.past{font-size:1em;filter:none}.rung.now{opacity:1;transform:scale(1.55);margin:0 3px;text-shadow:0 0 10px rgba(255,255,255,.7)}.meter{grid-column:1/-1;display:flex;align-items:center;gap:6px}.meter-tag{flex:none;width:30px;letter-spacing:.14em}.combo-tag,.meter-tag{font-size:8px;color:var(--dim)}.combo-tag{display:block;letter-spacing:.18em}.size-bar{flex:1 1;height:3px;margin-top:3px;border-radius:3px;background:rgba(255,255,255,.14);overflow:hidden}.size-bar-fill{height:100%;background:linear-gradient(90deg,#35e08b,#ffd76a);transition:width .2s ease-out}.combo{position:absolute;top:calc(96px + var(--safe-t));right:12px;text-align:right;animation:pop .22s ease-out}.combo-x{font-size:22px;font-weight:900;color:var(--gold);text-shadow:0 0 16px rgba(255,197,61,.6);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.combo-bar{width:62px;height:3px;margin-top:3px;border-radius:3px;background:rgba(255,255,255,.15);overflow:hidden}.combo-bar-fill{height:100%;background:var(--gold);transition:width .1s linear}.mega-banner{position:absolute;top:calc(150px + var(--safe-t));left:50%;transform:translateX(-50%);padding:6px 14px;border-radius:999px;font-size:12px;letter-spacing:.12em;color:#1a1200;background:var(--gold);box-shadow:0 0 24px rgba(255,197,61,.5);animation:pulse .7s ease-in-out infinite;white-space:nowrap}.controls{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.ctrl{display:flex;flex-direction:column;align-items:center;gap:4px;width:84px;padding:10px 0;border-radius:20px;border:2px solid var(--edge);background:rgba(10,12,26,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .1s ease-out,border-color .1s,background .1s}.ctrl-glyph{font-size:26px;line-height:1;font-weight:900}.ctrl-label{font-size:9px;letter-spacing:.14em;color:var(--dim)}.ctrl.on{transform:scale(1.06)}.ctrl-shrink.on{border-color:#4cc9ff;background:rgba(76,201,255,.18);box-shadow:0 0 24px rgba(76,201,255,.35)}.ctrl-grow.on{border-color:var(--eat);background:rgba(53,224,139,.18);box-shadow:0 0 24px rgba(53,224,139,.35)}.controls.lean{justify-content:center;padding-bottom:6px}.zoom-meter.wide{width:8px;height:92px}.zoom-meter{position:relative;width:6px;height:68px;border-radius:6px;background:rgba(255,255,255,.12);overflow:hidden}.zoom-meter-fill{position:absolute;bottom:0;width:100%;background:linear-gradient(180deg,var(--eat),#4cc9ff);transition:height .06s linear}.zoom-meter-neutral{position:absolute;bottom:35.7%;width:100%;height:2px;background:rgba(255,255,255,.85)}.overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:calc(20px + var(--safe-t)) 20px calc(20px + var(--safe-b));text-align:center;background:radial-gradient(90% 60% at 50% 45%,rgba(5,6,13,.55),rgba(5,6,13,.9));animation:fade .18s ease-out}.overlay-over{background:radial-gradient(90% 60% at 50% 45%,rgba(24,4,10,.6),rgba(5,6,13,.93))}.overlay-tools{position:absolute;top:calc(12px + var(--safe-t));right:12px;display:flex;gap:8px}.title-block{animation:rise .3s ease-out}.title{margin:0;font-size:clamp(38px,13vw,62px);font-weight:900;letter-spacing:-.03em;line-height:1;background:linear-gradient(180deg,#fff,#8ea2ff);-webkit-background-clip:text;background-clip:text;color:transparent}.title-hole{display:inline-block;margin:0 .06em;color:#b06bff;-webkit-text-fill-color:#b06bff;animation:spin 5s linear infinite;text-shadow:0 0 26px rgba(176,107,255,.85)}.tagline{margin:10px 0 0;font-size:13px;font-weight:700;color:var(--dim);max-width:30ch}.howto{display:flex;flex-direction:column;gap:10px;width:100%;max-width:330px;padding:16px;border-radius:18px;border:1px solid var(--edge);background:rgba(10,12,26,.6);font-size:13px;font-weight:600}.howto-row{display:flex;align-items:center;gap:12px;text-align:left}.howto-key{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;border:2px solid var(--edge);font-size:20px;font-weight:900}.howto-legend{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;padding-top:10px;border-top:1px solid var(--edge);font-size:11px;color:var(--dim)}.legend-dot{width:11px;height:11px;border-radius:50%;border:2px solid}.legend-eat{border-color:var(--eat)}.legend-die{border-color:var(--die);margin-left:10px}.btn{font:inherit;font-weight:900;letter-spacing:.1em;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:transform .09s ease-out,filter .12s}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{padding:16px 46px;font-size:19px;color:#06121a;background:linear-gradient(180deg,#6ef0b0,#22c97e);box-shadow:0 10px 34px rgba(53,224,139,.35)}.btn-play{animation:breathe 2.4s ease-in-out infinite}.btn-revive{padding:13px 26px;font-size:14px;color:#1a1200;background:linear-gradient(180deg,#ffd76a,#f5a623);box-shadow:0 8px 26px rgba(245,166,35,.34)}.btn-ghost{padding:10px 18px;font-size:12px;color:var(--ink);background:rgba(255,255,255,.07);border-color:var(--edge)}.btn-small{padding:9px 16px;font-size:12px;color:#06121a;background:#cdd6ff}.icon-btn{pointer-events:auto;display:grid;place-items:center;width:38px;height:38px;font-size:16px;border-radius:12px;border:1px solid var(--edge);background:rgba(10,12,26,.55);color:var(--ink);cursor:pointer}.start-meta{display:flex;flex-direction:column;align-items:center;gap:10px}.best-line{font-size:12px;letter-spacing:.16em;color:var(--dim)}.hint{font-size:11px;color:var(--dim);opacity:.8}.over-card{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:350px;animation:rise .25s ease-out}.new-best{padding:5px 14px;border-radius:999px;font-size:11px;letter-spacing:.18em;color:#1a1200;background:var(--gold);animation:pulse 1s ease-in-out infinite}.over-label{font-size:12px;letter-spacing:.3em;color:var(--die)}.over-score{font-size:clamp(46px,16vw,70px);font-weight:900;line-height:1;letter-spacing:-.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.over-rank{font-size:14px;color:var(--dim)}.over-stats{display:flex;gap:22px;padding:12px 18px;border-radius:16px;border:1px solid var(--edge);background:rgba(10,12,26,.6)}.over-stats div{display:flex;flex-direction:column;gap:2px}.over-stats b{font-size:19px}.over-stats span{font-size:10px;letter-spacing:.1em;color:var(--dim)}.over-actions{display:flex;gap:10px}.submit-row{min-height:40px;font-size:12px;font-weight:600;color:var(--dim)}.submit-row form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}.name-input{font:inherit;font-size:13px;font-weight:800;letter-spacing:.08em;text-align:center;width:150px;padding:9px 12px;border-radius:999px;border:1px solid var(--edge);background:rgba(255,255,255,.06);color:var(--ink)}.name-input-start{width:220px;padding:13px 16px;font-size:15px}.over-bests{display:flex;gap:18px;font-size:11px;letter-spacing:.14em;color:var(--dim)}.over-bests b{color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.name-input:focus{outline:2px solid #6f8bff;outline-offset:1px}.submit-done b{color:var(--ink)}.submit-error{width:100%;color:var(--die)}.modal-backdrop{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:16px;background:rgba(3,4,10,.82);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .15s ease-out}.board{display:flex;flex-direction:column;width:100%;max-width:420px;max-height:min(78dvh,560px);border-radius:20px;border:1px solid var(--edge);background:var(--panel);overflow:hidden}.board-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border-bottom:1px solid var(--edge)}.board-tabs{display:flex;gap:6px}.tab{font:inherit;font-size:12px;font-weight:800;letter-spacing:.08em;padding:8px 14px;border-radius:999px;border:1px solid var(--edge);background:transparent;color:var(--dim);cursor:pointer}.tab.on{color:#06121a;background:#cdd6ff;border-color:transparent}.board-note{padding:8px 14px;font-size:11px;color:var(--gold);background:rgba(255,197,61,.08)}.board-list{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px}.board-empty{padding:34px 16px;text-align:center;font-size:13px;color:var(--dim)}.board-row{display:grid;grid-template-columns:30px 24px 1fr auto;align-items:center;grid-gap:8px;gap:8px;padding:9px 10px;border-radius:12px;font-size:13px}.board-row:nth-child(odd){background:rgba(255,255,255,.035)}.board-row.me{background:rgba(53,224,139,.16);outline:1px solid rgba(53,224,139,.45)}.board-rank{font-size:12px;color:var(--dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.board-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-title{display:none}.board-score{font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (min-width:400px){.board-row{grid-template-columns:30px 24px 1fr 1fr auto}.board-title{display:block;font-size:11px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.ad-card{width:100%;max-width:330px;border-radius:20px;border:1px solid var(--edge);background:var(--panel);overflow:hidden}.ad-label{padding:8px 14px;font-size:10px;letter-spacing:.2em;color:var(--dim);border-bottom:1px solid var(--edge)}.ad-body{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 20px}.ad-hole{font-size:46px;color:#b06bff;animation:spin 2.2s linear infinite;text-shadow:0 0 28px rgba(176,107,255,.8)}.ad-text{margin:0;font-size:14px}.ad-sub{margin:0;font-size:12px;color:var(--dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ad-progress{height:4px;background:rgba(255,255,255,.12)}.ad-progress-fill{height:100%;background:linear-gradient(90deg,#ffd76a,#f5a623);transition:width .1s linear}.ad-skip{display:block;width:100%;padding:12px;font:inherit;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--dim);background:transparent;border:0;border-top:1px solid var(--edge);cursor:pointer}.ad-skip:active{background:rgba(255,255,255,.05)}.settings{width:100%;max-width:400px;border-radius:20px;border:1px solid var(--edge);background:var(--panel);overflow:hidden}.settings-title{margin:0;font-size:15px;letter-spacing:.1em}.settings-body{display:flex;flex-direction:column;gap:8px;padding:14px}.settings-label{margin-top:4px;font-size:10px;letter-spacing:.2em;color:var(--dim)}.option{display:flex;align-items:flex-start;gap:10px;width:100%;padding:12px;font:inherit;text-align:left;border-radius:14px;border:1px solid var(--edge);background:rgba(255,255,255,.03);color:var(--ink);cursor:pointer}.option.on{border-color:var(--eat);background:rgba(53,224,139,.12)}.option-mark{flex:none;font-size:14px;line-height:1.35;color:var(--eat)}.option-text{display:flex;flex-direction:column;gap:3px}.option-text b{font-size:13px}.option-text span,.settings-note{font-size:11px;font-weight:600;color:var(--dim)}.settings-note{margin:2px 0 0}@media (min-width:0px){.hud{padding:calc(8px + var(--safe-t)) 12px calc(8px + var(--safe-b))}.score-value{font-size:28px}.score-best{margin-top:1px;font-size:10px}.hud-rank{margin-top:6px;max-width:240px;font-size:11px}.ladder{position:absolute;left:12px;bottom:calc(10px + var(--safe-b));margin-top:0;font-size:11px}.combo{right:58px}.combo,.mega-banner{top:calc(10px + var(--safe-t))}.mega-banner{left:50%}.controls{align-items:center}}@media (max-height:480px){.overlay{justify-content:flex-start;gap:10px;overflow-y:auto;padding-top:calc(12px + var(--safe-t));padding-bottom:calc(12px + var(--safe-b))}.over-card{gap:7px}.over-score{font-size:clamp(30px,9vh,44px)}.over-label,.over-rank{font-size:11px}.over-stats{gap:14px;padding:7px 14px}.over-stats b{font-size:15px}.btn-primary{padding:11px 34px;font-size:16px}.btn-revive{padding:9px 20px;font-size:13px}.title{font-size:clamp(26px,9vh,40px)}.howto,.tagline{display:none}.title-block{margin-bottom:2px}}.site-nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:8px;height:var(--nav-h);padding:0 10px;border-bottom:1px solid var(--edge);background:rgba(6,8,18,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-mark{flex:none;font-size:17px;text-decoration:none;line-height:1}.site-tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.site-tabs::-webkit-scrollbar{display:none}.site-tab{flex:none;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--dim);text-decoration:none;white-space:nowrap}.site-tab:hover{color:var(--ink)}.site-tab.on{color:#06121a;background:#cdd6ff}.page{position:fixed;inset:var(--nav-h) 0 0 0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:radial-gradient(120% 60% at 50% 0,#131a3a 0,#05060d 55%),#05060d}.page-body{max-width:720px;margin:0 auto;padding:28px 20px calc(40px + var(--safe-b));font-weight:500;line-height:1.65;font-size:15px;color:#c8d0ea}.page-title{margin:0 0 6px;font-size:clamp(28px,7vw,38px);font-weight:900;letter-spacing:-.02em;color:var(--ink)}.page-lead{margin:0 0 24px;font-size:15px;color:var(--dim)}.page-body h2{margin:30px 0 8px;font-size:17px;font-weight:900;letter-spacing:-.01em;color:var(--ink)}.page-body p,.page-body ul{margin:0 0 14px}.page-body ul{padding-left:20px}.page-body li{margin-bottom:7px}.page-body b{color:var(--ink);font-weight:800}.page-body a{color:#8ea2ff;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}.board-page{max-width:none;max-height:none;margin-bottom:8px}.site-footer{margin-top:36px;padding-top:18px;border-top:1px solid var(--edge)}.site-footer-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:12px;font-size:12px;font-weight:700}.link-btn,.site-footer-links a{color:var(--dim);text-decoration:none}.link-btn:hover,.site-footer-links a:hover{color:var(--ink)}.link-btn{font:inherit;padding:0;border:0;background:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.site-footer-note{margin:0;font-size:11px;color:var(--dim);opacity:.75}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@keyframes pop{0%{transform:scale(1.28)}}@keyframes pulse{50%{opacity:.62}}@keyframes breathe{50%{transform:scale(1.04)}}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.ad-hole,.btn-play,.mega-banner,.new-best,.rotate-hint span,.title-hole{animation:none}}