.status-bar{display:flex;justify-content:space-between;align-items:center;padding:4px 12px;border:1px solid var(--color-cyan);border-radius:4px;background:var(--bg-panel);flex-shrink:0;gap:12px;min-height:28px}.status-left{display:flex;align-items:center;gap:0;min-width:0;overflow:hidden}.status-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.room-title{color:var(--color-cyan)}.stat-gauge{white-space:nowrap}.room-panel{flex-shrink:0}.room-title{font-weight:700;color:var(--color-cyan);margin-bottom:2px}.room-description{color:var(--text);margin-bottom:6px;max-height:3.6em;overflow:hidden}.room-info{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.room-entities{display:flex;flex-wrap:wrap;gap:8px;color:var(--color-yellow)}.entity-group{white-space:nowrap}.room-exits{white-space:nowrap;flex-shrink:0}.entity-link{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.entity-link:hover{color:var(--text)}.exit-link{color:var(--color-yellow);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.exit-link:hover{color:var(--text)}.combat-panel{flex-shrink:0}.combat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.combat-actions{display:flex;gap:8px}.combat-action{color:var(--text-dim);cursor:pointer}.combat-action:hover{color:var(--text);text-decoration:underline}.enemy-bar{display:flex;align-items:center;gap:4px;padding:1px 0;cursor:pointer}.enemy-bar:hover{background:var(--bg-secondary)}.enemy-target .enemy-name{color:var(--text);font-weight:700}.enemy-marker{color:var(--color-red);font-weight:700;width:12px}.enemy-name{color:var(--text-dim)}.hp-bar{width:100px;height:10px;background:var(--bg-secondary);border-radius:2px;overflow:hidden;flex-shrink:0}.hp-fill{height:100%;border-radius:2px;transition:width .2s ease}.combat-detail{display:flex;gap:12px;margin-top:4px;align-items:flex-start}.combat-art{color:var(--color-yellow);line-height:1.2;font-size:12px}.narrative-view{flex:1;overflow-y:auto;padding:4px 12px;min-height:0}.narrative-line{white-space:pre-wrap;word-break:break-word}.input-bar{display:flex;align-items:center;padding:6px 12px;border:1px solid var(--color-green);border-radius:4px;background:var(--bg-input);cursor:text;flex-shrink:0}.input-prompt{color:var(--color-green);font-weight:700;flex-shrink:0}.input-field{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-mono);font-size:var(--font-size);caret-color:var(--color-green)}.input-field::selection{background:var(--color-green);color:var(--bg-primary)}.hint-bar{display:flex;justify-content:center;align-items:center;gap:4px;padding:2px 12px;flex-shrink:0;font-size:12px;overflow:hidden}.hint{cursor:pointer;white-space:nowrap}.hint-key{color:var(--color-yellow);font-weight:700}.hint-sep{color:var(--text-muted)}.info-panel{display:flex;flex-shrink:0;gap:0;overflow:hidden}.info-column{flex:0 0 auto;min-width:140px;max-width:220px;overflow:hidden}.info-column-grow{flex:1 1 auto;max-width:none}.info-divider{width:1px;background:var(--border);margin:0 12px;align-self:stretch}.stat-row{display:flex;align-items:center;gap:4px}.stat-label{width:24px;flex-shrink:0}.info-bar{width:80px;height:8px;background:var(--bg-secondary);border-radius:2px;overflow:hidden;flex-shrink:0}.info-bar-fill{height:100%;border-radius:2px;transition:width .2s ease}.minimap{color:var(--color-cyan);line-height:1.2;font-size:12px}.player-name{color:var(--color-green);font-weight:700}.page-container{display:flex;flex-direction:column;gap:16px;max-width:600px;margin:40px auto;padding:24px}.page-input-row{display:flex;align-items:center;gap:8px}.page-input{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;padding:8px 12px;color:var(--text);font-family:var(--font-mono);font-size:var(--font-size);outline:none}.page-input:focus{border-color:var(--border-active)}.page-input::placeholder{color:var(--text-muted)}.page-button{background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;padding:8px 16px;color:var(--text);font-family:var(--font-mono);font-size:var(--font-size);cursor:pointer}.page-button:hover{background:var(--bg-secondary);border-color:var(--border-active)}.page-button-primary{background:var(--color-green);color:var(--bg-primary);border-color:var(--color-green);font-weight:700}.page-button-primary:hover{opacity:.9}.create-header{display:flex;flex-direction:column;gap:4px}.create-list{display:flex;flex-direction:column;gap:2px}.create-option{cursor:pointer;padding:4px 8px;border-radius:4px}.create-option:hover,.create-option-active{background:var(--bg-secondary)}.create-marker{color:var(--color-yellow)}.create-card{border:1px solid var(--border);border-radius:4px;padding:12px;background:var(--bg-panel);display:flex;flex-direction:column;gap:4px}.create-card-active{border-color:var(--color-yellow)}.create-buttons{display:flex;gap:8px;justify-content:flex-end}.splash-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:24px;text-align:center}.splash-title{color:var(--color-cyan);font-size:32px;font-weight:700}.splash-subtitle{color:var(--text-dim);font-size:14px}.splash-art{color:var(--color-yellow);font-size:12px;line-height:1.2}.account-menu{display:flex;flex-direction:column;gap:8px}.account-menu-item{display:flex;flex-direction:column;gap:4px;text-align:left;border:1px solid var(--border);border-radius:4px;padding:16px;cursor:pointer;background:var(--bg-panel);font-family:var(--font-mono);font-size:var(--font-size);color:var(--text)}.account-menu-item:hover{border-color:var(--border-active);background:var(--bg-secondary)}.game-layout{display:flex;flex-direction:column;height:100vh;gap:4px;padding:4px}@media(max-width:768px){.game-layout{padding:2px;gap:2px}.status-right{gap:8px;font-size:12px}.info-panel{flex-direction:column}.info-divider{width:auto;height:1px;margin:8px 0}.info-column{max-width:none}}:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-panel: #1c2128;--bg-input: #0d1117;--border: #30363d;--border-active: #58a6ff;--text: #e6edf3;--text-dim: #7d8590;--text-muted: #484f58;--color-hp-high: #3fb950;--color-hp-mid: #d29922;--color-hp-low: #f85149;--color-mp: #58a6ff;--color-ap: #bc8cff;--color-gold: #d29922;--color-xp: #d29922;--color-info: #e6edf3;--color-error: #f85149;--color-combat: #ff7b72;--color-system: #79c0ff;--color-chat: #3fb950;--color-room: #a5d6ff;--color-cyan: #79c0ff;--color-green: #3fb950;--color-yellow: #d29922;--color-red: #f85149;--color-magenta: #bc8cff;--font-mono: "Fira Code", "Cascadia Code", "JetBrains Mono", "SF Mono", "Menlo", "Monaco", "Consolas", monospace;--font-size: 14px;--line-height: 1.4}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-mono);font-size:var(--font-size);line-height:var(--line-height);color:var(--text);background:var(--bg-primary);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;padding:8px 12px}.panel-header{font-weight:700;margin-bottom:4px}.dim{color:var(--text-dim)}.muted{color:var(--text-muted)}.bold{font-weight:700}