:root{--fg: #33ff33;--fg-dim: #1a8a1a;--fg-accent: #ffb000;--bg: #0a0e0a;--bg-panel: #0f1a0f;--border: #1a5a1a}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:Courier New,Courier,monospace;margin:0;padding:0;line-height:1.6;min-height:100vh;text-shadow:0 0 3px rgba(51,255,51,.3)}#root{max-width:100ch;margin:0 auto;padding:2rem 1rem}#root:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:9999}.screen{min-height:80vh}.terminal-panel{border:1px solid var(--border);padding:1rem 1.5rem;margin-bottom:1rem;background:var(--bg-panel);position:relative;box-shadow:0 0 10px #33ff330d}.terminal-btn{display:inline-block;color:var(--fg);background:transparent;border:1px solid var(--border);padding:.5rem 1.5rem;font-family:inherit;font-size:inherit;cursor:pointer;text-decoration:none;transition:all .15s}.terminal-btn:hover{background:var(--border);color:var(--bg);text-shadow:none}.terminal-btn.disabled{opacity:.3;pointer-events:none}.text-dim{color:var(--fg-dim)}.text-accent{color:var(--fg-accent)}.text-error{color:#f44}.section-header{color:var(--fg-accent);margin-bottom:.5rem;border-bottom:1px solid var(--border);padding-bottom:.25rem}a{color:var(--fg);text-decoration:none}a:hover{text-decoration:underline}.back-link{color:var(--fg-dim);margin-bottom:1.5rem;display:block}.back-link:hover{color:var(--fg)}.game-list{display:flex;flex-direction:column;gap:.5rem}.game-list-item{border:1px solid var(--border);padding:1rem 1.5rem;cursor:pointer;background:var(--bg-panel);transition:all .15s}.game-list-item:hover{border-color:var(--fg-dim);background:#33ff3308}.loading{color:var(--fg-dim);font-style:italic}.home-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:1.5rem}.home-title{overflow:hidden;text-align:center;width:100%}.home-title pre{color:var(--fg-accent);font-size:.45rem;line-height:1.2;margin:0;display:inline-block;text-align:left}.home-tagline{color:var(--fg-dim);margin:0;text-align:center}.home-actions{display:flex;flex-direction:column;gap:.75rem;align-items:center}.home-actions .terminal-btn{min-width:16rem}.world-card h3,.world-card p{margin:0 0 .5rem}.world-card .text-dim{margin-bottom:1rem}.world-card .terminal-btn{margin-top:.5rem}.game-list-item.selected{border-color:var(--fg-dim);background:#33ff3308}.game-actions{margin-top:.75rem;display:flex;gap:.75rem}.terminal-btn.danger{border-color:#f44;color:#f44}.terminal-btn.danger:hover{background:#f44;color:var(--bg)}.game-layout{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto minmax(0,45vh) 1fr auto;grid-template-areas:"topbar     topbar    topbar" "col-where  col-here  col-state" "journal    journal   journal" "footer     footer    footer";gap:.75rem;height:calc(100vh - 4rem);max-width:none;width:calc(100vw - 2rem);margin-left:calc(-.5*(100vw - 100%))}.game-topbar{grid-area:topbar;display:flex;align-items:center;gap:1rem}.game-topbar .back-link{margin-bottom:0}.game-col{display:flex;flex-direction:column;gap:.75rem;min-width:0;overflow-y:auto;min-height:0}.game-col::-webkit-scrollbar{width:4px}.game-col::-webkit-scrollbar-track{background:transparent}.game-col::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.game-left-sidebar{display:contents}.game-col-where{grid-area:col-where}.game-col-here{grid-area:col-here}.game-col-state{grid-area:col-state}.game-journal{grid-area:journal;overflow-y:auto;border:1px solid var(--border);background:var(--bg-panel);padding:1rem 1.5rem;min-height:0}.game-journal::-webkit-scrollbar{width:6px}.game-journal::-webkit-scrollbar-track{background:var(--bg)}.game-journal::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.game-journal::-webkit-scrollbar-thumb:hover{background:var(--fg-dim)}.game-journal .section-header{position:sticky;top:-1rem;background:var(--bg-panel);margin:-1rem -1.5rem .75rem;padding:1.25rem 1.5rem .25rem;z-index:1}.game-footer{grid-area:footer}.sidebar-panel{border:1px solid var(--border);padding:.75rem 1rem;background:var(--bg-panel);box-shadow:0 0 10px #33ff330d}.sidebar-panel .section-header{font-size:.85em;margin-bottom:.35rem}.sidebar-panel .sidebar-item{font-size:.9em;line-height:1.4}.sidebar-panel.empty-state{color:var(--fg-dim);font-style:italic;font-size:.85em}.pipeline-progress{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border);border-bottom:none;background:var(--bg-panel);font-size:.85em}.pipeline-stage{color:var(--fg-dim);transition:color .2s}.pipeline-stage.active{color:var(--fg-accent)}.pipeline-stage.done{color:var(--fg)}.time-display{text-align:center;color:var(--fg-accent);letter-spacing:.15em;font-size:.85em}.pipeline-stage.skipped{color:var(--fg-dim);opacity:.3;text-decoration:line-through}.pipeline-separator{color:var(--fg-dim);opacity:.4}@media(max-width:768px){.game-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto auto 1fr auto;grid-template-areas:"topbar" "col-where" "col-here" "col-state" "journal" "footer";height:auto;min-height:100vh}.game-col{overflow-y:visible}.game-journal{min-height:50vh}}@media(min-width:1400px){.game-layout{grid-template-columns:18rem 1fr 18rem;grid-template-rows:auto 1fr auto;grid-template-areas:"topbar  topbar   topbar" "left    journal  right" "left    footer   right"}.game-left-sidebar{display:flex;flex-direction:column;gap:.75rem;grid-area:left;overflow-y:auto;min-height:0}.game-left-sidebar::-webkit-scrollbar{width:4px}.game-left-sidebar::-webkit-scrollbar-track{background:transparent}.game-left-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.game-col-where,.game-col-here{grid-area:auto}.game-col-state{grid-area:right}}.journal-entry{margin-bottom:1em}.journal-entry:last-child{margin-bottom:0}.narrative{white-space:pre-wrap}.page-heading{margin-bottom:1.5rem}.game-streaming{white-space:pre-wrap;min-height:1.5em}.game-processing{color:var(--fg-dim);font-style:italic}.game-input-bar{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);padding:.5rem 1rem;background:var(--bg-panel)}.game-prompt{color:var(--fg-accent);-webkit-user-select:none;user-select:none;flex-shrink:0}.game-input-bar input{flex:1;background:transparent;border:none;outline:none;color:var(--fg);font-family:inherit;font-size:inherit;line-height:inherit;caret-color:var(--fg)}.game-input-bar input::placeholder{color:var(--fg-dim);opacity:.5}.game-input-bar input:disabled{opacity:.3}.game-player-input{color:var(--fg-accent);margin-bottom:.25rem}.condition-indicator{font-weight:700;text-transform:uppercase;letter-spacing:.05em}.condition-injured{color:#ffb000;text-shadow:0 0 4px rgba(255,176,0,.4)}.condition-gravely-wounded{color:#f44;text-shadow:0 0 6px rgba(255,68,68,.5);animation:pulse-danger 1.5s ease-in-out infinite}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.6}}.game-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;animation:fade-in .5s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.game-over-content{text-align:center;max-width:40ch;padding:2rem}.game-over-title{font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.game-over-death{color:#f44;text-shadow:0 0 8px rgba(255,68,68,.6)}.game-over-success{color:#3f3;text-shadow:0 0 8px rgba(51,255,51,.6)}.game-over-description{color:var(--fg-dim);margin-bottom:2rem;line-height:1.8}.game-over-stats{color:var(--fg-dim);font-size:.85rem;margin-bottom:1.5rem}.game-over-actions{display:flex;flex-direction:column;gap:.75rem;align-items:center}.game-over-banner{position:sticky;top:0;z-index:10;text-align:center;padding:.5rem 1rem;cursor:pointer;font-size:.85em;letter-spacing:.1em;text-transform:uppercase;transition:background .15s}.game-over-banner.death{background:#ff444426;color:#f44;border-bottom:1px solid rgba(255,68,68,.3)}.game-over-banner.death:hover{background:#ff444440}.game-over-banner.success{background:#33ff331a;color:var(--fg);border-bottom:1px solid rgba(51,255,51,.3)}.game-over-banner.success:hover{background:#3f33}.conversation-panel{border:1px solid var(--fg-accent);background:var(--bg-panel);padding:1rem 1.5rem;margin-top:.75rem}.conversation-header{color:var(--fg-accent);font-size:.85em;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--border);padding-bottom:.25rem;margin-bottom:.75rem}.conversation-messages{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.conversation-message{line-height:1.5}.conversation-message .msg-sender{font-weight:700;margin-right:.5em}.conversation-message .msg-sender.sender-player{color:var(--fg-accent)}.conversation-message .msg-sender.sender-npc,.conversation-message .msg-content{color:var(--fg)}.conversation-streaming{color:var(--fg-dim);font-style:italic;min-height:1.5em}.conversation-footer{display:flex;gap:.5rem;align-items:center}.conversation-footer .game-input-bar{flex:1}.conversation-leave-btn{display:inline-block;color:var(--fg-dim);background:transparent;border:1px solid var(--border);padding:.5rem 1rem;font-family:inherit;font-size:.85em;cursor:pointer;white-space:nowrap;transition:all .15s}.conversation-leave-btn:hover{border-color:var(--fg-dim);color:var(--fg)}.conversation-leave-btn:disabled{opacity:.3;pointer-events:none}