: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}.columns{grid-template-columns:var(--left-w,220px) minmax(0, 1fr) var(--right-w,280px);flex:1;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"identity centre right""left centre right";gap:8px;min-height:0;display:grid;position:relative}.identity{grid-area:identity}.left{grid-area:left}.centre{grid-area:centre}.right{grid-area:right}.left,.centre,.right{flex-direction:column;gap:6px;min-height:0;display:flex}.sidetoggles{display:none}.identity{background:var(--panel);border:1px solid var(--line);border-radius:4px;flex-direction:column;gap:4px;padding:8px;display:flex}.identity b{color:#f2c94c;font-size:16px}.idbtns{gap:6px;margin-top:4px;display:flex}.splitter{cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:3px;width:8px;position:absolute;top:0;bottom:0}.splitter-left{left:var(--left-w,220px)}.splitter-right{right:var(--right-w,280px)}.splitter:hover,.splitter:focus-visible,.splitter:active{background:var(--line);outline:none}@media (width<=900px){.columns{grid-template-columns:minmax(0,1fr);grid-template-areas:"identity""centre";position:relative}.identity{flex-flow:wrap;align-items:center;gap:4px 10px}.idbtns{margin-top:0}.sidetoggles{gap:6px;display:flex}.splitter{display:none}.left,.right{z-index:10;background:var(--bg);border:1px solid var(--line);border-radius:4px;grid-area:centre;width:min(280px,100%);padding:8px;display:none;position:absolute;top:0;bottom:0;overflow-y:auto}.left{left:0}.right{right:0}.left.open,.right.open{display:flex}}.banner{background:#3a2a14;border:1px solid #ffa657;border-radius:4px;padding:3px 8px}.favourites{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.dpad{flex-direction:column;gap:6px;display:flex}.compass{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.extras{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.dpad .dir{padding:6px 0}.dpad .dir:disabled{opacity:.35}.door{color:#ffa657;margin-left:2px;font-size:10px}.mapbox{border:1px solid var(--line);background:#0f1114;flex:none;height:180px;display:flex;overflow:auto}.combat-panel{background:var(--panel);border:1px solid var(--line);border-radius:4px;flex-direction:column;flex:none;gap:4px;padding:8px;display:flex}.combat-head{justify-content:space-between;align-items:center;display:flex}.combat-toggle{gap:4px;display:flex}.combat-panel .log{flex:none;height:160px;font-size:13px}.combat-head{border-bottom:1px solid var(--line);padding-bottom:4px}.combat-own,.fighters{border:1px solid var(--line);background:#0f1114;border-radius:4px;padding:6px}.combat-own .vitals{display:flex}.combat-own .vitals-bar,.fighter-track{background:#2a2d35;border:1px solid #454b5a;border-radius:6px;flex:1;width:auto;height:12px;overflow:hidden}.combat-own .vitals-text{flex:none;font-size:12px}.fighters{flex-direction:column;gap:4px;display:flex}.fighters:empty{display:none}.fighter-bar{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:6px;padding:2px 4px;font-size:13px;display:flex}.fighter-bar:hover{border-color:var(--line);background:var(--panel)}.fighter-name{text-overflow:ellipsis;white-space:nowrap;flex:0 0 5.5em;font-weight:700;overflow:hidden}.fighter-fill{background:#4caf50;height:100%;display:block}.cond-scratched .fighter-fill{background:#9acd32}.cond-hurt .fighter-fill{background:#e0c040}.cond-wounded .fighter-fill{background:#e68a30}.cond-badly-hurt .fighter-fill{background:#d9453d}.cond-down .fighter-fill{background:#777}.fighter-word{text-align:right;color:var(--dim);flex:0 0 5em;font-style:italic}.fighter-bar.cond-down{opacity:.5;filter:grayscale()}.combat-recent{min-height:5.5em;color:var(--dim);border-top:1px solid var(--line);background:#16181d;border-radius:0 0 4px 4px;margin-top:2px;padding:4px 6px;font-size:12px}.dynpanel{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex}.dynpanel .log{font-size:13px}.minimap{flex:none;margin:auto;display:block}.mapbox>.dim{margin:auto}.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-room.walkable{cursor:pointer}.mm-room.walkable:hover{fill:#3a4258}.mm-room.target{stroke:var(--acc);stroke-width:3px}.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:#5a7dff}.s-emote{color:#7ee0c3}.s-system{color:var(--dim);font-style:italic}.s-error{color:#ff7b72}.s-echo,.s-dim,.dim{color:var(--dim)}.daypart{color:var(--acc)}.vitals{align-items:center;gap:6px;display:inline-flex}.vitals-bar{background:#3334;border-radius:4px;width:90px;height:8px;display:inline-block;overflow:hidden}.vitals-stack{flex-direction:column;gap:2px;display:inline-flex}.vitals-fill{background:#c44;height:100%;display:block}.vitals-stamina{background:#4a4}.vitals-text{font-variant-numeric:tabular-nums}.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}.tabs{gap:4px;display:flex}.tab.active,.mode.active{border-color:var(--acc)}.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}@media (prefers-reduced-motion:no-preference){.shake-a{animation:.3s shake-a}.shake-b{animation:.3s shake-b}@keyframes shake-a{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes shake-b{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}}