@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;500;700&family=Noto+Sans+SC:wght@200;300;400&family=Space+Grotesk:wght@300;400&display=swap";:root{--ink: #05070a;--ink-2: #0b0f14;--paper: #e9f2ef;--paper-dim: rgba(233, 242, 239, .6);--paper-faint: rgba(233, 242, 239, .28);--cinnabar: #d8402f;--cinnabar-soft: rgba(216, 64, 47, .7);--jade: #46e0b0;--serif: "Noto Serif SC", "Songti SC", serif;--sans: "Noto Sans SC", "PingFang SC", system-ui, sans-serif;--mono: "Space Grotesk", ui-monospace, monospace;--ease: cubic-bezier(.22, 1, .36, 1);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#000;color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}.stage{position:fixed;inset:0}#gl,#slash{position:absolute;inset:0;display:block;width:100%;height:100%}#slash{pointer-events:none;cursor:crosshair}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,transparent 38%,rgba(0,0,0,.55) 100%),linear-gradient(to bottom,rgba(0,0,0,.5),transparent 18%,transparent 82%,rgba(0,0,0,.6))}.hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px 34px;pointer-events:none;opacity:0;transform:translateY(-12px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}body.is-playing .hud{opacity:1;transform:none}.hud-brand{display:flex;align-items:center;gap:12px}.seal{display:grid;place-items:center;width:38px;height:38px;border:1.5px solid var(--cinnabar);color:var(--cinnabar);font-family:var(--serif);font-size:19px;border-radius:3px;box-shadow:0 0 22px -4px #d8402fcc,inset 0 0 14px -6px #d8402fe6}.brand-name{font-family:var(--serif);font-size:17px;letter-spacing:.34em;display:flex;align-items:baseline;gap:10px}.brand-name em{font-family:var(--mono);font-style:normal;font-size:9.5px;letter-spacing:.44em;color:var(--paper-faint)}.hud-meters{display:flex;flex-direction:column;gap:9px;min-width:210px}.meter{display:flex;align-items:center;gap:10px}.meter-label{font-family:var(--serif);font-size:12px;color:var(--paper-dim);width:14px;text-align:center}.meter-track{position:relative;flex:1;height:3px;background:#e9f2ef1f;overflow:hidden}.meter-track i{position:absolute;inset:0 auto 0 0;width:100%;background:linear-gradient(90deg,rgba(216,64,47,.5),var(--cinnabar));box-shadow:0 0 12px #d8402fe6;transition:width .18s linear}.meter-track.insight i{background:linear-gradient(90deg,rgba(70,224,176,.4),var(--jade));box-shadow:0 0 12px #46e0b0cc}.hud-count{text-align:right}.hud-count-label{display:block;font-size:10px;letter-spacing:.3em;color:var(--paper-faint);margin-bottom:4px}.hud-count b{font-family:var(--mono);font-size:26px;font-weight:300;letter-spacing:.04em}.hud-count b i{font-style:normal;font-size:13px;color:var(--paper-faint)}.combo{position:absolute;right:42px;top:42%;text-align:right;opacity:0;transform:translate(18px) scale(.9);transition:opacity .3s var(--ease),transform .3s var(--ease);pointer-events:none}.combo.is-on{opacity:1;transform:none}.combo b{display:block;font-family:var(--mono);font-size:58px;font-weight:300;line-height:.9;color:var(--paper);text-shadow:0 0 34px rgba(216,64,47,.85)}.combo span{font-family:var(--serif);font-size:12px;letter-spacing:.5em;color:var(--cinnabar)}.scroll-track{position:absolute;left:50%;bottom:74px;transform:translate(-50%);display:flex;gap:7px;flex-wrap:wrap;justify-content:center;max-width:min(760px,88vw);pointer-events:none}.scroll-track i{font-family:var(--serif);font-style:normal;font-size:11px;letter-spacing:.16em;padding:4px 9px;border:1px solid hsla(var(--h, 168),80%,70%,.45);color:hsl(var(--h, 168),80%,82%);background:hsla(var(--h, 168),80%,60%,.08);border-radius:2px;animation:chipIn .6s var(--ease) both;white-space:nowrap}@keyframes chipIn{0%{opacity:0;transform:translateY(10px) scale(.85)}to{opacity:1;transform:none}}.hint{position:absolute;left:34px;bottom:30px;display:flex;gap:20px;font-size:11px;letter-spacing:.1em;color:var(--paper-faint);pointer-events:none;opacity:0;transition:opacity 1.4s var(--ease) 1.2s}body.is-playing .hint{opacity:1}.hint b{color:var(--paper-dim);font-weight:400;border:1px solid rgba(233,242,239,.2);padding:1px 6px;border-radius:2px;margin-right:5px;font-family:var(--mono);font-size:10px}.toast{position:absolute;left:50%;top:22%;transform:translate(-50%,-8px);font-family:var(--serif);font-size:16px;letter-spacing:.28em;color:var(--paper);padding:10px 26px;border-top:1px solid rgba(216,64,47,.6);border-bottom:1px solid rgba(216,64,47,.6);background:linear-gradient(90deg,transparent,rgba(5,7,10,.72),transparent);opacity:0;pointer-events:none;transition:opacity .4s var(--ease),transform .4s var(--ease);white-space:nowrap}.toast.is-on{opacity:1;transform:translate(-50%)}.curtain,.ending{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,#05070ab8,#000000f5 72%);backdrop-filter:blur(3px);transition:opacity 1.2s var(--ease),visibility 1.2s;z-index:20;text-align:center;padding:32px}.curtain:not(.is-on),.ending:not(.is-on){opacity:0;visibility:hidden;pointer-events:none}.ending{background:radial-gradient(ellipse at 50% 45%,#140606cc,#000000f7 74%)}.curtain-inner,.ending-inner{max-width:640px}.curtain-eyebrow,.ending-eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.62em;color:var(--cinnabar);margin-bottom:26px;text-transform:uppercase}.curtain-title{font-family:var(--serif);font-weight:300;font-size:clamp(56px,12vw,132px);letter-spacing:.16em;margin:0 0 8px;line-height:1;text-indent:.16em;text-shadow:0 0 70px rgba(216,64,47,.35)}.curtain-title span{color:var(--cinnabar)}.curtain-sub{font-size:13.5px;line-height:2.2;letter-spacing:.16em;color:var(--paper-dim);margin:26px 0 40px}.btn-enter{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:16px 58px;background:transparent;border:1px solid rgba(216,64,47,.55);color:var(--paper);cursor:pointer;font-family:var(--serif);transition:background .5s var(--ease),box-shadow .5s var(--ease),transform .5s var(--ease);overflow:hidden}.btn-enter span{font-size:19px;letter-spacing:.5em;text-indent:.5em}.btn-enter i{font-family:var(--mono);font-style:normal;font-size:8.5px;letter-spacing:.5em;color:var(--paper-faint)}.btn-enter:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 120%,rgba(216,64,47,.55),transparent 70%);opacity:0;transition:opacity .5s var(--ease)}.btn-enter:hover{border-color:var(--cinnabar);box-shadow:0 0 46px -8px #d8402fe6;transform:translateY(-2px)}.btn-enter:hover:before{opacity:1}.curtain-foot{margin-top:34px;font-size:10.5px;letter-spacing:.3em;color:#e9f2ef38}.ending-title{font-family:var(--serif);font-weight:300;font-size:clamp(38px,7vw,76px);letter-spacing:.24em;margin:0 0 22px;text-indent:.24em}.ending-sub{font-size:13px;line-height:2.2;letter-spacing:.1em;color:var(--paper-dim);margin:0 0 38px}.ending-actions{display:flex;gap:26px;align-items:center;justify-content:center;flex-wrap:wrap}.btn-ghost-link{font-size:12px;letter-spacing:.2em;color:var(--paper-faint);text-decoration:none;border-bottom:1px solid rgba(233,242,239,.18);padding-bottom:3px;transition:color .4s,border-color .4s}.btn-ghost-link:hover{color:var(--cinnabar);border-color:var(--cinnabar)}@media(max-width:760px){.hud{padding:16px 18px;gap:12px}.brand-name{font-size:14px;letter-spacing:.24em}.brand-name em{display:none}.hud-meters{min-width:120px}.hud-count b{font-size:20px}.hint{display:none}.combo{right:20px}.combo b{font-size:40px}.scroll-track{bottom:46px;gap:5px}.scroll-track i{font-size:10px;padding:3px 6px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
