:root{--bg:#0f1420;--surface:#1a2030;--surface-raised:#232b3e;--border:#2e374c;--text:#e8ebf2;--muted:#8b93a7;--accent:#f5b942;--accent-text:#1a1406;--positive:#4cc38a;--negative:#ef6b6b;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 50% -20%, #506ebe2e, transparent 60%), var(--bg);min-height:100vh;margin:0}h1{margin:0;font-size:1.5rem;font-weight:650}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.button:disabled{opacity:.6;cursor:default}.button-primary{background:var(--accent);color:var(--accent-text)}.button-primary:hover:not(:disabled){background:#ffc95c}.button-ghost{color:var(--text);border-color:var(--border);background:0 0}.button-ghost:hover:not(:disabled){border-color:var(--muted)}.brand-mark{border:3px solid var(--accent);border-radius:50%;width:1.1rem;height:1.1rem;display:inline-block}.brand-mark-large{border-width:5px;width:2.2rem;height:2.2rem}.app-header{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f1420eb;align-items:center;gap:2rem;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.6rem;font-size:1.05rem;font-weight:700;display:inline-flex}.nav{gap:1.25rem;display:flex}.nav a{color:var(--muted);font-weight:500}.nav a.router-link-active{color:var(--text)}.account{align-items:center;gap:1rem;margin-left:auto;display:flex}.balance{background:var(--surface);border:1px solid var(--border);color:inherit;font:inherit;cursor:pointer;border-radius:8px;flex-direction:column;align-items:flex-end;padding:.2rem .7rem;display:flex}.balance-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.7rem}.balance-amount{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700}.balance-amount.negative{color:var(--negative)}.login{color:var(--muted)}.page{max-width:1200px;margin:0 auto;padding:1.5rem}.page-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.error-banner{color:#ffb4b4;background:#ef6b6b1a;border:1px solid #ef6b6b66;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.sign-in{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.sign-in-card{flex-direction:column;gap:1rem;width:100%;max-width:380px;padding:2rem;display:flex}.sign-in-brand{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.sign-in-brand p{margin:0}.field{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.field input{background:var(--bg);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:8px;padding:.6rem .75rem}.field input:focus{border-color:var(--accent);outline:none}.game-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1rem;display:grid}.game-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;font:inherit;text-align:left;cursor:pointer;flex-direction:column;gap:.25rem;padding:.75rem;transition:transform .15s,border-color .15s;display:flex}.game-card:hover{border-color:var(--accent);transform:translateY(-2px)}.game-cover{aspect-ratio:4/3;background:linear-gradient(135deg, hsl(var(--hue) 60% 42%), hsl(calc(var(--hue) + 40) 55% 24%));color:#ffffffe6;border-radius:8px;place-items:center;margin-bottom:.5rem;font-size:2rem;font-weight:800;display:grid}.game-name{font-weight:600}.game-type{color:var(--muted);font-size:.8rem}.game-frame{border:1px solid var(--border);border-radius:var(--radius);background:#000;height:calc(100vh - 11rem);min-height:420px;overflow:hidden}.game-frame iframe{border:0;width:100%;height:100%}.table-card{overflow-x:auto}.history-table{border-collapse:collapse;width:100%}.history-table th,.history-table td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:.7rem 1rem}.history-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.75rem;font-weight:600}.history-table tbody tr:last-child td{border-bottom:0}.history-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.positive{color:var(--positive)}.negative{color:var(--negative)}.fatal-error{text-align:center;color:var(--muted);padding:2rem}@media (width<=768px){.app-header{flex-wrap:wrap;gap:.75rem 1.25rem;padding:.75rem 1rem}.login{display:none}.page{padding:1rem}.game-frame{height:calc(100vh - 13rem)}}@media (width<=480px){.app-header{gap:.5rem .75rem}.account{gap:.5rem}.history-table th,.history-table td{padding:.6rem;font-size:.85rem}.page-heading{flex-wrap:wrap}.nav{gap:.9rem}}