#root{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;text-align:left!important}:root{--amber: #c17700;--amber-bright: #e89923;--ink: #16120e;--parchment: #ede3d2;--accent: var(--amber);--font-label: "Cinzel", Georgia, serif;--font-title: "Playfair Display", Georgia, serif;--font-body: "Libre Baskerville", Georgia, serif;--max-content: 1040px;--reading-col: 640px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%}body{width:100%;min-height:100vh;background:#0c0908;color:#e2d5b8;font-family:Libre Baskerville,Georgia,serif;background-image:radial-gradient(circle,rgba(255,255,255,.012) 1px,transparent 1px);background-size:4px 4px}#root{width:100%!important;max-width:none!important;padding:0!important;text-align:left!important;margin:0!important;display:flex;flex-direction:column;align-items:center}.game-wrapper{width:100%;max-width:1040px;padding:40px 56px 100px}.main-panel{background:#100d09;box-shadow:0 0 0 1px #3d2c12,0 0 0 5px #100d09,0 0 0 6px #2a1e0a,0 28px 72px #000000bf;overflow:hidden;margin-bottom:28px;--accent: #C17700}.panel-accent{height:7px}.panel-inner{padding:32px 44px}.meters{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:30px;padding-bottom:26px;border-bottom:1px solid #2a1e0a;position:relative}.meters:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#3d2c12 15%,#3d2c12 85%,transparent)}.meter-item{display:flex;flex-direction:column;gap:8px}.meter-label{font-family:Cinzel,serif;font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;color:#7a6440;white-space:nowrap}.meter-bar-bg{height:6px;background:#1c1408;overflow:hidden;position:relative}.meter-bar-fill{height:100%;transition:width .85s cubic-bezier(.4,0,.2,1);position:relative}.meter-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:rgba(255,255,255,.15)}.meter-value{font-family:Cinzel,serif;font-size:12px;font-weight:700;color:#c8a455;letter-spacing:.04em}h1.game-title{font-family:Cinzel,serif;font-size:clamp(4rem,14vw,9rem);font-weight:900;line-height:.9;letter-spacing:.05em;color:#c17700;text-shadow:0 0 120px rgba(193,119,0,.5),0 0 40px rgba(193,119,0,.25),0 6px 24px rgba(0,0,0,.95)}h2.screen-title{font-family:Playfair Display,Georgia,serif;font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:700;color:#f2e6c4;line-height:1.15;margin-bottom:20px}.eyebrow{font-family:Cinzel,serif;font-size:9.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent, #C17700);margin-bottom:14px;display:block;opacity:.8}p.body-text{font-size:18px;line-height:1.95;color:#ccc0a0;margin-bottom:18px}.quote-block{margin:32px 0;padding:28px 36px 24px 60px;border-top:1px solid var(--accent, #C17700);border-bottom:1px solid #2a1e0a;background:linear-gradient(150deg,rgba(193,119,0,.06) 0%,transparent 60%);position:relative}.quote-block:before{content:"“";font-family:Playfair Display,Georgia,serif;font-size:110px;line-height:1;color:var(--accent, #C17700);opacity:.15;position:absolute;top:2px;left:14px;pointer-events:none}.quote-text{font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:20px;line-height:1.72;color:#ecddb8;margin-bottom:12px}.quote-source{font-family:Cinzel,serif;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:#7a6440}.btn{display:inline-block;padding:14px 36px;border:none;font-family:Cinzel,serif;font-size:11.5px;font-weight:700;letter-spacing:.2em;cursor:pointer;text-transform:uppercase;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transition:left .35s ease}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0009;filter:brightness(1.08)}.btn:active{transform:none;box-shadow:none;filter:none}.btn-primary{background:var(--accent, #C17700);color:#fff}.btn-secondary{background:#170f07;color:#a08858;border:1px solid #3a2810}.btn-outline{background:transparent;color:var(--accent, #C17700);border:2px solid var(--accent, #C17700)}.choice-card{border:1px solid #2e1e08;border-left:5px solid #2e1e08;padding:20px 24px;margin-bottom:12px;cursor:pointer;background:#0b0906;transition:all .22s ease;position:relative}.choice-card:hover{border-left-color:var(--accent, #C17700);border-color:#c177004d;background:#140f07;transform:translate(5px);box-shadow:-4px 0 0 var(--accent, #C17700),4px 0 20px #0006}.choice-card.selected{border-left-color:var(--accent, #C17700);border-color:#c1770040;background:#140f07;opacity:.55;cursor:default;transform:none}.choice-label{font-family:Cinzel,serif;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent, #C17700);margin-bottom:8px;font-weight:700}.choice-text{font-size:17px;line-height:1.82;color:#ccc0a0}.hinge-option{border:1px solid #2e1e08;border-left:5px solid #2e1e08;padding:17px 22px;margin-bottom:11px;cursor:pointer;font-size:17px;line-height:1.75;color:#ccc0a0;background:#0b0906;transition:all .22s ease}.hinge-option:hover:not(.disabled){border-left-color:var(--accent, #C17700);border-color:#c177004d;background:#140f07;transform:translate(5px)}.hinge-option.correct{border-left-color:#5ab85a;border-color:#5ab85a4d;background:rgba(58,122,58,.09);color:#8acc90;transform:none}.hinge-option.incorrect{border-left-color:#b85a5a;border-color:#b85a5a4d;background:rgba(122,58,58,.09);color:#cc9090;transform:none}.hinge-option.disabled{cursor:default;transform:none}.hinge-explanation{background:#080604;border:1px solid #2e1e08;border-top:4px solid var(--accent, #C17700);padding:24px 30px;margin-top:20px}.skill-tag{display:inline-block;font-family:Cinzel,serif;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent, #C17700);border:1px solid var(--accent, #C17700);padding:4px 14px;margin-bottom:16px;opacity:.85}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}.chapter-card{border:1px solid #2e1e08;border-top:5px solid #2e1e08;padding:22px 20px 18px;cursor:pointer;background:#0b0906;transition:all .22s ease}.chapter-card:hover:not(.locked){border-top-color:var(--accent, #C17700);border-color:#c177004d;background:#140f07;transform:translateY(-4px);box-shadow:0 12px 32px #0000008c}.chapter-card.locked{opacity:.25;cursor:not-allowed}.chapter-card.complete{border-top-color:#4a8a4a;border-color:#4a8a4a40}.chapter-num{font-family:Cinzel,serif;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#5a4220;margin-bottom:8px}.chapter-name{font-family:Playfair Display,Georgia,serif;font-size:18px;font-weight:700;color:#ecddb8;margin-bottom:6px;line-height:1.2}.chapter-sub{font-size:13px;color:#7a6440;font-style:italic}.chapter-status{font-family:Cinzel,serif;font-size:8.5px;margin-top:12px;color:#5a8a5a;letter-spacing:.12em;text-transform:uppercase}.verdict-box{border:1px solid var(--accent, #C17700);border-top:6px solid var(--accent, #C17700);padding:30px 36px;margin-top:30px;background:linear-gradient(150deg,rgba(193,119,0,.07) 0%,transparent 60%)}.verdict-title{font-family:Cinzel,serif;font-size:28px;font-weight:700;letter-spacing:.06em;color:var(--accent, #C17700);margin-bottom:6px}.crisis-screen{text-align:center;padding:72px 24px}.crisis-title{font-family:Cinzel,serif;font-size:clamp(2.6rem,10vw,6rem);font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--accent, #C17700);text-shadow:0 0 100px var(--accent, #C17700),0 0 40px rgba(193,119,0,.6),0 6px 24px rgba(0,0,0,.95);margin-bottom:36px;animation:flicker 3s ease-in-out infinite}@keyframes flicker{0%,to{opacity:1}40%{opacity:.95}46%{opacity:.62}52%{opacity:.98}78%{opacity:.94}82%{opacity:.72}86%{opacity:1}}.progress-row{display:flex;align-items:center;gap:9px;margin-bottom:24px}.progress-pip{width:10px;height:10px;border-radius:50%;background:#2e1e08;border:1px solid #3d2c12}.progress-pip.done{background:var(--accent, #C17700);border-color:var(--accent, #C17700)}.progress-pip.current{background:var(--accent, #C17700);border-color:var(--accent, #C17700);box-shadow:0 0 12px var(--accent, #C17700)}.delta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.delta{font-family:Cinzel,serif;font-size:10px;font-weight:700;padding:5px 14px;letter-spacing:.1em;text-transform:uppercase}.delta.pos{background:rgba(44,110,73,.12);color:#7acc8a;border:1px solid rgba(44,110,73,.3)}.delta.neg{background:rgba(139,26,26,.12);color:#cc8a7a;border:1px solid rgba(139,26,26,.3)}hr.divider{border:none;height:1px;background:linear-gradient(90deg,transparent 0%,#3d2c12 15%,#3d2c12 85%,transparent 100%);margin:26px 0}.role-tag{display:inline-block;font-family:Cinzel,serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#9a8660;background:#0a0806;border:1px solid #2e1e08;padding:6px 18px;margin-bottom:22px}.title-rule{width:80px;height:1px;background:var(--accent, #C17700);margin:0 auto;opacity:.5}@media (max-width: 1060px){.game-wrapper{padding:32px 40px 80px}.panel-inner{padding:28px 36px}}@media (max-width: 780px){.game-wrapper{padding:22px 22px 60px}.panel-inner{padding:22px}.meters{grid-template-columns:repeat(2,1fr);gap:18px}.chapter-grid{grid-template-columns:1fr 1fr;gap:12px}p.body-text{font-size:17px}.choice-text,.hinge-option{font-size:16px}.quote-text{font-size:18px}h2.screen-title{font-size:clamp(1.5rem,5vw,2.2rem)}.choice-card:hover{transform:translate(3px)}.hinge-option:hover:not(.disabled){transform:translate(3px)}}@media (max-width: 500px){.game-wrapper{padding:14px 14px 60px}.panel-inner{padding:16px}.meters{grid-template-columns:repeat(2,1fr);gap:12px}.chapter-grid{grid-template-columns:1fr}p.body-text{font-size:16px;line-height:1.85}.choice-text,.hinge-option{font-size:15px}.quote-text{font-size:16px}h2.screen-title{font-size:clamp(1.3rem,6vw,1.8rem)}.btn{padding:12px 22px;font-size:11px}.choice-card:hover{transform:none}.chapter-card:hover:not(.locked){transform:none;box-shadow:none}.hinge-option:hover:not(.disabled){transform:none}}.eyebrow,.choice-label{color:#c17700}.skill-tag,.btn-outline{color:#c17700;border-color:#c17700}.meter-label,.quote-source{color:#a58c5e}.chapter-num{color:#8f7850}:root{--treat-intensity: .85;--treat-scrim: rgba(12, 9, 8, .72)}.slot{position:relative;overflow:hidden;background:#0c0908;isolation:isolate}.slot__img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(calc(.35 * var(--treat-intensity))) sepia(calc(.55 * var(--treat-intensity))) hue-rotate(-12deg) saturate(calc(1 + .15 * var(--treat-intensity))) contrast(calc(1 + .08 * var(--treat-intensity))) brightness(.94)}.slot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:var(--accent, #c17700);mix-blend-mode:soft-light;opacity:calc(.5 * var(--treat-intensity))}.slot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(120% 120% at 50% 30%,transparent 40%,rgba(12,9,8,.55) 100%);mix-blend-mode:multiply}.slot--scrim .slot__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(to top,var(--treat-scrim) 0%,rgba(12,9,8,.45) 32%,transparent 68%)}.slot__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(20px,5vw,56px)}.slot--hero{width:100%;aspect-ratio:16 / 9;max-height:62vh}.slot--frontispiece{width:100%;aspect-ratio:21 / 9;max-height:340px}.slot--portrait{width:clamp(120px,34%,200px);aspect-ratio:3 / 4;border-radius:2px;box-shadow:0 0 0 1px #c1770059,0 0 22px #c177002e,0 18px 40px #0009}.slot--portrait:after{background:radial-gradient(120% 120% at 50% 25%,transparent 55%,rgba(12,9,8,.4) 100%)}.slot--insert{width:100%;aspect-ratio:4 / 3;border:1px solid #2e1e08;border-top:3px solid var(--accent, #c17700)}.slot--insert .slot__img{filter:grayscale(calc(.2 * var(--treat-intensity))) sepia(calc(.4 * var(--treat-intensity))) contrast(1.03) brightness(.96)}.slot-caption{font-family:Cinzel,Georgia,serif;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#7a6440;margin-top:8px;line-height:1.5}.slot--placeholder .slot__img{filter:none;object-fit:contain;padding:8%;opacity:.6}.slot--placeholder:before,.slot--placeholder:after{display:none}@media (prefers-reduced-motion: reduce){.slot__img{animation:none!important;transition:none!important}}