*,:before,:after{box-sizing:border-box}html,body,#root{overscroll-behavior:none;background:#03060d;width:100%;height:100%;margin:0;padding:0;overflow:hidden}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:#e9e2cf;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;font-family:Cormorant Garamond,Georgia,Times New Roman,serif;position:fixed;inset:0}canvas.game{cursor:none;touch-action:none;outline:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}.overlay{--text:#e9e2cfb3;--text-strong:#e9e2cfdb;--hair:#e9e2cf4d;--focus:#ffe0a8;--gold:#ffc861;pointer-events:none;color:var(--text);z-index:1;font-family:Cormorant Garamond,Georgia,Times New Roman,serif;font-size:18px;line-height:1.35;position:fixed;inset:0}.title-card{text-align:center;opacity:1;flex-direction:column;justify-content:center;align-items:center;padding:16px;transition:opacity 2.5s;animation:1.5s backwards title-in;display:flex;position:absolute;inset:0}.title-card.is-hidden{opacity:0}@keyframes title-in{0%{opacity:0}to{opacity:1}}.title-name{letter-spacing:.35em;color:var(--text-strong);text-shadow:0 0 24px #03060de6;margin:0;padding-left:.35em;font-size:clamp(28px,5vw,64px);font-weight:300}.title-sub{letter-spacing:.08em;margin:.5em 0 0;font-size:clamp(16px,2vw,22px);font-style:italic}.title-touch{margin:3.2em 0 0;font-size:clamp(16px,1.6vw,19px);font-style:italic;animation:3.2s ease-in-out infinite breathe}.title-keys{bottom:max(24px, env(safe-area-inset-bottom));letter-spacing:.35em;text-transform:uppercase;opacity:.43;margin:0;font-size:15px;position:absolute;left:0;right:0}@keyframes breathe{0%,to{opacity:.35}50%{opacity:.8}}.card{text-align:center;white-space:nowrap;animation:6.2s ease-in-out both card-life;position:absolute}@keyframes card-life{0%{opacity:0}19.35%{opacity:1}67.74%{opacity:1}to{opacity:0}}.card-heaven{white-space:normal;max-width:calc(100vw - 32px);top:40%;left:50%;transform:translate(-50%,-50%)}.card-title{letter-spacing:.35em;text-transform:uppercase;color:var(--text-strong);padding-left:.35em;font-size:clamp(18px,2.6vw,30px);font-weight:300}.card-sub{text-transform:lowercase;margin-top:.45em;font-size:clamp(16px,1.8vw,21px);font-style:italic}.card-cons{transform:translate(-50%,-100%)}.card-name{font-variant:small-caps;letter-spacing:.35em;text-transform:uppercase;color:var(--text-strong);padding-left:.35em;font-size:16px;font-weight:500}.card-epithet{text-transform:lowercase;margin-top:.2em;font-size:16px;font-style:italic}.hint{opacity:0;text-align:center;white-space:nowrap;max-width:calc(100vw - 32px);font-size:18px;font-style:italic;transition:opacity 1s;position:absolute;top:78%;left:50%;transform:translate(-50%,-50%)}.hint.is-on{opacity:.786}.thread{opacity:.2;width:7px;height:40%;transition:opacity 1.2s;position:absolute;top:30%;right:24px;transform:translate(50%)}.thread.is-bright{opacity:.7}.thread-line{background:#e9e2cf8c;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.thread-node{box-sizing:border-box;background:#03060d;border:1px solid #e9e2cfe6;border-radius:50%;width:7px;height:7px;position:absolute;left:50%;transform:translate(-50%,-50%)}.thread-node.is-done{background:var(--gold);border-color:var(--gold)}.thread-node.is-current:after{content:"";opacity:0;pointer-events:none;border-radius:50%;animation:2.4s ease-in-out infinite node-pulse;position:absolute;inset:-1px;box-shadow:0 0 0 3px #ffc86159}@keyframes node-pulse{0%,to{opacity:0}50%{opacity:1}}.btn{pointer-events:auto;cursor:pointer;font:inherit;color:var(--text-strong);border:1px solid var(--hair);letter-spacing:.12em;background:0 0;border-radius:2px;min-height:44px;padding:10px 22px;transition:border-color .3s,background-color .3s}.btn:hover{background:#e9e2cf0a;border-color:#e9e2cf8c}.btn:focus-visible,.gear:focus-visible,.rest-prompt:focus-visible,.overlay input[type=range]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.btn-primary{letter-spacing:.08em;font-size:19px;font-style:italic}.btn-small{min-width:88px;padding:6px 14px}.seg{gap:6px;display:inline-flex}.btn-seg{min-width:56px;padding:6px 12px}.btn-seg.is-on{color:#fff3dc;border-color:#ffe0a8bf}.panel{pointer-events:auto;cursor:auto;background:#050814b8;border:1px solid #e9e2cf29;border-radius:3px;padding:28px 30px 26px;box-shadow:0 30px 80px #00000080}.pause-backdrop{pointer-events:auto;cursor:auto;background:#03060d8c;justify-content:center;align-items:center;padding:16px;animation:.5s both fade-in;display:flex;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.pause-panel{flex-direction:column;align-items:stretch;gap:14px;width:min(380px,100vw - 32px);display:flex}.panel-title{text-align:center;color:var(--text-strong);margin:0 0 6px;font-size:24px;font-style:italic}.row{justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex}.row-label{letter-spacing:.35em;text-transform:uppercase;font-size:15px}.overlay input[type=range]{pointer-events:auto;cursor:pointer;accent-color:#ffe0a8;background:0 0;width:150px;height:44px}.end-wrap{justify-content:center;align-items:center;padding:16px;animation:2s both fade-in;display:flex;position:absolute;inset:0}.end-card{text-align:center;background:#03060d80;width:min(520px,100vw - 32px)}.end-title{color:var(--text-strong);margin:0;font-size:clamp(24px,3.4vw,34px);font-style:italic;font-weight:300}.end-stats{font-variant-numeric:lining-nums;letter-spacing:.06em;margin:14px 0 0;font-size:16px}.end-note{margin:10px 0 22px;font-size:17px;font-style:italic}.rest-prompt{pointer-events:auto;cursor:pointer;left:50%;bottom:max(36px, env(safe-area-inset-bottom));min-height:44px;font:inherit;color:var(--text);background:0 0;border:none;align-items:center;gap:10px;padding:8px 18px;font-size:18px;font-style:italic;animation:1.2s both fade-in,3.2s ease-in-out 1.2s infinite breathe;display:inline-flex;position:absolute;transform:translate(-50%)}.rest-glyph{width:20px;height:20px}.gear{pointer-events:auto;cursor:pointer;right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));color:#e9e2cf;opacity:.25;background:0 0;border:none;width:44px;height:44px;padding:10px;transition:opacity .3s;position:absolute}.gear:hover,.gear:focus-visible{opacity:.6}.gear svg{width:24px;height:24px;display:block}.debug-hud{color:#cfe3ff;pointer-events:none;background:#03060db3;border:1px solid #cfe3ff33;margin:0;padding:8px 10px;font:12px/1.45 ui-monospace,Consolas,monospace;position:absolute;top:8px;left:8px}@media (prefers-reduced-motion:reduce){.title-touch,.thread-node.is-current:after,.rest-prompt{animation:none}}.overlay.rm .title-touch,.overlay.rm .thread-node.is-current:after,.overlay.rm .rest-prompt{animation:none}