:root{--color-gold: #e8c87a;--color-gold-dim: #c09050;--color-gold-faint: #7a5020;--color-gold-bright: #ffdd88;--color-brown: #8b4a00;--color-brown-dark: #5a3a10;--color-ink: #1a0800;--color-bg-panel: rgba(0, 0, 0, .65);--color-bg-verse: rgba(0, 0, 0, .88);--color-hp-red: #cc2200;--color-hp-red-light: #ff4422;--font-display: "Cinzel", serif;--font-body: "Crimson Text", serif;--touch-control-y: 150px;--touch-side-x: 120px;--stick-size: 150px;--stick-knob-size: 62px;--button-cluster-size: 190px;--button-size: 70px}@media (max-width: 900px){:root{--touch-control-y: 120px;--touch-side-x: 98px;--stick-size: 124px;--stick-knob-size: 52px;--button-cluster-size: 158px;--button-size: 58px}}@media (min-width: 1200px){:root{--touch-control-y: 180px;--touch-side-x: 140px;--stick-size: 172px;--stick-knob-size: 70px;--button-cluster-size: 212px;--button-size: 78px}}.hud-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;font-family:var(--font-body);color:var(--color-gold)}.hud-chapter{position:absolute;top:24px;left:30px;font-family:var(--font-display)}.hud-chapter__label{font-size:11px;letter-spacing:3px;color:var(--color-gold-faint)}.hud-chapter__name{font-size:22px;color:var(--color-gold);text-shadow:0 0 20px var(--color-brown);margin-top:2px}.hud-objective{position:absolute;top:24px;left:50%;transform:translate(-50%);background:var(--color-bg-panel);border:1px solid var(--color-brown-dark);padding:10px 22px;max-width:440px;text-align:center;color:var(--color-gold-dim);font-size:15px;line-height:1.5}.hud-objective__label{font-family:var(--font-display);font-size:10px;letter-spacing:3px;color:var(--color-gold-faint);margin-bottom:4px}.hud-health{position:absolute;top:24px;right:30px;text-align:right}.hud-health__label{font-family:var(--font-display);font-size:10px;letter-spacing:3px;color:var(--color-gold-faint);margin-bottom:4px}.hud-health__bar-bg{width:160px;height:9px;background:#2a1500;border:1px solid var(--color-brown-dark)}.hud-health__bar-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--color-hp-red),var(--color-hp-red-light));transition:width .3s ease}.hud-verse{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-bg-verse);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .8s ease;pointer-events:none}.hud-verse.is-visible{opacity:1}.hud-verse__text{max-width:640px;padding:44px 64px;color:var(--color-gold);font-family:var(--font-body);font-size:22px;font-style:italic;line-height:1.75;text-align:center;border-left:2px solid var(--color-brown-dark);border-right:2px solid var(--color-brown-dark)}.hud-message{position:absolute;bottom:calc(var(--touch-control-y) + var(--button-cluster-size) / 2 + 20px);left:50%;transform:translate(-50%);background:var(--color-bg-panel);border:1px solid var(--color-brown-dark);border-left:3px solid var(--color-gold);padding:14px 28px;max-width:560px;text-align:center;color:var(--color-gold);font-family:var(--font-body);font-size:17px;line-height:1.7;font-style:italic;opacity:0;transition:opacity .5s ease;pointer-events:none}.hud-message.is-visible{opacity:1}#title-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#1a0800,#000 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:300;cursor:pointer;transition:opacity .6s ease}#title-screen.ts-fading{opacity:0;pointer-events:none}.ts-title{font-family:var(--font-display);font-size:56px;font-weight:900;color:var(--color-gold);text-shadow:0 0 40px #e8943a,0 0 80px var(--color-brown);letter-spacing:8px;margin-bottom:6px}.ts-subtitle{font-family:var(--font-display);font-size:16px;color:var(--color-gold-dim);letter-spacing:6px;margin-bottom:40px}.ts-divider{width:200px;height:1px;background:var(--color-brown-dark);margin:4px 0 20px}.ts-verse{font-family:var(--font-body);font-style:italic;color:var(--color-gold-faint);font-size:16px;max-width:480px;text-align:center;line-height:1.7;margin-bottom:50px;padding:0 20px;border-left:2px solid var(--color-brown-dark);border-right:2px solid var(--color-brown-dark)}.ts-chapter-badge{font-family:var(--font-display);font-size:12px;letter-spacing:3px;color:var(--color-gold-faint);margin-bottom:10px}.ts-chapter-title{font-family:var(--font-display);font-size:26px;color:var(--color-gold);margin-bottom:44px}.ts-begin{font-family:var(--font-display);font-size:15px;letter-spacing:4px;padding:14px 50px;background:transparent;border:1px solid var(--color-gold);color:var(--color-gold);cursor:pointer;text-transform:uppercase;transition:all .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ts-begin:hover,.ts-begin:active{background:var(--color-gold);color:var(--color-ink)}@media (max-width: 600px){.ts-title{font-size:36px;letter-spacing:4px}.ts-subtitle{font-size:12px}.ts-verse{font-size:14px;max-width:320px}.ts-chapter-title{font-size:20px}}#chapter-select{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#1a0800,#000 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:300;transition:opacity .4s ease}#chapter-select.cs-fading{opacity:0;pointer-events:none}.cs-header{font-family:var(--font-display);font-size:14px;letter-spacing:4px;color:var(--color-gold-faint);margin-bottom:32px}.cs-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:800px;padding:0 20px}.cs-card{width:200px;padding:24px 20px;background:#1a0800cc;border:1px solid var(--color-brown-dark);cursor:pointer;text-align:center;transition:border-color .2s,transform .2s,box-shadow .2s}.cs-card:hover{border-color:var(--color-gold);transform:translateY(-2px);box-shadow:0 4px 20px #e8c87a26}.cs-card.cs-locked{opacity:.35;cursor:not-allowed}.cs-card.cs-locked:hover{border-color:var(--color-brown-dark);transform:none;box-shadow:none}.cs-card.cs-complete{border-color:var(--color-gold-dim)}.cs-card-badge{font-family:var(--font-display);font-size:10px;letter-spacing:3px;color:var(--color-gold-faint);margin-bottom:8px}.cs-card-title{font-family:var(--font-display);font-size:16px;color:var(--color-gold);margin-bottom:6px}.cs-card-prophet{font-family:var(--font-body);font-size:15px;color:var(--color-gold-dim);margin-bottom:4px}.cs-card-scripture{font-family:var(--font-body);font-style:italic;font-size:13px;color:var(--color-gold-faint);margin-bottom:8px}.cs-card-status{font-family:var(--font-display);font-size:9px;letter-spacing:2px;color:var(--color-gold-dim);margin-top:8px}@media (max-width: 500px){.cs-card{width:160px;padding:18px 14px}.cs-card-title{font-size:14px}}.hud-damage-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#c8000040;opacity:0;pointer-events:none;transition:opacity .1s ease}.touch-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;font-family:var(--font-display)}.touch-stick,.touch-btn{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.touch-buttons{pointer-events:none}.touch-stick{position:absolute;left:var(--touch-side-x);bottom:var(--touch-control-y);width:var(--stick-size);height:var(--stick-size);margin-left:calc(var(--stick-size) / -2);margin-bottom:calc(var(--stick-size) / -2);border-radius:50%;border:2px solid rgba(232,200,122,.7);background:radial-gradient(circle at center,#e8c87a1a,#1a08008c 55%,#0009);box-shadow:0 0 24px #00000080,inset 0 0 18px #8b4a0059;display:grid;place-items:center}.touch-stick-knob{width:var(--stick-knob-size);height:var(--stick-knob-size);border-radius:50%;background:radial-gradient(circle at 38% 38%,var(--color-gold-bright) 0%,var(--color-gold) 40%,var(--color-brown) 100%);box-shadow:0 0 14px #e8c87a8c,inset 0 -2px 6px #00000059;will-change:transform;pointer-events:none}.touch-buttons{position:absolute;right:var(--touch-side-x);bottom:var(--touch-control-y);width:var(--button-cluster-size);height:var(--button-cluster-size);margin-right:calc(var(--button-cluster-size) / -2);margin-bottom:calc(var(--button-cluster-size) / -2)}.touch-btn{position:absolute;width:var(--button-size);height:var(--button-size);margin:calc(var(--button-size) / -2);border-radius:50%;border:2px solid rgba(232,200,122,.8);background:radial-gradient(circle at 40% 40%,#e8c87a33,#1a080099 60%,#000000bf);box-shadow:0 0 20px #00000080,inset 0 0 10px #8b4a0059;color:var(--color-gold);font-family:var(--font-display);font-size:22px;font-weight:700;text-shadow:0 0 10px var(--color-brown);padding:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:transform 80ms ease,background 80ms ease,box-shadow 80ms ease}.touch-btn:active{transform:scale(.92);background:radial-gradient(circle at 40% 40%,#ffdd888c,#8b4a00e6);box-shadow:0 0 32px #e8c87a8c,inset 0 0 14px #ffdd8880}.touch-btn-y{left:50%;top:0%}.touch-btn-a{left:50%;top:100%}.touch-btn-x{left:0%;top:50%}.touch-btn-b{left:100%;top:50%}