:root{color-scheme:dark;--bg-0: #05070f;--bg-1: #0b1120;--panel: rgba(10, 16, 29, .86);--panel-border: rgba(201, 160, 87, .4);--ink-strong: #f6e6bb;--ink-soft: #d9e1f1;--ink-muted: #8fa0bf;--accent-gold: #c9a057;--accent-cyan: #5cc8ff;--accent-green: #6ae3b1;--accent-red: #ff7575;font-family:Avenir Next,Segoe UI,PingFang SC,Noto Sans SC,sans-serif;background:radial-gradient(circle at top right,rgba(201,160,87,.24),transparent 28%),radial-gradient(circle at bottom left,rgba(92,200,255,.18),transparent 32%),linear-gradient(180deg,var(--bg-1),var(--bg-0));color:var(--ink-soft)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow:hidden}body{min-height:100vh}body.is-hosted-runtime #game-shell{padding:12px}#game-shell{position:relative;min-height:100vh;padding:20px}#game{min-height:calc(100vh - 40px);border-radius:28px;overflow:hidden;box-shadow:0 24px 60px #00000080,inset 0 0 0 1px #ffffff0a}#game canvas{display:block}.hud-panel{position:absolute;backdrop-filter:blur(14px);background:var(--panel);border:1px solid var(--panel-border);box-shadow:0 16px 40px #00000052}.hud-panel-top{top:36px;left:36px;max-width:420px;padding:20px 22px 18px;border-radius:22px}.hud-panel-top h1,.hud-panel-log h2{margin:4px 0 10px;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-size:clamp(1.9rem,2vw,2.6rem);font-weight:700;color:var(--ink-strong)}.hud-panel-top p,.hud-panel-log,.hud-panel-status{line-height:1.55}.hud-kicker{font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-gold)}.hud-panel-status{top:36px;right:36px;width:min(320px,calc(100vw - 72px));padding:18px 20px;border-radius:20px}.status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.status-row:last-child{border-bottom:0}.status-label{color:var(--ink-muted);font-size:.9rem}#connection-badge{display:inline-flex;align-items:center;justify-content:center;min-width:118px;padding:.45rem .8rem;border-radius:999px;font-size:.8rem;letter-spacing:.12em;background:#8fa0bf26;color:var(--ink-strong)}#connection-badge[data-status=connecting]{background:#c9a05733;color:#ffd180}#connection-badge[data-status=ready]{background:#6ae3b133;color:#9bf3d0}#connection-badge[data-status=disconnected],#connection-badge[data-status=error]{background:#ff75752e;color:#ffb2b2}.hud-panel-log{right:36px;bottom:36px;width:min(380px,calc(100vw - 72px));padding:20px;border-radius:22px}.identity-gate{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:#03060c9e;backdrop-filter:blur(16px)}.identity-gate.is-hidden{display:none}.identity-card{width:min(440px,calc(100vw - 32px));padding:26px 24px 22px;border-radius:26px;border:1px solid rgba(201,160,87,.32);background:radial-gradient(circle at top right,rgba(201,160,87,.16),transparent 36%),#0a101df0;box-shadow:0 24px 60px #0000006b}.identity-card h2{margin:6px 0 10px;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-size:clamp(1.8rem,2vw,2.4rem);color:var(--ink-strong)}.identity-copy{margin:0 0 18px;color:var(--ink-soft);line-height:1.65}.identity-label{display:block;margin-bottom:8px;color:var(--ink-muted);font-size:.88rem}.identity-label-level{margin-top:14px}#player-name-input,#player-level-input{width:100%;padding:.95rem 1rem;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--ink-strong);font-size:1rem;outline:none}#player-level-input{appearance:none;cursor:pointer}#player-name-input:focus,#player-level-input:focus{border-color:#5cc8ffb8;box-shadow:0 0 0 3px #5cc8ff1f}.identity-error{min-height:1.3rem;margin:10px 0 0;color:#ffb2b2;font-size:.85rem}.identity-submit{width:100%;margin-top:10px;padding:.95rem 1rem;border:0;border-radius:16px;background:linear-gradient(135deg,#d2a454,#b98228);color:#17120b;font-size:1rem;font-weight:700;cursor:pointer}.identity-submit:hover{filter:brightness(1.04)}.log-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.pill{display:inline-flex;align-items:center;max-width:180px;padding:.4rem .7rem;border-radius:999px;background:#5cc8ff24;color:#9ce6ff;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 14px}.metric{padding:12px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.05)}.metric dt{margin-bottom:6px;color:var(--ink-muted);font-size:.8rem}.metric dd{margin:0;color:var(--ink-strong);font-size:.98rem}.log-title{margin-bottom:10px;color:var(--ink-muted);font-size:.84rem;letter-spacing:.12em;text-transform:uppercase}#runtime-log{margin:0;padding:14px;min-height:146px;border-radius:16px;background:#00000047;color:#d8f0ff;font-family:SFMono-Regular,JetBrains Mono,Fira Code,monospace;font-size:.78rem;line-height:1.5;white-space:pre-wrap}@media(max-width:960px){html,body{overflow:auto}#game-shell{display:flex;flex-direction:column;gap:10px;min-height:auto;padding:10px}#game{order:2;min-height:60vh;border-radius:20px}.hud-panel-top,.hud-panel-status,.hud-panel-log{position:static;width:100%;max-width:none;margin-bottom:10px}.hud-panel-top{order:0;padding-bottom:16px}.hud-panel-status{order:1}.hud-panel-log{order:3;margin-bottom:0}.pill{max-width:140px}}