:root{--gold:#c4a35a;--gold-dim:#c4a35a44;--gold-glow:#c4a35a22;--bg-deep:#050505;--bg-surface:#0d0d0d;--bg-card:#111;--bg-hover:#1a1a1a;--text-primary:#e0ddd5;--text-dim:#8a8780;--text-faint:#5a5955;--border:#2a2825;--border-hover:#3d3a35;--danger:#c44a4a;--danger-dim:#c44a4a33}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg-deep);color:var(--text-primary);font-family:Georgia,"Noto Serif SC","Source Han Serif CN",serif;font-size:32px;line-height:1.7;-webkit-font-smoothing:antialiased;height:100vh;height:100dvh;overflow:hidden;text-size-adjust:100%}body:before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dim{0%,to{opacity:.5}50%{opacity:.8}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.animate-fadeIn{animation:fadeInUp .6s ease-out both}.animate-fadeIn-delay{animation:fadeInUp .6s ease-out .2s both}.animate-pulse-dim{animation:pulse-dim 2s ease-in-out infinite}button{font-family:inherit;transition:all .2s ease}button:focus-visible{outline:1px solid var(--gold);outline-offset:2px}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}::selection{background:var(--gold-dim);color:var(--text-primary)}@media (max-width:768px){html{font-size:18px}body,html{height:100dvh}input,select,textarea{font-size:16px!important}button{min-height:44px}.kbd-hint{display:none}::-webkit-scrollbar{display:none}}@media (max-width:480px){html{font-size:16px}}.kbd-hint{display:inline-block;padding:.1rem .35rem;font-size:.65rem;font-family:monospace;color:var(--text-faint);line-height:1.2;vertical-align:middle}.kbd-hint,[data-tooltip]:hover:after{border:1px solid var(--border);border-radius:2px}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:.3rem .6rem;background:var(--bg-card);font-size:.7rem;color:var(--text-dim);white-space:nowrap;pointer-events:none;z-index:100}input:focus,textarea:focus{outline:none;border-color:var(--gold-dim)!important}.narrative-text p+p{margin-top:.6em}@keyframes shake{0%,to{transform:translateX(0)}10%{transform:translateX(-4px) rotate(-.3deg)}20%{transform:translateX(4px) rotate(.3deg)}30%{transform:translateX(-3px)}40%{transform:translateX(3px)}50%{transform:translateX(-2px)}60%{transform:translateX(2px)}70%{transform:translateX(-1px)}80%{transform:translateX(1px)}}.screen-shake{animation:shake .45s ease-in-out}@keyframes flashFade{0%{opacity:.35}to{opacity:0}}.outcome-flash{position:fixed;inset:0;z-index:9998;pointer-events:none;animation:flashFade .8s ease-out forwards}.flash-success{background:radial-gradient(ellipse at center,#2a5a2a 0,transparent 70%)}.flash-crit-success{background:radial-gradient(ellipse at center,#5a4a1a 0,transparent 70%)}.flash-failure{background:radial-gradient(ellipse at center,#5a2a2a 0,transparent 70%)}.flash-crit-failure{background:radial-gradient(ellipse at center,#6a1a1a 0,transparent 70%)}.flash-partial{background:radial-gradient(ellipse at center,#3a3520 0,transparent 70%)}@keyframes deltaFloat{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-18px)}}.status-delta{position:absolute;top:-4px;right:-8px;font-size:.62rem;font-weight:700;font-family:monospace;animation:deltaFloat 1.2s ease-out forwards;pointer-events:none;white-space:nowrap}.delta-positive{color:#5aaa5a}.delta-negative{color:var(--danger)}@keyframes optionPulse{0%{box-shadow:0 0 0 0 var(--gold-dim)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.option-pressed{animation:optionPulse .4s ease-out}@keyframes dangerPulse{0%,to{opacity:.15}50%{opacity:.35}}.hp-danger-vignette{position:fixed;inset:0;z-index:9997;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,#1a0000 100%);animation:dangerPulse 3s ease-in-out infinite}@keyframes resultSlideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.result-banner{animation:resultSlideIn .4s ease-out both}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes crtFlicker{0%{opacity:0}5%{opacity:.02}10%{opacity:0}15%{opacity:.04}25%{opacity:0}30%{opacity:.02}50%{opacity:0}55%{opacity:.03}70%{opacity:0}80%{opacity:.02}to{opacity:0}}.crt-flicker{animation:crtFlicker 3s infinite;background:rgba(196,163,90,.1)}