/* ============================================================================
   Ripz.One Entertainment — shared stylesheet (admin + landing page).
   Same pack-art palette as wnbaplayoffs.ripz.one: carbon black, champagne
   gold foil, Prizm chrome, royal-blue window. Mobile first.
   ========================================================================== */
:root{
  --bg:#0a0a0b; --bg2:#121214; --panel:#17171a; --panel2:#202024; --line:#2a2a2f; --line2:#3b3b41;
  --ink:#f7f5f1; --muted:#c9c6c0; --dim:#8d8a84;
  --gold:#b8935a; --gold-hi:#e4c793; --gold-lo:#8a6a3c;
  --royal:#1e3a71; --royal-hi:#377cd2; --royal-lt:#3a96de;
  --green:#37e0a0; --red:#ff6a75; --orange:#ff8a3d;
  --radius:14px; --tap:44px; --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}
html,body{margin:0;overflow-x:clip}
body{background:
    radial-gradient(760px 420px at 50% -120px,rgba(55,124,210,.30),transparent 70%),
    repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 2px,transparent 2px 6px),
    repeating-linear-gradient(-45deg,rgba(0,0,0,.35) 0 2px,transparent 2px 6px),var(--bg);
  background-attachment:fixed;color:var(--ink);font:15px/1.5 'Inter',system-ui,sans-serif}
.wrap{max-width:1100px;margin:0 auto;padding:12px 14px 80px}
a{color:var(--gold-hi)}
button,input,select,textarea{font:inherit}
header.top{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px 0 12px;
  border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,var(--gold) 20%,var(--gold-hi) 50%,var(--gold) 80%,transparent) 1}
.brand{font-family:'Orbitron',sans-serif;font-weight:800;font-size:18px;letter-spacing:1px}
.brand small{display:block;font:400 11.5px 'Inter',sans-serif;letter-spacing:.4px;color:var(--dim);text-transform:uppercase}
.gold{background:linear-gradient(180deg,#f6e2b8,var(--gold-hi) 30%,var(--gold) 60%,var(--gold-lo));-webkit-background-clip:text;background-clip:text;color:transparent}
.card{background:radial-gradient(640px 170px at 50% -60px,rgba(55,124,210,.18),transparent 70%),var(--panel);
  border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin:14px 0;box-shadow:inset 0 1px 0 rgba(228,199,147,.16)}
.card h2{margin:0 0 8px;font-size:18px}
.card h3{margin:14px 0 6px;font-size:14px;color:var(--gold-hi);letter-spacing:.3px}
.muted{color:var(--muted)} .dim{color:var(--dim)} .small{font-size:12.5px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 18px;border-radius:12px;
  border:1px solid rgba(55,124,210,.4);background:linear-gradient(180deg,#1a2946,#121c33);color:#fff;font-weight:700;cursor:pointer;text-decoration:none}
.btn.gold{background:linear-gradient(180deg,#f3ddb0,var(--gold-hi) 35%,var(--gold));color:#1b140a;border-color:var(--gold)}
.btn.discord{background:#5865f2;border-color:#5865f2}
.btn.red{background:transparent;border-color:var(--red);color:var(--red)}
.btn.sm{min-height:36px;padding:0 12px;font-size:13px}
.btn:disabled{opacity:.45;cursor:not-allowed}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.grid2{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:820px){.grid2{grid-template-columns:1fr 1fr}}
label.f{display:block;font-size:12.5px;color:var(--muted);margin:10px 0 4px}
input.t,select.t,textarea.t{width:100%;min-height:42px;padding:8px 10px;border-radius:10px;border:1px solid rgba(55,124,210,.35);background:#0f1a30;color:var(--ink)}
textarea.t{min-height:90px;resize:vertical}
.notice{border-left:3px solid var(--royal-hi);background:linear-gradient(90deg,rgba(55,124,210,.22),rgba(30,58,113,.06));padding:10px 12px;border-radius:8px;margin:10px 0;font-size:14px}
.notice.bad{border-left-color:var(--red);background:rgba(255,106,117,.08)}
.notice.warn{border-left-color:var(--orange);background:rgba(255,138,61,.08)}
.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;background:var(--panel2);color:var(--muted)}
.pill.draft{background:rgba(141,138,132,.2)} .pill.announced{background:rgba(58,150,222,.25);color:#cfe6ff}
.pill.running{background:rgba(55,224,160,.2);color:var(--green)} .pill.finished{background:rgba(184,147,90,.25);color:var(--gold-hi)}
.pill.cancelled{background:rgba(255,106,117,.15);color:var(--red)}
.list .item{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(55,124,210,.25);
  border-radius:12px;margin:6px 0;background:linear-gradient(90deg,rgba(30,58,113,.35),rgba(23,23,26,.9) 60%);cursor:pointer}
.list .item:hover{border-color:var(--gold)}
.roles{max-height:220px;overflow:auto;border:1px solid var(--line2);border-radius:10px;padding:6px 10px;background:#0f1a30}
.roles label{display:flex;gap:8px;align-items:center;padding:3px 0;font-size:13.5px}
.qgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.q{border:1px solid rgba(55,124,210,.3);border-radius:12px;padding:10px;background:linear-gradient(165deg,rgba(30,58,113,.45),var(--bg2) 70%)}
.q.removed{opacity:.4}
.q .imgs{display:flex;gap:6px;margin-bottom:6px}
.q img{width:100%;max-width:110px;border-radius:8px;background:#000}
.q .opt{font-size:12.5px;padding:3px 8px;border-radius:8px;background:#132038;margin:3px 0}
.q .opt.ok{background:rgba(55,224,160,.18);color:var(--green);font-weight:700}
.q .meta{font-size:11px;color:#9fb8dd;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
table.t{width:100%;border-collapse:collapse;font-size:13px}
table.t th,table.t td{text-align:left;padding:6px 8px;border-bottom:1px solid rgba(55,124,210,.2)}
.presets{display:flex;gap:10px;flex-wrap:wrap}
.presets label{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;cursor:pointer;border:1px solid var(--line2);border-radius:10px;padding:6px}
.presets img{width:54px}
#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--panel2);border:1px solid var(--line2);border-radius:12px;padding:10px 16px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:50;max-width:92vw}
#toast.show{opacity:1} #toast.bad{border-color:var(--red)}
.lb li{display:flex;justify-content:space-between;padding:8px 10px;border:1px solid rgba(55,124,210,.25);border-radius:10px;margin:6px 0;background:linear-gradient(90deg,rgba(30,58,113,.4),rgba(23,23,26,.9) 60%)}
.hero{text-align:center;padding:28px 16px}
.hero h1{font-family:'Orbitron',sans-serif;font-size:26px;margin:6px 0}
.hero .arena{display:block;width:100%;height:auto;aspect-ratio:1792/939;object-fit:contain;border-radius:12px;margin:0 auto 14px;box-shadow:0 10px 28px rgba(0,0,0,.55)}
.hero:has(.arena){padding-top:16px}
.hero .glory{font-size:72px;line-height:1;margin-bottom:6px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}
.hero .packs img{width:90px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}