:root{--bg:#14161a;--panel:#1c1f26;--line:#2b303b;--fg:#d7dae0;--dim:#7b8190;--acc:#6cb6ff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:14px/1.45 ui-monospace,Menlo,monospace}button{background:var(--panel);color:var(--fg);border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:4px;padding:3px 9px}.shell{flex-direction:column;gap:6px;height:100%;padding:8px;display:flex}.status{align-items:baseline;gap:12px;display:flex}.status b{color:#f2c94c}.banner{background:#3a2a14;border:1px solid #ffa657;border-radius:4px;padding:3px 8px}.exits{flex-wrap:wrap;gap:6px;display:flex}.exits:empty{display:none}.stage{flex:1;min-height:0;display:flex;position:relative}.floatmap{border:1px solid var(--line);background:#14161acc;padding:4px;position:absolute;top:8px;right:22px}.minimap{display:block}.mm-link{stroke:#4a5160;stroke-width:2px}.mm-room{fill:#2b3140;stroke:#6a7390}.mm-room.unseen{fill:none;stroke-dasharray:3}.mm-room.here{fill:var(--acc)}.mm-io,.mm-ud{fill:var(--dim);text-anchor:middle;font-size:9px}.log{border:1px solid var(--line);background:#0f1114;flex:1;min-height:0;padding:8px 12px;font-size:15px;overflow-y:auto}.line{white-space:pre-wrap;min-height:1.45em}.cmdform{align-items:center;gap:6px;display:flex}.cmdform input{color:var(--fg);border:1px solid var(--line);font:inherit;background:#0f1114;border-radius:4px;flex:1;padding:7px 9px}.prompt{color:var(--acc)}.s-room-title{color:#f2c94c;font-weight:700}.s-item{color:#7ee787}.s-character{color:#ff9bd2}.s-npc{color:#ffa657}.s-exit{color:var(--acc)}.s-say{color:#d2a8ff}.s-emote{color:#7ee0c3}.s-system{color:var(--dim);font-style:italic}.s-error{color:#ff7b72}.s-echo,.s-dim,.dim{color:var(--dim)}.s-emph{font-weight:700}.clickable{cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.clickable:hover{background:#ffffff18}.verbmenu{z-index:20;border:1px solid var(--acc);background:#161b22;border-radius:4px;flex-direction:column;min-width:90px;padding:2px;display:flex;position:fixed}.verbmenu button{text-align:left}.drawer{flex-direction:column;height:140px;display:flex}.drawer.closed{height:auto}.drawer .log{font-size:13px}.tabs{gap:4px;display:flex}.tab.active{border-color:var(--acc)}.spacer{flex:1}.screen{place-items:center;height:100%;padding:16px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:10px;width:min(360px,100%);padding:20px 24px;display:flex}.card form{flex-direction:column;gap:10px;display:flex}.card h1{color:#f2c94c;margin:0;font-size:18px}.card label{color:var(--dim);flex-direction:column;gap:4px;display:flex}.card input{color:var(--fg);border:1px solid var(--line);font:inherit;background:#0f1114;border-radius:4px;padding:7px 9px}.card p{margin:0}.error{color:#ff7b72}.chars{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}button.link{color:var(--acc);text-align:left;background:0 0;border:none;padding:0;text-decoration:underline}