@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Spectral:ital,wght@0,400;0,600;1,400&display=swap";:root{--bg: #010a13;--bg-raise: #0a1428;--panel: #091222;--panel-2: #0e1b33;--edge: #1e2d45;--gold: #c8aa6e;--gold-bright: #f0e6d2;--gold-dim: #785a28;--gold-dark: #463714;--teal: #0ac8b9;--teal-dark: #0a5c5c;--text: #e8e3d7;--sub: #8a97ad;--win: #0ac8b9;--loss: #e84057;--font-display: "Cinzel", "Palatino Linotype", Palatino, serif;--font-body: "Spectral", Georgia, serif;--font-data: "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body)}body{background:radial-gradient(1100px 500px at 50% -150px,rgba(10,200,185,.07),transparent 70%),radial-gradient(900px 600px at 85% 110%,rgba(200,170,110,.05),transparent 70%),var(--bg);min-height:100vh}::selection{background:var(--gold-dim);color:var(--gold-bright)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--gold-dark);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--gold-dim)}.hex-panel{position:relative;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--edge);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);padding:22px}.hex-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,var(--gold-dim) 0 10px,transparent 10px) top left,linear-gradient(225deg,var(--gold-dim) 0 10px,transparent 10px) top right,linear-gradient(45deg,var(--gold-dim) 0 10px,transparent 10px) bottom left,linear-gradient(315deg,var(--gold-dim) 0 10px,transparent 10px) bottom right;background-size:24px 24px;background-repeat:no-repeat;opacity:.9}.eyebrow{font-family:var(--font-data);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim) 20%,var(--gold) 50%,var(--gold-dim) 80%,transparent);margin:14px 0;position:relative}.divider:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;transform:translate(-50%,-50%) rotate(45deg);background:var(--bg);border:1px solid var(--gold)}.input,.select{background:var(--panel-2);border:1px solid var(--edge);border-bottom-color:var(--gold-dark);color:var(--text);padding:11px 13px;font-size:14px;font-family:var(--font-data);outline:none;transition:border-color .15s ease}.input:focus,.select:focus{border-color:var(--gold-dim);border-bottom-color:var(--gold)}.input::placeholder{color:#5a6b83}.btn-gold{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#06101f;background:linear-gradient(180deg,#f0d9a8,var(--gold) 45%,var(--gold-dim));border:1px solid var(--gold);padding:11px 30px;cursor:pointer;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);transition:filter .15s ease}.btn-gold:hover:not(:disabled){filter:brightness(1.12)}.btn-gold:disabled{background:#1a2740;color:var(--sub);border-color:var(--edge);cursor:wait}.btn-gold:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.tab{font-family:var(--font-data);background:transparent;color:var(--sub);border:1px solid var(--edge);padding:8px 16px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .15s ease}.tab:hover{color:var(--gold-bright);border-color:var(--gold-dim)}.tab.active{color:var(--gold-bright);border-color:var(--gold);background:linear-gradient(180deg,#c8aa6e2e,#785a2840)}.tab:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.diamond{width:13px;height:13px;transform:rotate(45deg);transition:transform .15s ease}.diamond:hover{transform:rotate(45deg) scale(1.35)}.match-card{background:linear-gradient(90deg,var(--panel-2),var(--panel) 40%);border:1px solid var(--edge);cursor:pointer;transition:border-color .15s ease,transform .12s ease}.match-card:hover{border-color:var(--gold-dim);transform:translate(2px)}.item-slot{width:26px;height:26px;background:var(--bg-raise);border:1px solid var(--gold-dark)}.scoreboard-row{transition:background .12s ease}.scoreboard-row:hover{background:#c8aa6e0d}.scoreboard-row.me{background:#0ac8b912;box-shadow:inset 2px 0 0 var(--teal)}.fade-in{animation:fadeIn .35s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}h1,h2,h3{font-family:var(--font-display)}.num{font-variant-numeric:tabular-nums;font-family:var(--font-data)}