:root{--bg: #12100e;--panel: #1b1815;--panel-raised: #241f1b;--border: #322b25;--text: #f2ede7;--muted: #a89e93;--accent: #e8a33d;--accent-soft: rgba(232, 163, 61, .15);--good: #6fbf73;--warn: #e8b84b;--bad: #e06c5a;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid var(--border);background:var(--panel-raised);color:var(--text);padding:.55rem .9rem;transition:border-color .12s ease,background .12s ease}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#241a08;font-weight:600}button.ghost{background:transparent}button.danger:hover:not(:disabled){border-color:var(--bad);color:var(--bad)}input,select{font:inherit;background:#100e0c;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.55rem .7rem;width:100%}a{color:var(--accent)}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85em;background:#100e0c;padding:.1rem .35rem;border-radius:5px;word-break:break-all}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:1rem;padding:.85rem 1.25rem;border-bottom:1px solid var(--border);background:var(--panel);position:sticky;top:0;z-index:10}.brand{font-weight:700;letter-spacing:-.01em;margin-right:auto;display:flex;align-items:center;gap:.5rem}.brand button{border:none;background:none;padding:0;font:inherit;color:inherit}.topbar nav{display:flex;gap:.4rem;align-items:center}.content{width:100%;max-width:1080px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.1rem}.panel+.panel{margin-top:1rem}.muted{color:var(--muted)}.small{font-size:.85rem}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:.6rem}h1{font-size:1.9rem;letter-spacing:-.02em;margin:0 0 .4rem}h2{font-size:1.1rem;margin:0 0 .7rem}h3{font-size:.95rem;margin:0 0 .4rem}.hero{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:1.2rem}.mode-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.1rem;display:flex;flex-direction:column;gap:.6rem}.mode-card h2{margin:0}.mode-card ul{margin:0;padding-left:1.1rem;color:var(--muted);font-size:.88rem;line-height:1.55}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;padding:.18rem .5rem;border-radius:999px;border:1px solid var(--border);background:var(--panel-raised);color:var(--muted);white-space:nowrap}.badge.good{color:var(--good);border-color:#6fbf7366}.badge.warn{color:var(--warn);border-color:#e8b84b66}.badge.bad{color:var(--bad);border-color:#e06c5a66}.badge.accent{color:var(--accent);border-color:#e8a33d73;background:var(--accent-soft)}.match-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(280px,340px);gap:1.25rem;align-items:start}@media(max-width:900px){.match-layout{grid-template-columns:1fr}}.board-wrap{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.75rem}.clock{display:flex;justify-content:space-between;align-items:center;padding:.5rem .7rem;border-radius:8px;background:var(--panel-raised);border:1px solid var(--border);font-variant-numeric:tabular-nums}.clock.active{border-color:var(--accent)}.clock.low .time{color:var(--bad)}.clock .time{font-size:1.35rem;font-weight:600}.movelist{max-height:260px;overflow-y:auto;font-variant-numeric:tabular-nums;font-size:.9rem;display:grid;grid-template-columns:2.2rem 1fr 1fr;gap:.15rem .5rem;align-content:start}.movelist .num{color:var(--muted)}.metrics{display:grid;grid-template-columns:1fr auto;gap:.3rem .8rem;font-size:.88rem}.metrics .label{color:var(--muted)}.metrics .value{font-variant-numeric:tabular-nums;text-align:right}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080706b8;display:flex;justify-content:center;align-items:flex-start;padding:3rem 1rem;z-index:50;overflow-y:auto}.sheet{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:1.25rem;width:100%;max-width:440px}.sheet header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem}.balance{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.qr{width:100%;max-width:260px;margin:0 auto;display:block;border-radius:10px;background:#fff;padding:.5rem}.notice{border-radius:8px;padding:.6rem .75rem;font-size:.85rem;border:1px solid var(--border);background:var(--panel-raised);color:var(--muted)}.notice.bad{border-color:#e06c5a66;color:#f0b3a8}.notice.offer{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;color:var(--text);border-color:#e8a33d8c;background:var(--accent-soft);animation:offer-pulse 1.6s ease-in-out 3}@keyframes offer-pulse{50%{border-color:var(--accent)}}@media(prefers-reduced-motion:reduce){.notice.offer{animation:none}}.notice.warn{border-color:#e8b84b66;color:#f0dca8}.route-list{display:flex;flex-direction:column;gap:.7rem}.route{border:1px solid var(--border);border-radius:10px;padding:.75rem;background:var(--panel-raised)}.route.recommended{border-color:#e8a33d73}.route ul{margin:.4rem 0 0;padding-left:1.1rem;color:var(--muted);font-size:.82rem;line-height:1.5}.spinner{color:var(--muted);font-size:.9rem}