:root{--bg: #15211c;--panel: #1e2a24;--panel2: #28362e;--ink: #f1f0e8;--muted: #94a89a;--accent: #e3a13a;--accent2: #6fc59a;--danger: #e07a5f;--line: #2f3e35;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}.app{max-width:760px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line)}.topbar h1{font-size:18px;margin:0;letter-spacing:.04em}.topbar .badges{display:flex;gap:8px;font-size:12px;color:var(--muted)}.content{flex:1;padding:16px}.canvas-frame{border:2px solid var(--line);border-radius:12px;overflow:hidden;background:#0d1612}.stat-row{display:flex;gap:12px;margin:14px 0;flex-wrap:wrap}.stat{background:var(--panel);border-radius:10px;padding:10px 14px;min-width:96px}.stat .label{font-size:11px;color:var(--muted)}.stat .value{font-size:20px;font-weight:700}button{font:inherit;cursor:pointer;border:none;border-radius:10px;padding:10px 16px;background:var(--accent);color:#15211c;font-weight:700}button.secondary{background:var(--panel2);color:var(--ink)}button:disabled{opacity:.5;cursor:not-allowed}.tabbar{display:flex;border-top:1px solid var(--line);position:sticky;bottom:0;background:var(--panel)}.tabbar a{flex:1;text-align:center;padding:14px 0;color:var(--muted);text-decoration:none;font-size:13px;font-weight:600}.tabbar a.active{color:var(--accent2);border-top:2px solid var(--accent2)}.card{background:var(--panel);border-radius:12px;padding:14px;margin-bottom:12px}.replay-log{font-size:13px;line-height:1.7}.replay-log .gold{color:var(--accent)}.replay-log .loss{color:var(--danger)}.unit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.unit-tile{background:var(--panel2);border-radius:10px;padding:8px;text-align:center;font-size:12px;border:2px solid transparent}.unit-tile.selected{border-color:var(--accent2)}.alk-thumb{width:96px;height:60px;overflow:hidden;margin:0 auto 4px}.alk-thumb img{width:768px;height:auto;display:block;image-rendering:pixelated}.rank-row{display:flex;justify-content:space-between;padding:8px 4px;border-bottom:1px solid var(--line);font-size:14px}.rank-row .me{color:var(--accent2);font-weight:700}.muted{color:var(--muted)}.avatar-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.avatar-presets .preset{background:var(--panel2);border-radius:10px;padding:6px;border:2px solid transparent;cursor:pointer}.avatar-presets .preset.selected{border-color:var(--accent2)}.avatar-presets img{width:100%;image-rendering:pixelated;object-fit:none;object-position:0 0;height:96px}