:root{--bg-void: #0a0814;--bg-panel: #16132a;--bg-panel-hover: #1f1a38;--bg-combat: #120e20;--ink: #f2e6cc;--ink-dim: #c4a882;--ink-faint: #9a8a70;--gold: #d4b578;--gold-bright: #ecd398;--gold-glow: rgba(212, 181, 120, .45);--violet: #8068c8;--violet-glow: rgba(128, 104, 200, .35);--blood: #8c3030;--blood-glow: rgba(140, 48, 48, .4);--line: #342a4c;--line-light: #483d66;--ok: #4a9c70;--ok-bright: #68cc92;--danger: #d04848;--warning: #d0a048;--sanity-high: #68cc92;--sanity-mid: #d0a048;--sanity-low: #d04848;--lucidity-color: #8cc8e8;--debt-color: #c46890;--rep-color: #d4b578;--shards-color: #a88ee8;--faction-cats: #8cc898;--faction-sailors: #6e9cc8;--faction-temple: #c88eaa;--font-body: "Georgia", "Times New Roman", serif;--font-ui: "Segoe UI", system-ui, -apple-system, sans-serif;--fs-xs: 13px;--fs-sm: 15px;--fs-base: 17px;--fs-md: 20px;--fs-lg: 26px;--fs-xl: 34px;--fs-2xl: 44px;--fs-hero: 64px;--lh-tight: 1.35;--lh-normal: 1.7;--lh-loose: 1.9;--sp-xs: 6px;--sp-sm: 10px;--sp-md: 16px;--sp-lg: 22px;--sp-xl: 32px;--sp-2xl: 44px;--sp-3xl: 60px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-panel: 0 4px 24px rgba(0, 0, 0, .5), 0 1px 4px rgba(0, 0, 0, .3);--shadow-btn: 0 2px 10px rgba(0, 0, 0, .35);--glow-gold: 0 0 18px var(--gold-glow);--glow-blood: 0 0 18px var(--blood-glow);--glow-violet: 0 0 18px var(--violet-glow);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .14s;--dur-normal: .28s;--dur-slow: .45s;--dur-dramatic: .85s}*,*:before,*:after{box-sizing:border-box;margin:0}*:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:var(--radius-sm)}html{font-size:var(--fs-base);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background:radial-gradient(ellipse at 20% 15%,#221a3a,var(--bg-void) 60%);color:var(--ink);font-family:var(--font-body);line-height:var(--lh-normal);overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--line-light)}#app{--scene-bg-image: url(/assets/images/backgrounds/bg_kadath_distant_spires.jpg);position:relative;display:grid;grid-template-columns:1fr 380px;min-height:100vh;isolation:isolate;transition:transform 80ms ease}#app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(110deg,#08060eb8,#050509d6),var(--scene-bg-image);background-size:cover;background-position:center;opacity:.75;z-index:-2;transition:background-image var(--dur-slow) ease,opacity var(--dur-slow) ease}#app:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 10% 10%,rgba(200,169,110,.07),transparent 44%),radial-gradient(circle at 80% 20%,rgba(122,37,37,.12),transparent 42%),linear-gradient(180deg,transparent 60%,rgba(4,4,8,.5));z-index:-1}.scene{padding:var(--sp-3xl) var(--sp-2xl);display:flex;flex-direction:column;gap:var(--sp-xl)}.scene-enter{animation:scene-in var(--dur-slow) var(--ease-out-expo)}@keyframes scene-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.start-screen,.summary-screen{align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,#0e0c1a99,#08070ebf);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scene-title{letter-spacing:.1em;color:var(--gold);font-size:var(--fs-xl);text-shadow:0 0 22px var(--gold-glow)}.scene-header{display:flex;align-items:center;gap:var(--sp-xl)}.scene-npc{width:88px;height:88px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 10px var(--gold-glow));border-radius:var(--radius-md);flex-shrink:0}.scene-text{line-height:var(--lh-loose);max-width:860px;color:var(--ink);font-size:var(--fs-md)}.scene-log{color:var(--ink-dim);font-size:var(--fs-sm);min-height:24px;margin-top:var(--sp-md);font-style:italic;padding:var(--sp-sm) var(--sp-md);border-left:2px solid var(--line);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.choices{display:flex;flex-direction:column;gap:var(--sp-md);max-width:820px}.choice-btn{position:relative;text-align:left;border:1px solid var(--line);background:#1a152dcc;color:var(--ink);padding:var(--sp-lg) var(--sp-xl);cursor:pointer;font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-normal);border-radius:var(--radius-md);transition:border-color var(--dur-fast),transform var(--dur-fast),box-shadow var(--dur-normal),background var(--dur-fast)}.choice-btn:hover:not(:disabled):not(.choice-btn-blocked){border-color:var(--gold);background:var(--bg-panel-hover);transform:translate(6px);box-shadow:var(--glow-gold),inset 0 0 50px #d4b5780a}.choice-btn:active:not(:disabled):not(.choice-btn-blocked){transform:translate(4px) scale(.997)}.choice-btn-blocked{opacity:.42;border-color:#3a3050;background:#15111fa6;cursor:not-allowed}.choice-btn-blocked:hover{border-color:#3a3050;transform:none;box-shadow:none}.choice-reason{margin-top:calc(var(--sp-xs) * -1);margin-bottom:var(--sp-xs);color:#c4aac4;font-size:var(--fs-xs);line-height:var(--lh-tight);padding-left:var(--sp-xl)}.combat-overlay{border:1px solid var(--blood);background:linear-gradient(135deg,#120e1ef2,#37121259);border-radius:var(--radius-lg);padding:var(--sp-2xl);animation:combat-appear var(--dur-dramatic) var(--ease-out-expo)}@keyframes combat-appear{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.combat-enemy{display:flex;flex-direction:column;align-items:center;gap:var(--sp-lg);margin-bottom:var(--sp-2xl)}.combat-enemy h2{color:var(--blood);text-transform:uppercase;letter-spacing:.12em;font-size:var(--fs-xl);text-shadow:0 0 20px var(--blood-glow)}.combat-enemy .combat-desc{color:var(--ink-dim);font-size:var(--fs-base);font-style:italic}.enemy-sprite{width:180px;height:180px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 14px var(--blood-glow));animation:enemy-pulse 2.2s ease-in-out infinite}@keyframes enemy-pulse{0%,to{filter:drop-shadow(0 0 12px rgba(122,37,37,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 22px rgba(122,37,37,.85));transform:scale(1.02)}}.combat-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-lg)}.combat-btn{display:flex;flex-direction:column;align-items:center;gap:var(--sp-sm);padding:var(--sp-lg) var(--sp-xl);border:1px solid var(--line);background:#161326e6;color:var(--ink);cursor:pointer;border-radius:var(--radius-md);font-family:var(--font-body);transition:border-color var(--dur-fast),transform var(--dur-fast),box-shadow var(--dur-normal)}.combat-btn:hover{transform:translateY(-3px)}.combat-btn-label{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:var(--fs-base)}.combat-btn-desc{font-size:var(--fs-sm);color:var(--ink-dim)}.combat-btn.attack-btn{border-color:var(--blood)}.combat-btn.attack-btn:hover{box-shadow:var(--glow-blood)}.combat-btn.defend-btn{border-color:var(--faction-sailors)}.combat-btn.defend-btn:hover{box-shadow:0 0 14px #5e8ab859}.combat-btn.focus-btn{border-color:var(--gold)}.combat-btn.focus-btn:hover{box-shadow:var(--glow-gold)}.combat-btn.ritual-btn{border-color:var(--violet)}.combat-btn.ritual-btn:hover{box-shadow:var(--glow-violet)}.sidebar{border-left:1px solid var(--line);background:linear-gradient(180deg,#130f22,#0a0812);padding:var(--sp-xl) var(--sp-lg);overflow-y:auto;max-height:100vh;content-visibility:auto}.panel{border:1px solid var(--line);padding:var(--sp-lg);margin-bottom:var(--sp-lg);background:#141123e0;border-radius:var(--radius-md);box-shadow:var(--shadow-panel)}.panel h3{margin:0 0 var(--sp-md);color:var(--gold);font-size:var(--fs-base);text-transform:uppercase;letter-spacing:.1em}.stat-bar-group{display:flex;flex-direction:column;gap:var(--sp-sm)}.stat-row{display:grid;grid-template-columns:auto 1fr auto;gap:var(--sp-md);align-items:center;font-size:var(--fs-sm);color:var(--ink-dim)}.stat-row .stat-label{display:flex;align-items:center;gap:var(--sp-sm);min-width:90px}.stat-icon{width:22px;height:22px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.stat-bar{height:10px;background:#2c224099;border-radius:5px;overflow:hidden;min-width:70px}.stat-bar-fill{height:100%;border-radius:5px;background:var(--bar-color, var(--gold));transition:width .7s var(--ease-out-expo);box-shadow:0 0 8px var(--bar-color, var(--gold))}.stat-value{font-weight:700;color:var(--ink);text-align:right;min-width:32px;font-size:var(--fs-base);font-variant-numeric:tabular-nums}.stat-delta-pos{color:var(--ok-bright);font-size:var(--fs-xs);font-weight:700;animation:delta-pop .9s var(--ease-out-back) forwards}.stat-delta-neg{color:var(--danger);font-size:var(--fs-xs);font-weight:700;animation:delta-pop .9s var(--ease-out-back) forwards}@keyframes delta-pop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.stats{list-style:none;padding:0;display:grid;gap:var(--sp-md)}.stats li{display:flex;justify-content:space-between;color:var(--ink-dim);font-size:var(--fs-sm)}.log{color:#d0c09a;font-size:var(--fs-sm);line-height:var(--lh-normal)}.toolbar{display:flex;gap:var(--sp-sm);flex-wrap:wrap;margin-bottom:var(--sp-md)}.toolbar button{border:1px solid var(--line);background:#19152ae6;color:var(--ink);padding:var(--sp-sm) var(--sp-lg);cursor:pointer;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.05em;transition:border-color var(--dur-fast),transform var(--dur-fast),box-shadow var(--dur-fast)}.toolbar button:hover:not(:disabled){border-color:var(--gold);transform:translateY(-2px);box-shadow:var(--shadow-btn)}.advanced-panel{margin-top:var(--sp-md);border-top:1px solid var(--line);padding-top:var(--sp-md)}.advanced-panel summary,.compact-sidebar>summary{color:var(--ink-dim);cursor:pointer;margin-bottom:var(--sp-md);font-family:var(--font-ui);font-size:var(--fs-sm);-webkit-user-select:none;user-select:none;transition:color var(--dur-fast)}.advanced-panel summary:hover,.compact-sidebar>summary:hover{color:var(--gold)}.compact-sidebar{border:1px solid var(--line);background:#120e1ee6;padding:var(--sp-lg);border-radius:var(--radius-md)}.compact-sidebar .panel{margin-bottom:var(--sp-sm)}.compact-sidebar .panel:last-child{margin-bottom:0}.menu-hero{display:flex;flex-direction:column;align-items:center;gap:var(--sp-lg);margin-bottom:var(--sp-3xl)}.menu-npc{width:140px;height:140px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 20px var(--gold-glow));animation:npc-breathe 3s ease-in-out infinite}@keyframes npc-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.menu-title{font-size:var(--fs-hero);letter-spacing:.2em;color:var(--gold-bright);text-shadow:0 0 28px var(--gold-glow),0 0 56px rgba(212,181,120,.18);animation:title-glow 4s ease-in-out infinite}@keyframes title-glow{0%,to{text-shadow:0 0 28px var(--gold-glow),0 0 56px rgba(212,181,120,.18)}50%{text-shadow:0 0 38px var(--gold-glow),0 0 72px rgba(212,181,120,.28),0 0 110px rgba(212,181,120,.1)}}.menu-subtitle{color:var(--ink-dim);font-size:var(--fs-lg);letter-spacing:.14em;font-weight:400}.menu-version{color:var(--ink-faint);font-size:var(--fs-sm);font-family:var(--font-ui)}.difficulty-cards{display:flex;gap:var(--sp-xl);flex-wrap:wrap;justify-content:center}.difficulty-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--sp-md);width:240px;padding:var(--sp-2xl) var(--sp-xl);border:1px solid var(--line);background:#161326d9;color:var(--ink);cursor:pointer;border-radius:var(--radius-lg);font-family:var(--font-body);transition:border-color var(--dur-normal),transform var(--dur-normal),box-shadow var(--dur-normal)}.difficulty-card:hover{border-color:var(--gold);transform:translateY(-6px);box-shadow:var(--glow-gold),var(--shadow-panel)}.difficulty-card h3{color:var(--gold);margin:0;font-size:var(--fs-xl);letter-spacing:.08em}.difficulty-card p{color:var(--ink-dim);font-size:var(--fs-base);margin:0;text-align:center;line-height:var(--lh-normal)}.difficulty-tag{display:inline-block;padding:var(--sp-sm) var(--sp-md);border:1px solid var(--line-light);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint)}.summary-ending{font-size:var(--fs-2xl);color:var(--gold-bright);text-shadow:0 0 24px var(--gold-glow);animation:scene-in var(--dur-dramatic) var(--ease-out-expo)}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-lg);text-align:left;width:100%;max-width:540px}.summary-stat{display:flex;justify-content:space-between;padding:var(--sp-md) var(--sp-lg);border:1px solid var(--line);border-radius:var(--radius-md);background:#161326b3;font-size:var(--fs-base)}.summary-stat span{color:var(--ink-dim)}.summary-stat strong{color:var(--ink)}.toast-container{position:fixed;top:var(--sp-lg);left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:var(--sp-sm);pointer-events:none}.toast{padding:var(--sp-md) var(--sp-xl);border-radius:var(--radius-md);font-size:var(--fs-base);font-family:var(--font-ui);white-space:nowrap;animation:toast-in .35s var(--ease-out-back),toast-out .4s 2s ease-in forwards;pointer-events:auto}.toast-info{border:1px solid var(--ok);background:#112018f2;color:#b8f0ce}.toast-achievement{border:1px solid var(--gold);background:#282012f2;color:var(--gold-bright);text-shadow:0 0 8px var(--gold-glow)}.toast-danger{border:1px solid var(--danger);background:#280c0cf2;color:#f0b8b8}.toast-combat{border:1px solid var(--blood);background:#230a0af2;color:#d4a8a8}@keyframes toast-in{0%{opacity:0;transform:translateY(-14px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.particle{position:absolute;border-radius:50%;pointer-events:none}@keyframes particle-float{0%{opacity:0;transform:translateY(0) translate(0)}8%{opacity:.7}85%{opacity:.2}to{opacity:0;transform:translateY(-100vh) translate(var(--drift, 20px))}}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-md);margin-bottom:var(--sp-md);font-size:var(--fs-sm);color:var(--ink-dim)}.settings-row:last-child{margin-bottom:0}.settings-row input[type=range]{width:100px;height:6px;accent-color:var(--gold);cursor:pointer}.settings-row button{padding:var(--sp-xs) var(--sp-sm);border:1px solid var(--line);background:#19152ae6;color:var(--ink);cursor:pointer;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:var(--fs-xs);transition:border-color var(--dur-fast)}.settings-row button:hover{border-color:var(--gold)}.fullscreen-btn{position:fixed;bottom:var(--sp-xl);right:var(--sp-xl);z-index:9998;display:flex;align-items:center;justify-content:center;gap:var(--sp-sm);padding:var(--sp-md) var(--sp-xl);border:1px solid var(--line-light);background:#16132aeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-sm);letter-spacing:.06em;cursor:pointer;border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);transition:border-color var(--dur-normal),transform var(--dur-fast),box-shadow var(--dur-normal),background var(--dur-fast)}.fullscreen-btn:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:var(--glow-gold),var(--shadow-panel);background:#1e1934f2}.fullscreen-btn:active{transform:translateY(0) scale(.97)}.fullscreen-btn svg{width:20px;height:20px;fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.choice-btn:disabled,.toolbar button:disabled,.combat-btn:disabled{opacity:.45;cursor:not-allowed}.ui-frame-dialogue{position:relative}.ui-frame-dialogue:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-image:url(/assets/images/ui/ui_frame_dialogue.png) 12 stretch;border-width:12px;border-style:solid;pointer-events:none;opacity:.35}@media(max-width:960px){#app{grid-template-columns:1fr}.scene{padding:var(--sp-2xl) var(--sp-xl)}.scene-title{font-size:var(--fs-lg)}.scene-text{font-size:var(--fs-base)}.choices{max-width:none}.sidebar{border-left:0;border-top:1px solid var(--line);padding:var(--sp-lg);max-height:none}.panel{margin-bottom:var(--sp-md)}.compact-sidebar{padding:var(--sp-md)}.toolbar button,.choice-btn{min-height:48px;font-size:var(--fs-base)}.combat-actions{grid-template-columns:1fr}.menu-title{font-size:var(--fs-2xl)}.difficulty-cards{flex-direction:column;align-items:center}.difficulty-card{width:100%;max-width:360px}.enemy-sprite{width:140px;height:140px}.summary-grid{grid-template-columns:1fr}}@media(max-width:480px){.scene{padding:var(--sp-xl) var(--sp-lg)}.scene-npc{width:64px;height:64px}.menu-npc{width:100px;height:100px}.stat-row .stat-label{min-width:72px;font-size:var(--fs-xs)}.stat-bar{min-width:50px;height:8px}.choice-btn,.combat-btn{padding:var(--sp-md) var(--sp-lg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0ms!important;animation-delay:0ms!important;transition-duration:0ms!important;scroll-behavior:auto!important}}