:root{color-scheme:dark;--bg: #05070d;--panel: #101627;--panel-strong: #172039;--text: #e5ecff;--text-muted: #94a4c8;--border: #283350}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{background:radial-gradient(circle at 20% 20%,rgb(38 63 126 / 25%),transparent 38%),radial-gradient(circle at 80% 0%,rgb(57 127 102 / 20%),transparent 36%),var(--bg);color:var(--text);font-family:Space Grotesk,IBM Plex Sans,Avenir Next,sans-serif}.app-shell{display:flex;flex-direction:column;width:100%;height:100%}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 16px;border-bottom:1px solid var(--border);background:#080b14d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.top-bar-right{display:flex;align-items:center;gap:10px}.resource-bar{display:flex;gap:20px;align-items:center}.resource-item{display:flex;align-items:center;gap:8px}.resource-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0d;border:1px solid rgb(255 255 255 / 8%)}.resource-text{display:flex;flex-direction:column;gap:1px}.resource-value{font-size:14px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;line-height:1}.resource-income{font-size:11px;font-variant-numeric:tabular-nums;line-height:1;color:var(--text-muted)}.resource-income.positive{color:#6abf69}.resource-income.negative{color:#e06464}.stats{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--text-muted)}.stats span{padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:#ffffff05}.main-layout{display:grid;grid-template-columns:1fr 300px;min-height:0;flex:1}.viewport{position:relative;min-height:280px;overflow:hidden}.side-panel{border-left:1px solid var(--border);background:linear-gradient(180deg,var(--panel),var(--panel-strong));padding:14px;overflow-y:auto}.auth-layout,.lobby-layout{display:flex;align-items:center;justify-content:center;grid-template-columns:1fr;padding:24px}.auth-panel,.lobby-panel{width:min(760px,100%);background:linear-gradient(180deg,var(--panel),var(--panel-strong));border:1px solid var(--border);border-radius:12px;padding:18px}.auth-panel h1,.lobby-panel h2{margin:0 0 8px}.auth-form{display:grid;gap:8px;margin-top:12px}.auth-form input,.auth-form button,.lobby-actions button,.lobby-card button,.lobby-leave-button{border:1px solid var(--border);background:#ffffff0a;color:var(--text);border-radius:8px;padding:8px 10px;font:inherit}.auth-form button,.lobby-actions button,.lobby-card button,.lobby-leave-button{cursor:pointer}.lobby-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.lobby-list{display:grid;gap:8px}.lobby-card{border:1px solid var(--border);border-radius:10px;background:#ffffff05;padding:10px}.lobby-card p{margin:6px 0;color:var(--text-muted)}.lobby-card strong{color:var(--text)}.status-line{min-height:20px}.side-panel h2{margin-top:0;margin-bottom:12px;font-size:16px;letter-spacing:.02em}.side-panel p{margin:8px 0;color:var(--text-muted);line-height:1.35}.side-panel strong{color:var(--text)}.side-panel h3{margin:16px 0 10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.action-grid{display:grid;gap:8px}.action-button{width:100%;border:1px solid var(--border);background:#ffffff08;color:var(--text);border-radius:8px;padding:8px 10px;font:inherit;text-align:left;cursor:pointer;transition:background-color .12s ease}.action-button:hover:not(:disabled){background:#73a4ff29}.action-button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:900px){.main-layout{grid-template-columns:1fr;grid-template-rows:minmax(320px,1fr) auto}.side-panel{border-left:0;border-top:1px solid var(--border);max-height:42vh}}