:root{--ink: #f7f4ee;--ink-dim: rgba(247, 244, 238, .62);--accent: #e8d8b7;--ui-pad: clamp(16px, 2.2vw, 40px);--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--font-display: Georgia, "Times New Roman", serif}#ui{font-family:var(--font-ui);color:var(--ink);-webkit-font-smoothing:antialiased}#ui button,#ui a{pointer-events:auto;font:inherit;color:inherit;background:none;border:0;cursor:pointer}.has-glass{position:relative;isolation:isolate;border-radius:999px;overflow:hidden}.glass{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;pointer-events:none}.glass>span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.glass__fill{background:#ffffff1a;backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25)}.glass__fill-burn{background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 26%,transparent),transparent 62%);mix-blend-mode:overlay}.glass__highlight-soft{background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 55%)}.glass__highlight-strong{background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.4) 47%,transparent 55%);opacity:.55}.glass__edge-light{box-shadow:inset 0 1px #ffffff8c}.glass__edge-dark{box-shadow:inset 0 -1px #0000004d}.glass__inner-glow{box-shadow:inset 0 0 22px #ffffff24}.loader{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:grid;grid-template-rows:1fr auto 1fr;align-items:center;justify-items:center}.loader-count{position:fixed;left:2.0833vw;bottom:3.7037vh;bottom:3.7037svh;display:flex;font-family:var(--font-mono);font-weight:700;font-size:16.667vh;font-size:16.667svh;line-height:1;color:#fff}@media(max-width:767px){.loader-count{left:4.1667vw;font-size:10.185vh;font-size:10.185svh}}.loader-digit{display:block;height:1.15em;overflow:hidden;width:.66em}.loader-digit-inner{display:flex;flex-direction:column;will-change:transform;transition:transform .28s cubic-bezier(.22,1,.36,1)}.loader-digit-inner i{display:flex;align-items:center;justify-content:center;height:1.15em;line-height:1;font-style:normal}.loader-brand{grid-row:2;font-family:var(--font-mono);letter-spacing:.42em;font-size:clamp(11px,1.1vw,15px);color:var(--ink-dim)}.loader-gate{grid-row:3;align-self:end;margin-bottom:clamp(40px,8vh,110px);display:grid;place-items:center;opacity:0;transition:opacity .6s ease}.loader.is-ready .loader-gate{opacity:1}.loader-ring{grid-area:1 / 1;width:108px;height:108px;transform:rotate(-90deg)}.loader-ring-track,.loader-ring-progress{fill:none;stroke-width:2}.loader-ring-track{stroke:#fff3}.loader-ring-progress{stroke:var(--accent);transition:stroke-dashoffset .08s linear}.loader-handle{grid-area:1 / 1;width:62px;height:62px;border-radius:999px;background:#ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff80;display:grid;place-items:center;font-size:20px;touch-action:none}.loader-handle:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.loader-handle-arrow{animation:nudge 1.8s ease-in-out infinite}@keyframes nudge{0%,to{transform:translateY(2px);opacity:.7}50%{transform:translateY(-3px);opacity:1}}.loader-hint{grid-area:1 / 1;margin:0;transform:translateY(64px);font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap}.hud{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.hud-top{position:absolute;top:var(--ui-pad);left:var(--ui-pad);right:var(--ui-pad);display:flex;justify-content:space-between;align-items:center}.hud-left,.hud-right{display:flex;align-items:center;gap:14px}.hud-brand{font-family:var(--font-mono);font-size:12px;letter-spacing:.32em;color:var(--ink-dim)}.hud-btn{width:42px;height:42px;display:grid;place-items:center}.hud-wave{display:flex;align-items:center;gap:2px;height:16px}.hud-wave i{width:2px;background:var(--ink);border-radius:2px;animation:wave 1s ease-in-out infinite}.hud-wave i:nth-child(1){height:6px;animation-delay:0s}.hud-wave i:nth-child(2){height:14px;animation-delay:.15s}.hud-wave i:nth-child(3){height:9px;animation-delay:.3s}.hud-wave i:nth-child(4){height:12px;animation-delay:.45s}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.hud-btn.is-muted .hud-wave i{animation-play-state:paused;transform:scaleY(.3);opacity:.5}.hud-pill{display:flex;align-items:baseline;gap:5px;padding:9px 16px;font-family:var(--font-mono);font-size:13px}.hud-xp-label{font-size:10px;letter-spacing:.15em;color:var(--ink-dim)}.hud-line{position:absolute;left:var(--ui-pad);bottom:clamp(96px,16vh,190px);max-width:min(46ch,62vw)}.hud-line-main{margin:0 0 10px;font-family:var(--font-display);font-size:clamp(28px,4.4vw,62px);line-height:1.06;letter-spacing:-.015em;text-wrap:balance}.hud-line-sub{margin:0;font-size:clamp(13px,1.15vw,17px);line-height:1.5;color:var(--ink-dim);max-width:42ch}.ruler{position:absolute;left:var(--ui-pad);right:var(--ui-pad);bottom:clamp(26px,4.2vh,52px);height:40px;display:flex;justify-content:space-between;align-items:center}.ruler-rail,.ruler-fill{position:absolute;left:0;right:0;top:11px;height:1px}.ruler-rail{background:#ffffff2e}.ruler-fill{background:var(--accent);transform-origin:left center;transform:scaleX(0);transition:transform .12s linear}.ruler-tick{position:relative;display:grid;justify-items:center;gap:9px;padding:0}.ruler-dot{width:7px;height:7px;border-radius:999px;background:#ffffff52;transform:translateY(-1.5px);transition:background .25s ease,transform .25s ease}.ruler-tick.is-active .ruler-dot{background:var(--accent);transform:translateY(-1.5px) scale(1.5)}.ruler-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--ink-dim);transition:color .25s ease}.ruler-tick.is-active .ruler-label{color:var(--ink)}@media(max-width:640px){.ruler-label{font-size:9px;letter-spacing:.06em}.hud-line{bottom:clamp(110px,22vh,200px)}}.hud-scroll-hint{position:absolute;right:var(--ui-pad);bottom:clamp(96px,16vh,190px);display:grid;justify-items:center;gap:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.28em;color:var(--ink-dim);transition:opacity .4s ease}.hud-scroll-dot{width:5px;height:5px;border-radius:999px;background:var(--accent);animation:fall 1.9s ease-in-out infinite}@keyframes fall{0%{transform:translateY(-8px);opacity:0}35%{opacity:1}to{transform:translateY(12px);opacity:0}}@media(prefers-reduced-motion:reduce){.loader-handle-arrow,.hud-wave i,.hud-scroll-dot{animation:none}.loader-digit-inner{transition:none}}
