:root{color-scheme:dark;--bg:#0f1310;--panel:#182019;--line:rgba(255,255,255,.1);--text:#f4f2e9;--muted:#a9afa8;--gold:#ead8a8;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 8%,rgba(47,94,58,.22),transparent 30rem),var(--bg);color:var(--text)}button{font:inherit}.shell{width:min(1080px,calc(100% - 22px));margin:auto;padding-bottom:30px}header{min-height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}header a{color:var(--gold);text-decoration:none;font-weight:800}header>div{text-align:center}header span,.hero span{color:var(--gold);font-size:.62rem;font-weight:900;letter-spacing:.16em}header h1{margin:4px 0}header button{justify-self:end}.hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.hero h2{margin:4px 0}.hero p{margin:6px 0;color:var(--muted)}.credits{text-align:center}.credits strong,.credits span{display:block}.credits strong{font-size:2rem;color:var(--gold)}.credits span{color:var(--muted);font-size:.65rem}.catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.item{padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.preview{width:74px;height:74px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#253428;font-weight:900}.frame-gold{border:4px solid #d7b86f;box-shadow:0 0 18px rgba(215,184,111,.25)}.frame-emerald{border:4px solid #75d18a}.frame-tournament{border:4px solid #b798e0}.item h3{margin:12px 0 4px;text-align:center}.item p{min-height:38px;color:var(--muted);font-size:.72rem;text-align:center}.item footer{display:flex;gap:7px}.item button{flex:1;padding:9px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.035);color:var(--text)}.item.selected{border-color:rgba(117,209,138,.4)}.vip{color:var(--gold)}.name-gold{color:#ead8a8}.name-emerald{color:#75d18a}.message{position:fixed;right:18px;bottom:18px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#1c251e;opacity:0}.message.visible{opacity:1}@media(max-width:550px){header{grid-template-columns:auto 1fr auto}.hero{display:block}.credits{margin-top:12px}}