/* Game Day Designs shared styles (items + staff) */
:root{--bg:#101418;--panel:#182029;--panel2:#1e2833;--line:#2a3542;--gold:#f0c838;--gold2:#ffd84d;--text:#f5f5f5;--muted:#c9d1d9;--dim:#8b949e;--red:#e5484d;--green:#3fb950;--blue:#1877f2;--radius:14px}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{min-height:100vh;font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,Helvetica,sans-serif;color:var(--text);
  background:var(--bg) radial-gradient(circle at 20% 0%,#24303b 0,var(--bg) 480px) no-repeat;line-height:1.45}
a{color:var(--gold)}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.eyebrow{letter-spacing:.28em;text-transform:uppercase;font-size:.75rem;color:var(--gold);font-weight:700}
.brand{display:inline-block;text-decoration:none;color:var(--text);font-weight:900;text-transform:uppercase;letter-spacing:.03em;font-size:1.05rem}
.brand span{color:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border-radius:12px;border:2px solid transparent;
  font-weight:800;font-size:1rem;text-decoration:none;cursor:pointer;background:var(--panel2);color:var(--text);border-color:var(--line);transition:transform .12s,filter .12s;-webkit-tap-highlight-color:transparent}
.btn:active{transform:scale(.97)}
.btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.btn-gold{background:var(--gold);color:#101418;border-color:var(--gold)}
.btn-gold:hover{filter:brightness(1.07)}
.btn-fb{background:var(--blue);border-color:var(--blue);color:#fff}
.btn-outline{background:transparent;border-color:var(--gold);color:var(--gold)}
.btn-danger{background:transparent;border-color:#6b2a2d;color:#ff8a8d}
.btn-sm{min-height:40px;padding:8px 14px;font-size:.92rem}
.btn[disabled]{opacity:.55;pointer-events:none}
.btn svg{width:20px;height:20px;flex:none}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:#f5f5f5;color:#101418;padding:12px 18px;border-radius:12px;
  font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:.25s;z-index:100;max-width:calc(100% - 32px);text-align:center}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}