:root{--black: #0a0a0b;--lime: #c4f000;--purple: #8b2fd6;--purple-soft: #b06bff;--white: #f5f5f2;--font: "Poppins", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:var(--font);background:var(--black);color:var(--white);overflow:hidden;user-select:none;-webkit-user-select:none}html,body,#app,#jumpBtn{touch-action:manipulation}#app{position:relative;width:100%;height:100vh;height:100dvh;max-width:900px;margin:0 auto;overflow:hidden;background:var(--black)}#app:fullscreen,#app:-webkit-full-screen,#app:-moz-full-screen{max-width:none;width:100vw;height:100vh;height:100dvh}#game-root{width:100%;height:100%}#game-root canvas{display:block}.hidden{display:none!important}#hud{position:absolute;inset:0;pointer-events:none;z-index:5;padding:14px}.hud-row{display:flex;justify-content:space-between;align-items:flex-start;padding-right:48px}.hud-pill{background:#0a0a0b8c;border:2px solid var(--lime);color:var(--lime);font-weight:700;font-size:20px;padding:6px 14px;border-radius:999px;min-width:64px;text-align:center;backdrop-filter:blur(6px)}.hud-pill.alt{border-color:var(--purple-soft);color:var(--purple-soft)}.hud-pill.alt.urgent{border-color:#ff2d2d;color:#ff2d2d;animation:urgentPulse .5s ease-in-out infinite alternate}@keyframes urgentPulse{0%{transform:scale(1);box-shadow:0 0 #ff2d2d00}to{transform:scale(1.18);box-shadow:0 0 18px #ff2d2db3}}#routineWrap{position:absolute;left:14px;right:14px;bottom:14px}#routineLabel{font-size:11px;letter-spacing:3px;font-weight:700;opacity:.8;margin-bottom:4px}#routineBar{height:16px;border-radius:999px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);overflow:hidden}#routineFill{height:100%;width:0%;background:linear-gradient(90deg,var(--lime),var(--purple-soft));transition:width .18s ease-out;border-radius:999px}#rotateGate{position:absolute;inset:0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px;text-align:center;background:var(--black)}#rotateGate .rotate-icon{font-size:60px;animation:rotateHint 1.6s ease-in-out infinite}#rotateGate .rotate-title{font-size:22px;font-weight:900;color:var(--lime)}#rotateGate .rotate-sub{font-size:14px;opacity:.8;max-width:280px;line-height:1.5}@keyframes rotateHint{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}#jumpBtn{position:absolute;right:20px;bottom:60px;z-index:8;pointer-events:auto;width:92px;height:92px;border-radius:50%;border:3px solid var(--black);background:var(--lime);color:var(--black);font-weight:900;font-size:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 6px 20px #c4f00066;cursor:pointer;font-family:var(--font)}#jumpBtn span{font-size:12px;letter-spacing:1px}#jumpBtn:active{transform:scale(.92)}@media (hover: hover) and (pointer: fine){#jumpBtn{display:none}}.overlay{position:absolute;inset:0;z-index:30;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px 16px;background:radial-gradient(120% 100% at 50% 0%,#8b2fd647,#0a0a0beb);backdrop-filter:blur(4px)}.panel{width:100%;max-width:420px;margin:0 auto;text-align:center;background:#0e0e10eb;border:2px solid rgba(196,240,0,.35);border-radius:22px;padding:28px 24px;box-shadow:0 20px 60px #0009,0 0 40px #8b2fd640}.start-panel,.over-panel{max-width:460px}.logo{font-weight:900;font-size:clamp(40px,12vw,60px);line-height:.9;letter-spacing:-1px;color:var(--white)}.logo span{display:block;color:var(--lime);font-size:.52em;letter-spacing:-.5px}.tagline{font-size:15px;opacity:.85;margin:14px 0 18px;line-height:1.5}.btn-primary{font-family:var(--font);cursor:pointer;border:none;background:var(--lime);color:var(--black);font-weight:800;font-size:19px;letter-spacing:1px;padding:15px 34px;border-radius:999px;width:100%;transition:transform .12s ease;box-shadow:0 8px 24px #c4f00059}.btn-primary:active{transform:scale(.96)}.btn-ghost{font-family:var(--font);cursor:pointer;margin-top:14px;background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.25);font-weight:600;font-size:15px;padding:11px 22px;border-radius:999px;width:100%}.rewards-note{margin-top:16px;font-size:13px;color:var(--purple-soft);font-weight:600}.start-hero{display:flex;flex-direction:column;align-items:center}.hero-img{height:132px;width:auto;margin-bottom:-18px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}.phase-guide{display:flex;flex-direction:column;gap:12px;margin:18px 0}.phase-card{text-align:left;border-radius:16px;padding:14px 14px 12px;border:2px solid}.phase-card--1{border-color:#c4f00066;background:linear-gradient(135deg,#c4f0001f,#c4f00005)}.phase-card--2{border-color:#b06bff73;background:linear-gradient(135deg,#b06bff29,#8b2fd60d)}.phase-card-title{font-weight:800;font-size:13px;letter-spacing:1.2px;margin-bottom:10px}.phase-card--1 .phase-card-title{color:var(--lime)}.phase-card--2 .phase-card-title{color:var(--purple-soft)}.phase-card-title span{display:block;font-size:10.5px;font-weight:600;opacity:.65;letter-spacing:.3px;text-transform:uppercase;margin-top:2px;color:var(--white)}.guide-row{display:flex;align-items:center;gap:10px;margin-bottom:9px}.guide-row:last-child{margin-bottom:0}.guide-label{font-size:9.5px;font-weight:800;letter-spacing:.6px;width:54px;flex-shrink:0;line-height:1.3}.guide-label.good{color:var(--lime)}.guide-label.bad{color:#ff8a8a}.guide-label b{display:block;font-size:9px;opacity:.85;margin-top:1px}.icon-grid{display:flex;flex-wrap:wrap;gap:6px;flex:1}.icon-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:50px;padding:5px 2px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.icon-chip em{font-style:normal;font-size:25px;line-height:1}.icon-chip small{font-size:8px;opacity:.75;font-weight:600;text-align:center;line-height:1.05}.icon-chip.good{border-color:#c4f00047}.icon-chip.bad{border-color:#ff5a5a52;background:#ff5a5a12}.controls-hint{font-size:11.5px;opacity:.8;text-align:center;margin:2px 0 16px;line-height:1.5}.controls-hint b{color:var(--lime)}.nickname-label{display:block;font-size:11px;font-weight:700;letter-spacing:.4px;opacity:.8;margin-bottom:6px;text-align:left}.nickname-input{width:100%;font-family:var(--font);font-size:16px;padding:12px 14px;border-radius:12px;border:2px solid rgba(255,255,255,.18);background:#ffffff0d;color:var(--white);margin-bottom:16px;outline:none}.nickname-input:focus{border-color:var(--lime);background:#c4f00012}.nickname-input::placeholder{color:#f5f5f259}.over-title{font-size:15px;letter-spacing:4px;opacity:.7;font-weight:700}.final-score{font-size:68px;font-weight:900;color:var(--lime);line-height:1;margin:6px 0 2px}.final-score small{font-size:20px;opacity:.6;margin-left:6px;color:var(--white)}#tierBox{margin:18px 0;padding:16px;border-radius:16px;background:linear-gradient(135deg,#8b2fd640,#c4f0001f);border:2px solid rgba(176,107,255,.4)}#tierPct{font-size:44px;font-weight:900;color:var(--purple-soft);line-height:1}#tierLabel{font-size:14px;opacity:.85;margin-top:4px}.code-caption{font-size:13px;opacity:.7;margin-bottom:6px}.code-value{font-size:30px;font-weight:900;letter-spacing:3px;color:var(--lime);padding:12px;border:2px dashed var(--lime);border-radius:14px;background:#c4f00014;margin-bottom:12px;word-break:break-all}.code-meta{font-size:12px;opacity:.6;margin-top:10px;line-height:1.5}.claim-msg{font-size:14px;margin-top:12px;padding:12px;border-radius:12px;line-height:1.45}.claim-msg.err{background:#ff505024;border:1px solid rgba(255,80,80,.4);color:#ffb3b3}.claim-msg.info{background:#b06bff24;border:1px solid rgba(176,107,255,.4)}.intro-screen{display:flex;align-items:center;justify-content:center;cursor:pointer}.intro-panel{width:100%;max-width:560px;text-align:center;padding:10px}.intro-title{font-size:clamp(22px,5.5vw,34px);font-weight:900;letter-spacing:1px;margin-bottom:18px}.intro-title .intro-sub,.intro-label span{display:block;font-size:12px;font-weight:600;opacity:.7;letter-spacing:.5px}.intro-row{margin-bottom:16px}.intro-label{font-size:clamp(14px,3.5vw,18px);font-weight:800;margin-bottom:10px}.intro-label.good{color:#21d33c}.intro-label.bad{color:#ff5a5a}.intro-icons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.ring{display:inline-flex;align-items:center;justify-content:center;width:clamp(44px,9vw,60px);height:clamp(44px,9vw,60px);font-size:clamp(22px,5vw,32px);border-radius:50%;background:#ffffff14;border:3px solid}.ring.good{border-color:#21d33c;box-shadow:0 0 12px #21d33c73}.ring.bad{border-color:#ff2d2d;background:#3c0a0a80;box-shadow:0 0 12px #ff2d2d73}.ring.power{border-color:#ffc400;background:#503c0a66;box-shadow:0 0 14px #ffc4008c}.power-row{display:flex;align-items:center;gap:14px;max-width:340px;margin:0 auto 14px;text-align:left}.power-row .ring{flex-shrink:0}.power-desc{font-size:clamp(13px,3.2vw,16px);line-height:1.35}.power-desc b{color:#ffc400}.intro-progress{height:5px;border-radius:99px;background:#ffffff26;margin:18px auto 8px;max-width:260px;overflow:hidden}.intro-progress-fill{height:100%;width:0%;background:var(--lime);border-radius:99px}.intro-progress-fill.animate{width:100%;transition:width linear}.intro-skip{font-size:11px;opacity:.55;letter-spacing:.5px}.success-img{height:118px;width:auto;margin:0 auto 6px;display:block;filter:drop-shadow(0 10px 20px rgba(196,240,0,.3))}.leaderboard{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);text-align:left}.lb-title{font-size:13px;font-weight:800;letter-spacing:1px;margin-bottom:10px;text-align:center;color:var(--purple-soft)}.lb-list{list-style:none;display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto}.lb-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff0b;font-size:13.5px}.lb-item.me{background:#c4f00024;border:1px solid rgba(196,240,0,.45)}.lb-rank{font-weight:900;width:22px;text-align:center;color:var(--purple-soft);flex-shrink:0}.lb-rank.gold{color:gold}.lb-rank.silver{color:#d9d9e6}.lb-rank.bronze{color:#cd8a4a}.lb-name{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{font-weight:800;color:var(--lime)}.lb-empty{text-align:center;font-size:13px;opacity:.6;padding:8px 0 2px}