/* © 2026 Никола Марић aka G.O.A.T 4060 aka Abu Center Back · Scribe 33. All rights reserved. */
:root {
  --deep:#082a1f; --forest:#0c3a2b; --green:#12875f; --lime:#c4ef3a; --gold:#ffc53d; --orange:#ff9f1c; --red:#ff6b6b;
  --mint:#d5eadf; --soft:#a9c9ba; --glass:#ffffff14; --glass-line:#ffffff26; --ink:#173128;
  --font:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif; --display:"Fraunces",Georgia,"Times New Roman",serif;
}
* { box-sizing:border-box; }
html, body { margin:0; min-height:100%; }
body { font:700 16px/1.45 var(--font); color:#fff; background:linear-gradient(160deg,#082a1f,#0e4a35 55%,#12683f); min-height:100vh; -webkit-tap-highlight-color:transparent; }
button, input, select, textarea { font:inherit; }
button { cursor:pointer; }
.hidden { display:none !important; }
.wrap { max-width:1040px; margin:0 auto; padding:16px; }

.eyebrow { font-size:.72rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; color:var(--lime); }
h1 { margin:2px 0 0; font:900 clamp(1.8rem,5vw,2.6rem)/1.05 var(--display); letter-spacing:-.01em; }
h2 { margin:0 0 10px; font:900 1.35rem/1.15 var(--display); }
.muted { color:var(--soft); font-weight:700; }
.card { background:var(--glass); border:1px solid var(--glass-line); border-radius:22px; padding:18px; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }

.btn { border:0; border-radius:999px; padding:12px 20px; font-weight:900; color:var(--ink);
  background:linear-gradient(180deg,#d9ff63,var(--lime)); box-shadow:0 4px 0 #7f9d17; transition:transform .1s; }
.btn:active { transform:translateY(3px); box-shadow:0 1px 0 #7f9d17; }
.btn:disabled { opacity:.5; cursor:default; }
.btn.gold { background:linear-gradient(180deg,#ffd76a,var(--gold)); box-shadow:0 4px 0 #b86f00; }
.btn.ghost { background:var(--glass); color:#fff; border:1px solid var(--glass-line); box-shadow:none; }
.btn.small { padding:7px 13px; font-size:.85rem; }
.input { width:100%; border:2px solid var(--glass-line); background:#00000033; color:#fff; border-radius:16px; padding:13px 16px; font-weight:800; outline:none; }
.input:focus { border-color:var(--lime); }
.input::placeholder { color:#ffffff66; }
.err { color:#ffb4b4; font-weight:800; min-height:1.4em; margin-top:8px; }
.ok { color:var(--lime); }

.testbar { background:#ffc53d; color:#3a2600; font-weight:900; font-size:.85rem; text-align:center; padding:7px 12px; }
.testbar a { color:#3a2600; }

.tabs { display:flex; gap:8px; flex-wrap:wrap; }
.tab { border:1px solid var(--glass-line); background:var(--glass); color:#fff; border-radius:999px; padding:9px 16px; font-weight:900; }
.tab[aria-selected="true"] { background:#fff; color:var(--ink); border-color:#fff; }

table.board { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.board th { text-align:left; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--lime); padding:6px 10px; }
.board td { padding:10px; border-top:1px solid var(--glass-line); }
.board td.num, .board th.num { text-align:right; }
.board tr.me td { background:#c4ef3a22; }
.board tr.me td:first-child { border-radius:12px 0 0 12px; } .board tr.me td:last-child { border-radius:0 12px 12px 0; }
.scroll-x { overflow-x:auto; -webkit-overflow-scrolling:touch; }

@media print {
  body { background:#fff; color:#000; }
  .no-print { display:none !important; }
}