:root{color-scheme:dark;--bg: #14110d;--fg: #e8dfc9;--muted: #9b8f75;--accent: #d29b5c;--panel: #1e1a14;--border: #3a3125}*{box-sizing:border-box}body{margin:0;font-family:Georgia,Iowan Old Style,serif;background:var(--bg);color:var(--fg);line-height:1.55}#app{display:grid;grid-template-columns:1fr 280px;gap:1rem;max-width:1100px;margin:0 auto;padding:1.5rem;min-height:100vh}.main-column{display:flex;flex-direction:column;gap:.75rem;min-width:0}.view-nav{display:flex;gap:.4rem}.view-tab{border:1px solid var(--border);background:var(--panel);color:var(--muted);padding:.4rem .9rem;border-radius:5px;font:inherit;cursor:pointer}.view-tab.active{color:var(--accent);border-color:var(--accent);background:#d29b5c14}.location{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:1.25rem 1.5rem}.inventory-view h1{margin-bottom:.75rem}.inventory-list{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.inventory-card{border:1px solid var(--border);border-radius:5px;padding:.9rem 1rem;background:var(--bg);display:flex;flex-direction:column;gap:.5rem}.inventory-card h3{margin:0;color:var(--accent);font-size:1.05rem}.inventory-card-desc{margin:0;color:var(--fg);font-size:.9rem;white-space:pre-wrap}.inventory-card-actions{display:flex;gap:.5rem;margin-top:auto}.location h1{margin:0 0 .75rem;font-size:1.6rem;color:var(--accent)}.location img{max-width:100%;border-radius:4px;margin-bottom:1rem;border:1px solid var(--border)}.location .description{white-space:pre-wrap;margin-bottom:1.25rem}.hyper{font:inherit;color:var(--accent);background:transparent;border:none;padding:0;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#d29b5c8c;text-underline-offset:3px;border-radius:2px;transition:color .12s ease,background-color .12s ease}.hyper:hover{color:#f2c98a;background:#d29b5c14;text-decoration-style:solid}.hyper:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.hyper-missing{color:#b45c5c;text-decoration-style:wavy;cursor:help}.hyper-blocked{color:var(--muted, #999);opacity:.55;text-decoration:underline dashed;cursor:not-allowed}.dark-description{color:var(--muted, #888);font-style:italic;opacity:.75}.examine-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:20}.examine{background:var(--panel);border:1px solid var(--accent);border-radius:6px;padding:1.5rem 1.75rem;max-width:560px;width:100%;box-shadow:0 0 0 4px #14110de6,0 0 0 5px #d29b5c59,0 24px 60px #0009;position:relative}.examine:before,.examine:after{content:"";position:absolute;left:1.75rem;right:1.75rem;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.4}.examine:before{top:.9rem}.examine:after{bottom:.9rem}.examine h2{margin:0 0 .9rem;color:var(--accent);font-family:Trebuchet MS,Helvetica Neue,sans-serif;letter-spacing:.14em;font-size:1.1rem;text-transform:uppercase}.examine-text{white-space:pre-wrap;margin-bottom:1rem;line-height:1.6}.examine-actions{display:flex;flex-direction:column;gap:.45rem;margin:.75rem 0 1rem}.examine-footer{display:flex;justify-content:flex-end;margin-top:.5rem}.section-heading{color:var(--muted);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;margin:1rem 0 .4rem}.entity-row{display:flex;align-items:center;gap:.6rem;padding:.35rem 0}.entity-row .name{flex:1}.blocked-reason{font-size:.85em;opacity:.7;font-style:italic;padding-left:.5rem}.dialogue-option{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.4rem}.journal-panel{padding:1rem}.journal-section{margin-bottom:1.2rem}.journal-entry{padding:.5rem 0;border-bottom:1px dashed var(--border)}.journal-title{display:flex;gap:.5rem;font-weight:700}.journal-icon{width:1rem}.journal-description{font-size:.9em;opacity:.85;margin:.25rem 0}.journal-entries{margin:.25rem 0 0 1.5rem;padding:0;font-size:.9em;opacity:.9}.journal-entry.status-completed .journal-name{text-decoration:line-through;opacity:.7}.journal-entry.status-failed .journal-name{color:#b04a4a}.journal-empty{padding:1rem;font-style:italic;opacity:.7}.debug-overlay{position:fixed;top:1rem;right:1rem;z-index:9999;background:#111;color:#cff;border:1px solid #0aa;padding:.75rem;font-family:ui-monospace,monospace;font-size:.85em;max-height:80vh;width:24rem;overflow-y:auto}.debug-overlay .debug-header{display:flex;justify-content:space-between;border-bottom:1px solid #0aa;margin-bottom:.5rem}.debug-overlay .debug-heading{color:#ff0;margin-top:.5rem}.debug-flags{list-style:none;padding:0;margin:.25rem 0;max-height:12rem;overflow-y:auto}.debug-flags li{padding:0}button{font:inherit;color:var(--fg);background:transparent;border:1px solid var(--border);padding:.3rem .7rem;border-radius:4px;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.4;cursor:default}.hold-btn{position:relative;overflow:visible;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color .15s ease,background-color .15s ease}.hold-btn.holding{background-color:#d29b5c14;cursor:progress}.hold-btn.fired{color:var(--accent);background-color:#d29b5c26}.hold-btn-label{position:relative;z-index:1}.hold-btn-progress{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;width:calc(100% + 2px);height:calc(100% + 2px);pointer-events:none;overflow:visible}.hold-btn-progress path{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:butt;stroke-linejoin:round;shape-rendering:geometricPrecision;will-change:stroke-dashoffset}.hold-btn-progress.idle path{visibility:hidden}.hold-btn:disabled .hold-btn-progress{opacity:0}.exits{display:flex;gap:.5rem;flex-wrap:wrap}.exits button:before{content:"→ ";color:var(--muted)}.sidebar{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:1rem 1.25rem;height:fit-content;position:sticky;top:1.5rem}.sidebar h2{margin:0 0 .5rem;font-size:1rem;color:var(--accent)}.sidebar ul{margin:0;padding:0;list-style:none}.dialogue-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:10}.dialogue{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:1.5rem;max-width:560px;width:100%}.dialogue h2{margin:0 0 .75rem;color:var(--accent)}.dialogue .text{margin-bottom:1rem}.dialogue .options{display:flex;flex-direction:column;gap:.4rem}.dialogue .options button{text-align:left}.reset{margin-top:1rem;font-size:.8rem;color:var(--muted)}.reset button{font-size:.8rem;padding:.2rem .5rem}.flash{color:var(--accent);font-style:italic;margin-bottom:.75rem;min-height:1.4em;white-space:pre-line}.recipe-card .recipe-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted);font-family:JetBrains Mono,ui-monospace,monospace}.recipe-ingredients{margin-top:.4rem}.recipe-ingredient-heading{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.15rem}.recipe-ingredient-list{list-style:none;padding:0 0 0 .4rem;margin:0;font-size:.9rem}.recipe-ingredient-list li.have{color:var(--fg)}.recipe-ingredient-list li.need{color:var(--muted);text-decoration:line-through;text-decoration-color:#d29b5c4d}.sidebar-block{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.game-clock{font-family:JetBrains Mono,ui-monospace,monospace;color:var(--accent);margin-bottom:.6rem;font-size:.95rem}.stat-bar{margin-bottom:.5rem;font-size:.85rem}.stat-head{display:flex;justify-content:space-between;margin-bottom:.2rem}.stat-val{font-family:JetBrains Mono,ui-monospace,monospace;color:var(--muted)}.stat-track{height:6px;background:var(--bg);border:1px solid var(--border);border-radius:3px;overflow:hidden}.stat-fill{height:100%;transition:width .25s ease,background-color .25s ease}.stat-health .stat-fill{background:#6ea86e}.stat-tiredness .stat-fill{background:#7f89b8}.stat-hungryness .stat-fill{background:#c88a4a}.char-stats{list-style:none;padding:0;margin:0}.char-attr{margin-bottom:.5rem}.char-attr-head{display:flex;justify-content:space-between;font-weight:700}.char-attr-dice,.char-skill-dice{font-family:JetBrains Mono,ui-monospace,monospace;color:var(--accent)}.char-skills{list-style:none;padding:0 0 0 .75rem;margin:.25rem 0 0;font-size:.9rem}.char-skills li{display:flex;justify-content:space-between;color:var(--muted)}.char-skill-name{flex:1}#app.intro-root{display:block;max-width:none;margin:0;padding:0;min-height:100vh;overflow:hidden}.intro-stage{position:relative;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#1a2a1e,#14110d 55%,#0a0806);color:var(--fg);font-family:Georgia,Iowan Old Style,serif}.intro-field{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(120,190,140,.025) 2px,rgba(120,190,140,.025) 3px);pointer-events:none}.intro-backdrop{position:absolute;top:50%;left:50%;width:min(140vh,140vw);height:min(140vh,140vw);transform:translate(-50%,-50%);opacity:.06;color:var(--accent);animation:intro-turn 240s linear infinite;pointer-events:none}.sunburst polygon{fill:currentColor}.sunburst-hub{fill:currentColor}.intro-frame{position:absolute;top:24px;right:24px;bottom:24px;left:24px;border:1px solid rgba(210,155,92,.35);box-shadow:inset 0 0 0 6px #14110de6,inset 0 0 0 7px #d29b5c38,inset 0 0 0 9px #14110de6,inset 0 0 0 10px #d29b5c1f;pointer-events:none}.intro-corner{position:absolute;width:96px;height:96px;color:var(--accent);opacity:.75}.intro-corner-tl{top:-8px;left:-8px}.intro-corner-tr{top:-8px;right:-8px;transform:scaleX(-1)}.intro-corner-bl{bottom:-8px;left:-8px;transform:scaleY(-1)}.intro-corner-br{bottom:-8px;right:-8px;transform:scale(-1)}.intro-corner .sunburst{width:100%;height:100%}.intro-edge{position:absolute;left:120px;right:120px;height:3px;background:linear-gradient(90deg,transparent 0,rgba(210,155,92,.5) 15%,rgba(210,155,92,.8) 50%,rgba(210,155,92,.5) 85%,transparent 100%)}.intro-edge-t{top:34px}.intro-edge-b{bottom:34px}.intro-lamp{position:absolute;width:8px;height:8px;border-radius:50%;background:#b6ff9c;box-shadow:0 0 6px 2px #78dc8c8c,0 0 14px 6px #78dc8c40;animation:intro-pilot 3.7s ease-in-out infinite}.intro-lamp-tl{top:46px;left:46px;animation-delay:0s}.intro-lamp-tr{top:46px;right:46px;animation-delay:.9s}.intro-lamp-bl{bottom:46px;left:46px;animation-delay:1.8s}.intro-lamp-br{bottom:46px;right:46px;animation-delay:2.7s}.intro-window{position:absolute;top:64px;bottom:64px;left:50%;transform:translate(-50%);width:min(680px,calc(100vw - 160px));overflow:hidden;mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 82%,transparent 100%)}.intro-crawl{position:absolute;left:0;right:0;top:100%;padding:0 1rem;animation:intro-scroll 72s linear forwards;animation-delay:.4s;text-align:center}@keyframes intro-scroll{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - 100vh))}}@keyframes intro-turn{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes intro-pilot{0%,to{opacity:.55}50%{opacity:1}}.intro-eyebrow{color:var(--muted);font-family:Trebuchet MS,Helvetica Neue,sans-serif;letter-spacing:.35em;font-size:.7rem;margin-bottom:1.5rem}.intro-title{font-family:Trebuchet MS,Helvetica Neue,sans-serif;font-weight:400;font-size:clamp(2.4rem,6vw,4.4rem);letter-spacing:.42em;margin:0 0 .4rem;color:var(--accent);text-shadow:0 0 24px rgba(210,155,92,.35),0 0 2px rgba(210,155,92,.9)}.intro-subtitle{font-family:Trebuchet MS,Helvetica Neue,sans-serif;letter-spacing:.32em;color:var(--muted);font-size:.85rem;margin-bottom:2.5rem}.intro-rule{width:60%;height:1px;margin:2rem auto;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.55}.intro-rule-narrow{width:30%;opacity:.35}.intro-stanza{margin:1.5rem auto;max-width:32em}.intro-line{margin:.15rem 0;font-size:1.02rem;line-height:1.7;color:var(--fg)}.intro-quote{border-left:none;margin:2rem auto;padding:1.4rem 1.8rem;max-width:34em;font-style:italic;color:var(--fg);position:relative;background:#d29b5c0a;border-top:1px solid rgba(210,155,92,.28);border-bottom:1px solid rgba(210,155,92,.28)}.intro-quote p{margin:0 0 .7rem;line-height:1.7;font-size:1rem}.intro-quote p:last-child{margin-bottom:0}.intro-roster{display:flex;flex-direction:column;gap:.8rem;margin:2rem auto 0;max-width:34em}.intro-roster-row{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px dotted rgba(210,155,92,.25);padding-bottom:.55rem;text-align:left}.intro-roster-name{color:var(--accent);font-family:Trebuchet MS,Helvetica Neue,sans-serif;letter-spacing:.06em;font-size:.95rem}.intro-roster-role{color:var(--muted);font-style:italic;font-size:.9rem;text-align:right}.intro-spacer{height:6rem}.intro-prompt{font-family:Trebuchet MS,Helvetica Neue,sans-serif;letter-spacing:.6em;color:var(--accent);font-size:1.4rem;padding:1.5rem 0;animation:intro-pilot 1.6s ease-in-out infinite}.intro-hint{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:var(--muted);font-size:.7rem;letter-spacing:.32em;text-transform:lowercase;opacity:.5;font-family:Trebuchet MS,Helvetica Neue,sans-serif}@media (max-width: 720px){.intro-window{top:48px;bottom:48px}.intro-corner{width:64px;height:64px}.intro-edge{left:80px;right:80px}.intro-lamp-tl{top:34px;left:34px}.intro-lamp-tr{top:34px;right:34px}.intro-lamp-bl{bottom:34px;left:34px}.intro-lamp-br{bottom:34px;right:34px}}#app.menu-root{display:block;max-width:640px;padding:4rem 1.5rem}.menu{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:2.5rem 2.25rem;text-align:center}.menu-title{margin:0;font-size:2.5rem;letter-spacing:.28em;color:var(--accent);font-weight:400}.menu-subtitle{color:var(--muted);font-style:italic;margin:.4rem 0 2.25rem;font-size:.95rem}.menu-buttons{display:flex;flex-direction:column;gap:.6rem;align-items:center}.menu-btn{width:100%;max-width:320px;padding:.7rem 1rem;font:inherit;font-size:1rem;letter-spacing:.05em;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:4px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.menu-btn:hover{border-color:var(--accent);color:var(--accent)}.menu-btn-primary{border-color:var(--accent);color:var(--accent);background:#d29b5c14}.menu-btn-primary:hover{background:#d29b5c29}.menu-btn-ghost{color:var(--muted)}.menu-about{text-align:left;color:var(--fg);font-size:.95rem;line-height:1.65;white-space:pre-line;border-left:2px solid var(--accent);padding:.25rem 0 .25rem 1.1rem;margin:0 0 1.75rem}.menu-foot{color:var(--muted);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;margin-top:2rem}#app.chargen-root{display:block;max-width:820px}.chargen{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:1.5rem 2rem}.chargen-title{margin:0;font-size:2rem;color:var(--accent);letter-spacing:.15em}.chargen-steps{display:flex;gap:.75rem;margin:.75rem 0 1.5rem;font-size:.85rem;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:.6rem}.chargen-step.active{color:var(--accent);font-weight:700}.chargen-body h2{margin:0 0 .5rem;color:var(--accent)}.chargen-hint{color:var(--muted);font-size:.9rem;margin:0 0 1rem}.chargen-classes{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:1.25rem}.chargen-class-card{border:1px solid var(--border);border-radius:5px;padding:.9rem 1rem;cursor:pointer;background:var(--bg)}.chargen-class-card:hover{border-color:var(--accent)}.chargen-class-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px #d29b5c40}.chargen-class-card h3{margin:0 0 .35rem;color:var(--accent);font-size:1.05rem}.chargen-class-desc{margin:0 0 .5rem;font-size:.9rem;white-space:pre-wrap}.chargen-bonuses{font-size:.8rem;color:var(--muted)}.chargen-bonus-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.7rem;margin-bottom:.2rem}.chargen-bonus-list{color:var(--fg)}.chargen-pool-tools{display:flex;gap:.5rem;margin:0 0 .75rem}.chargen-pool-btn{font:inherit;padding:.3rem .85rem;border-radius:4px}.chargen-pool-btn.ghost{color:var(--muted)}.chargen-alloc{display:flex;flex-direction:column;gap:.4rem}.chargen-alloc-row{display:grid;grid-template-columns:140px 1fr auto;gap:.75rem;align-items:center;padding:.4rem 0;border-bottom:1px solid var(--border)}.chargen-alloc-name{font-weight:700}.chargen-alloc-detail{color:var(--muted);font-size:.85rem}.chargen-alloc-controls{display:flex;gap:.4rem;align-items:center}.chargen-alloc-total{font-family:JetBrains Mono,ui-monospace,monospace;color:var(--accent);min-width:6.5rem;text-align:right}.chargen-skill-group{margin:1rem 0}.chargen-skill-group h3{margin:0 0 .35rem;color:var(--accent);font-size:1rem;border-bottom:1px solid var(--border);padding-bottom:.25rem}.chargen-nav{display:flex;justify-content:space-between;gap:.5rem;margin-top:1.25rem}@media (max-width: 720px){#app{grid-template-columns:1fr}.sidebar{position:static}.chargen-alloc-row{grid-template-columns:1fr auto}.chargen-alloc-detail{display:none}}