*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{color:#d8ffe9;background:linear-gradient(#2c8a5b 0%,#16573a 22%,#0a2e1d 60%,#061f13 100%) fixed;font-family:Sora,system-ui,sans-serif}#spacer{height:760vh}canvas.webgl{display:block;position:fixed;inset:0}body.mode-explore{overflow:hidden}body.no-webgl #spacer{display:none}.fallback{max-width:720px;margin:0 auto;padding:3rem 1.5rem}.fallback h1{margin-bottom:.5rem;font-size:2.2rem}.fallback h2{color:#a3e635;margin-top:2rem}.fallback h3{margin:1rem 0 .4rem;font-weight:600}.fallback ul{padding:0;list-style:none}.fallback li{border-bottom:1px solid #96ffbe1f;padding:.3rem 0}.fallback code{color:#34d399;margin-right:.5rem;font-family:JetBrains Mono,monospace}.fallback a{color:#a3e635}#overlay{pointer-events:none}.modes,.calc-win,.course-card,.follow-chip,.finale:not(.hidden) .finale-actions{pointer-events:auto}.hud-top{z-index:5;justify-content:space-between;align-items:center;padding:1rem 1.4rem;display:flex;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:.02em;text-shadow:0 0 18px #34d39999;font-size:1.05rem;font-weight:800}.modes{pointer-events:auto;gap:.5rem;display:flex}.mode-btn{color:#d8ffe9;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0628188c;border:1px solid #96ffbe38;border-radius:999px;justify-content:center;align-items:center;padding:.45rem 1rem;font:600 .85rem Sora,sans-serif;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.mode-btn:hover:not(:disabled){border-color:#96ffbe99}.mode-btn.active{background:#34d39940;border-color:#34d399}.mode-btn:disabled{opacity:.4;cursor:not-allowed}.calc-link{border-color:#f0e68c66}.beat{text-align:center;opacity:0;place-content:center;padding:0 1.5rem;transition:opacity .6s,transform .6s;display:grid;position:fixed;inset:0;transform:translateY(14px)}.beat.visible{opacity:1;transform:none}.beat h2{text-shadow:0 0 30px #34d39980;font-size:clamp(2rem,6vw,3.6rem);font-weight:800}.beat p{color:#a8e6c5;margin-top:.8rem;font-family:JetBrains Mono,monospace;font-size:clamp(.85rem,2.2vw,1.05rem)}.hud-bottom{z-index:5;flex-direction:column;gap:.5rem;padding:1rem 1.4rem 1.2rem;display:flex;position:fixed;bottom:0;left:0;right:0}.level-label{color:#a8e6c5;font-family:JetBrains Mono,monospace;font-size:.8rem}.progress-track{background:#96ffbe26;border-radius:999px;height:4px;overflow:hidden}.progress-fill{transform-origin:0;background:linear-gradient(90deg,#34d399,#a3e635);height:100%;transform:scaleX(0)}.scroll-hint{text-align:center;color:#a8e6c5;font-size:.85rem;animation:1.8s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.course-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;z-index:6;background:#062818bf;border:1px solid #96ffbe40;border-radius:18px;width:min(320px,100vw - 2.8rem);padding:1.3rem 1.4rem;transition:opacity .25s,transform .25s;position:fixed;top:50%;right:1.4rem;transform:translateY(-50%)}.course-card.hidden{opacity:0;pointer-events:none;transform:translateY(-50%)translate(16px)}.card-close{color:#a8e6c5;cursor:pointer;background:0 0;border:none;font-size:1.3rem;position:absolute;top:.5rem;right:.7rem}.card-code{color:#34d399;font-family:JetBrains Mono,monospace;font-size:.85rem}.card-title{margin:.3rem 0 .6rem;font-size:1.15rem}.card-meta{color:#a8e6c5;font-size:.8rem}.finale{text-align:center;place-content:center;gap:.6rem;padding:0 1.5rem;transition:opacity .6s;display:grid;position:fixed;inset:0}.finale.hidden{opacity:0;pointer-events:none}.finale h2{text-shadow:0 0 30px #34d39980;font-size:clamp(2rem,6vw,3.2rem);font-weight:800}.finale-name{color:#a8e6c5;font-family:JetBrains Mono,monospace}.finale-stats{color:#d8ffe9;font-size:1.05rem}.finale-actions{justify-content:center;gap:.7rem;margin-top:1rem;display:flex}.scroll-hint{transition:opacity .4s}.scroll-hint.hidden{opacity:0}.chapter-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#062818b3;border:1px solid #96ffbe40;border-radius:16px;max-width:min(300px,40vw);padding:1.1rem 1.3rem;transition:opacity .4s,transform .4s;position:fixed;top:18%;left:1.4rem}.chapter-panel.hidden{opacity:0;pointer-events:none;transform:translate(-12px)}.chapter-panel .chapter-level{text-shadow:0 0 18px #34d39980;font-size:1.5rem;font-weight:800}.chapter-panel .chapter-sem{color:#a8e6c5;margin-top:.2rem;font-family:JetBrains Mono,monospace;font-size:.8rem}.chapter-panel .chapter-meta{color:#d8ffe9;margin-top:.4rem;font-size:.85rem}.chapter-panel.compact{transform-origin:0 0;opacity:.85;transform:scale(.82)}.legend{color:#a8e6c5;flex-wrap:wrap;gap:.9rem;font-size:.72rem;display:flex}.legend-item{align-items:center;gap:.35rem;display:inline-flex}.legend-item i{border-radius:50%;width:.65rem;height:.65rem;display:inline-block}.leaf-hint{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:6;background:#062818bf;border:1px solid #96ffbe4d;border-radius:999px;padding:.5rem 1.1rem;font-size:.85rem;transition:opacity .8s;position:fixed;top:5.2rem;left:50%;transform:translate(-50%)}.leaf-hint.hidden{opacity:0;pointer-events:none}.card-about{color:#c4f0d8;margin:0 0 .6rem;font-size:.88rem;line-height:1.45}.hud-top,.hud-bottom,.beat,.finale,.chapter-panel,.leaf-hint{-webkit-user-select:none;user-select:none}.mode-btn,.card-close{-webkit-tap-highlight-color:transparent}.mode-btn{min-height:44px}.card-close{place-content:center;min-width:44px;min-height:44px;display:grid}.hud-top{padding-top:calc(1rem + env(safe-area-inset-top))}.hud-bottom{padding-bottom:calc(1.2rem + env(safe-area-inset-bottom))}@media (width<=640px){.brand{display:none}.modes{gap:.3rem}.mode-btn{padding:.4rem .7rem;font-size:.75rem}.chapter-panel{top:calc(3.9rem + env(safe-area-inset-top));flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.6rem;width:max-content;max-width:92vw;padding:.55rem 1rem;display:flex;left:50%;transform:translate(-50%)}.chapter-panel.hidden{transform:translate(-50%)translateY(-10px)}.chapter-panel.compact{transform-origin:top;transform:translate(-50%)scale(.9)}.chapter-panel .chapter-level{font-size:1rem}.chapter-panel .chapter-sem{margin-top:0;font-size:.62rem}.chapter-panel .chapter-meta{color:#a8e6c5;margin-top:0;font-size:.62rem}.course-card{width:100vw;max-width:none;padding:1.1rem 1.3rem calc(4.6rem + env(safe-area-inset-bottom));border-bottom:none;border-left:none;border-right:none;border-radius:20px 20px 0 0;transition:opacity .25s,transform .3s;inset:auto 0 0;transform:none}.course-card.hidden{opacity:0;transform:translateY(100%)}.leaf-hint{top:calc(7.6rem + env(safe-area-inset-top));white-space:nowrap;max-width:92vw;font-size:.74rem}.legend{gap:.55rem;font-size:.6rem}.beat p{font-size:.78rem}.finale-stats{font-size:.9rem}.finale-actions{flex-direction:column;align-items:center;gap:.5rem}}.follow-chip{color:#d8ffe9;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0628188c;border:1px solid #96ffbe40;border-radius:999px;align-self:flex-start;margin-bottom:.2rem;padding:.35rem .9rem;font:600 .75rem Sora,sans-serif;transition:opacity .3s,border-color .2s,background .2s}.follow-chip.hidden{opacity:0;pointer-events:none}.follow-chip.active{background:#34d3994d;border-color:#34d399}.irvin-bubble{color:#d8ffe9;white-space:nowrap;pointer-events:none;z-index:7;background:#062818d9;border:1px solid #96ffbe59;border-radius:999px;padding:.45rem .85rem;font:600 .8rem Sora,sans-serif;transition:opacity .3s;position:fixed;transform:translate(-50%,-120%)}.irvin-bubble.hidden{opacity:0}.calc-win{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:8;background:#082a1ab8;border:1px solid #96ffbe4d;border-radius:18px;flex-direction:column;width:300px;height:440px;transition:opacity .25s;display:flex;position:fixed;top:50%;right:1.6rem;overflow:hidden;transform:translateY(-50%);box-shadow:0 24px 60px #00000080}.calc-win.hidden{opacity:0;pointer-events:none}.calc-win.minimized{height:auto!important}.calc-win.minimized .calc-win-body,.calc-win.minimized .calc-win-resize{display:none}.calc-win-bar{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;color:#d8ffe9;border-bottom:1px solid #96ffbe2e;justify-content:space-between;align-items:center;padding:.55rem .5rem .55rem .9rem;font:700 .82rem Sora,sans-serif;display:flex}.calc-win-bar:active{cursor:grabbing}.calc-win-btns{gap:.25rem;display:flex}.calc-win-min,.calc-win-close{color:#d8ffe9;cursor:pointer;background:#96ffbe1f;border:none;border-radius:8px;width:28px;height:28px;font-size:1rem;line-height:1}.calc-win-close:hover{background:#ff787866}.calc-win-min:hover{background:#96ffbe4d}.calc-win-body{flex-direction:column;flex:1;gap:.6rem;min-height:0;padding:.7rem;display:flex}.calc-win-display{color:#eafff3;text-align:right;background:#041a108c;border:none;border-radius:12px;flex:none;width:100%;height:56px;padding:0 .8rem;font:600 1.7rem JetBrains Mono,monospace;box-shadow:inset 3px 3px 8px #00000073,inset -2px -2px 6px #78dcaa0f}.calc-keys{flex:1;grid-template-columns:repeat(4,1fr);gap:.45rem;min-height:0;display:grid}.calc-key{color:#eafff3;cursor:pointer;background:#14462ee6;border:none;border-radius:12px;font:600 1rem Sora,sans-serif;transition:transform 80ms,box-shadow 80ms;box-shadow:3px 3px 7px #0006,-2px -2px 6px #78dcaa14}.calc-key:active{transform:scale(.96);box-shadow:inset 3px 3px 7px #00000073,inset -2px -2px 6px #78dcaa0f}.calc-key.k-op{color:#a3e635}.calc-key.k-fn{color:#5eead4;font-size:.85rem}.calc-key.k-act{color:#ff9f87;font-size:.85rem}.calc-key.k-eq{color:#06281a;background:linear-gradient(135deg,#1f9861,#157a4c)}.calc-win-resize{cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,#0000 50%,#96ffbe80 50%);border-radius:0 0 14px;width:16px;height:16px;position:absolute;bottom:2px;right:2px}@media (width<=640px){.calc-win{width:min(340px,92vw);height:min(460px,80vh);right:50%;transform:translate(50%,-50%)}}.icon-btn{color:#d8ffe9;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-tap-highlight-color:transparent;background:#0628188c;border:1px solid #96ffbe38;border-radius:999px;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:1.05rem;line-height:1;transition:border-color .2s,background .2s;display:inline-flex}.icon-btn:hover{border-color:#96ffbe99}.photo-toast{bottom:calc(5rem + env(safe-area-inset-bottom));color:#d8ffe9;pointer-events:none;z-index:9;background:#062818d9;border:1px solid #96ffbe59;border-radius:999px;padding:.5rem 1.1rem;font:600 .85rem Sora,sans-serif;transition:opacity .3s;position:fixed;left:50%;transform:translate(-50%)}.photo-toast.hidden{opacity:0}