#game{isolation:isolate;position:relative}#game canvas{z-index:0;display:block;position:relative}.hud-root{z-index:30;pointer-events:none;color:#f5f0e6;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.hud-root button{appearance:none;color:inherit;text-align:center;cursor:pointer}.env-vignette-top,.env-vignette-bottom{pointer-events:none;z-index:0;position:absolute;left:0;right:0}.env-vignette-top{background:linear-gradient(#000000c7 0%,#00000047 48%,#0000 100%);height:150px;top:0}.env-vignette-bottom{background:linear-gradient(#0000 0%,#00000052 48%,#000000d1 100%);height:170px;bottom:0}.scroll-hud,.scroll-modal,.nav-dock,.scroll-card,.hud-toast{-webkit-backdrop-filter:blur(10px);background:linear-gradient(#100c13e0 0%,#09060bf0 100%);border:1px solid #f59e0b59;box-shadow:0 10px 28px #000000d9}.scroll-hud{top:calc(var(--safe-top,0px) + 10px);z-index:2;pointer-events:auto;border-radius:18px;align-items:center;gap:10px;height:56px;padding:8px 12px;display:flex;position:absolute;left:10px;right:10px}.hud-crystal{object-fit:contain;flex:none;width:28px;height:28px}.hud-influence{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.hud-count,.hud-rate,.hud-lvl,.hud-buff,.tome-cost,.tome-rate,.reward-frac{font-family:JetBrains Mono,monospace;font-weight:500}.hud-count{color:#fff;transform-origin:0;font-size:15px;line-height:1.1}.hud-rate{color:#6ee7b7;font-size:11px}.hud-level{cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;gap:3px;width:118px;padding:0;display:flex}.hud-level-row{align-items:center;gap:6px;display:flex}.hud-lvl{letter-spacing:.12em;color:#fde68a;font-size:10px}.hud-up{letter-spacing:.08em;color:#fbbf24;text-shadow:0 0 8px #f59e0bcc;margin-left:auto;font-size:9px}.hud-up[hidden],.hud-bar[hidden],.hud-buff[hidden]{display:none}.hud-bar{align-items:center;gap:4px;display:flex}.hud-bar img{object-fit:contain;width:12px;height:12px}.hud-track{background:#121018;border-radius:99px;flex:1;height:6px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000073}.hud-fill{border-radius:inherit;width:0;height:100%}.hud-fill.xp{background:linear-gradient(90deg,#34d399,#6ee7b7)}.hud-fill.mana{background:linear-gradient(90deg,#38bdf8,#7dd3fc)}.hud-buff{color:#fde68a;font-size:11px}.hud-stage{top:calc(var(--safe-top,0px) + 76px);z-index:2;pointer-events:none;flex-direction:column;display:flex;position:absolute;bottom:96px;left:14px;right:14px}.scroll-modal{pointer-events:auto;border-radius:22px;flex-direction:column;flex:1;min-height:0;padding:18px 16px 14px;display:flex}.scroll-kicker{letter-spacing:.32em;text-transform:uppercase;color:#34d399;text-align:center;font-family:JetBrains Mono,monospace;font-size:9px}.scroll-title{text-align:center;color:#f8f4ea;margin:4px 0 14px;font-family:Cinzel Decorative,serif;font-size:28px;font-weight:900}.scroll-section{letter-spacing:.22em;text-transform:uppercase;color:#86efac;margin:8px 2px;font-family:JetBrains Mono,monospace;font-size:10px}.scroll-body{flex:1;min-height:0;padding-right:4px;overflow-y:auto}.scroll-body::-webkit-scrollbar{width:4px}.scroll-body::-webkit-scrollbar-thumb{background:#f59e0b66;border-radius:99px}.scroll-card{background:#16101bc7;border:1px solid #f59e0b2e;border-radius:14px;box-shadow:inset 0 1px #ffffff0a,0 10px 28px #000000d9}.scroll-card-active{background:linear-gradient(#16101beb,#16101beb) padding-box padding-box,linear-gradient(135deg,#10b981bf,#f59e0b73) border-box;border:1px solid #0000}.scroll-card-claim{border:1px solid #f59e0bb3;box-shadow:inset 0 1px #ffffff0f,0 0 16px #f59e0b47,0 10px 28px #000000d9}.audio-row,.about-btn,.tome-row,.reward-row,.chapter-card,.dev-btn{pointer-events:auto}.audio-row,.tome-row,.reward-row,.chapter-card,.hud-level{text-align:left}.audio-row,.tome-row{width:100%}.audio-row{justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 16px;font-family:Cormorant Garamond,serif;font-size:20px;font-style:italic;display:flex}.audio-toggle{color:#6ee7b7;background:#10b9811f;border:1px solid #10b981b3;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:62px;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex}.audio-toggle.is-off{color:#94a3b8;background:#0f0c12b3;border-color:#94a3b866}.about-grid,.dev-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.about-btn,.dev-btn,.ritual-btn,.nav-btn,.claim-btn{text-align:center}.about-btn,.dev-btn{color:#f5f0e6;cursor:pointer;padding:16px 8px;font-family:Cormorant Garamond,serif;font-size:20px;font-style:italic}.hud-root .ritual-btn{color:#fbbf24;letter-spacing:.12em;text-align:center;cursor:pointer;background:linear-gradient(#402a0c8c,#140c06e6);border:1px solid #f59e0b8c;border-radius:12px;width:100%;margin-top:6px;padding:12px 8px 12px calc(8px + .12em);font-family:Cinzel Decorative,serif;font-size:16px;box-shadow:0 10px 28px #000000d9}.hud-root .tome-row,.hud-root .reward-row,.hud-root .chapter-card{text-align:left;grid-template-columns:56px 1fr auto;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;display:grid}.tome-row.is-locked{opacity:1}.tome-row.is-locked>:not(.tome-art){opacity:.5}.tome-art,.reward-row img,.chapter-card img{object-fit:contain;background-color:#08060a8c;background-position:50%;background-repeat:no-repeat;background-size:contain;background-origin:content-box;border-radius:10px;width:48px;height:48px;padding:4px;overflow:hidden}.tome-art.is-lock{background-size:0;place-items:center;padding:6px;display:grid}.tome-art.is-lock:after{content:"";aspect-ratio:7/11;background-image:inherit;background-position:0;background-repeat:no-repeat;background-size:500% 100%;height:100%}.tome-copy,.tome-side{flex-direction:column;justify-content:center;gap:2px;min-width:0;display:flex}.tome-side{text-align:right}.tome-name,.reward-title,.chapter-kicker{text-align:left;font-family:Cormorant Garamond,serif;font-size:18px;font-style:italic}.tome-meta,.reward-hint,.chapter-name{color:#c4b5a0;justify-content:space-between;gap:8px;margin-top:4px;font-size:12px;display:flex}.tome-cost{color:#fde68a;align-items:center;gap:4px;font-size:12px;display:inline-flex}.tome-cost img{object-fit:contain;width:12px;height:12px}.reward-bar{background:#161018;border-radius:99px;height:8px;margin-top:6px;overflow:hidden}.reward-bar>span{background:linear-gradient(90deg,#34d399,#a3e635);height:100%;display:block}.claim-btn{letter-spacing:.08em;color:#0b0a08;cursor:pointer;background:linear-gradient(#fbbf24,#d97706);border:0;border-radius:8px;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:11px}.chapter-card{pointer-events:auto;margin-top:auto}.chapter-card.is-locked{opacity:.7}.nav-dock{z-index:2;pointer-events:auto;border-radius:18px;grid-template-columns:repeat(5,1fr);height:76px;padding:6px 4px 4px;display:grid;position:absolute;bottom:10px;left:10px;right:10px}.nav-btn{color:#9ca3af;letter-spacing:.02em;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin:2px 3px;font-family:JetBrains Mono,monospace;font-size:8px;display:flex;position:relative}.nav-btn img{object-fit:contain;filter:grayscale(.35)brightness(.85);width:26px;height:26px}.nav-btn.is-on,.nav-btn:focus-visible{color:#e8c078;background:#0a070c8c;border-color:#d4af37e0;outline:none}.nav-btn.is-on img,.nav-btn:focus-visible img{filter:none}.nav-btn.is-off{opacity:.28;pointer-events:none}.nav-dot{color:#fff;text-align:center;background:#ef4444;border-radius:50%;width:14px;height:14px;font-size:10px;font-weight:700;line-height:14px;position:absolute;top:2px;right:10px;box-shadow:0 0 10px #ef4444e6}.nav-dot[hidden]{display:none}.hud-toast{top:calc(var(--safe-top,0px) + 76px);z-index:5;color:#fde68a;white-space:nowrap;opacity:0;pointer-events:none;border-radius:10px;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:12px;transition:opacity .35s;position:absolute;left:50%;transform:translate(-50%)}.hud-toast.is-on{opacity:1}.hud-finger{z-index:6;pointer-events:none;width:64px;height:64px;margin:-32px 0 0 -32px;animation:.55s ease-in-out infinite alternate finger-up;position:absolute}.hud-finger.is-down{animation-name:finger-down}@keyframes finger-up{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes finger-down{0%{transform:scaleY(-1)translateY(0)}to{transform:scaleY(-1)translateY(-10px)}}.credits-list{grid-template-columns:1fr 1fr;gap:2px 12px;padding:8px 8px 16px;font-family:Cormorant Garamond,serif;font-size:16px;display:grid}.credits-role{text-align:right;color:#86efac}.credits-name{color:#f5f0e6}.credits-wordmark{text-align:center;margin:4px 0 8px;font-family:Cinzel Decorative,serif;font-size:26px;font-weight:900}.splash-layer{z-index:40;pointer-events:auto;background:#0704089e;justify-content:center;align-items:center;padding:84px 14px 96px;display:flex;position:absolute;inset:0}.splash-layer[hidden]{display:none}.splash-modal{flex:none;width:100%;max-height:100%}.splash-copy{text-align:center;color:#f5f0e6;font-family:Cormorant Garamond,serif;font-size:18px;font-style:italic;line-height:1.4}.splash-stat{text-align:center;color:#fde68a;margin:12px 0 4px;font-family:JetBrains Mono,monospace;font-size:14px}.splash-icon{object-fit:contain;width:72px;height:72px;margin:4px auto 14px;display:block}.splash-actions{flex-direction:column;align-items:center;gap:10px;margin-top:16px;display:flex}.hud-root .back-btn{color:#f5f0e6;text-align:center;cursor:pointer;min-width:120px;padding:10px 16px;font-family:Cormorant Garamond,serif;font-size:18px;font-style:italic}.story-back{z-index:3;pointer-events:auto;min-width:88px;position:absolute;bottom:96px;left:14px}.story-back[hidden]{display:none}.splash-lock{transform-origin:50%;mix-blend-mode:screen;pointer-events:none;background-position:0 0;background-repeat:no-repeat;background-size:500% 100%;width:min(200px,52vw);height:min(320px,46vh)}.splash-portrait{background:#08060a8c;border:1px solid #f59e0b2e;border-radius:12px;width:96px;height:96px;margin:0 auto 12px;overflow:hidden}.splash-portrait img{max-width:none;display:block}