.hero{position:relative;padding:20px 10px 20px;text-align:center;background:radial-gradient(ellipse at center,#18499155,transparent 70%)}.hero-kicker{font-size:11px;letter-spacing:.25em;color:#a7cdff;font-weight:900;margin-bottom:14px}.hero h1{font-size:clamp(32px,7.5vw,61px);line-height:1.08;font-weight:1000;letter-spacing:-.05em;text-shadow:0 3px 12px #0008;margin:0}.hero h1 span{color:var(--gold)}.hero p{color:#bcd7fb;font-size:15px;margin:16px 0}.hero-flare{display:flex;gap:8px;justify-content:center;margin:24px auto 0}.hero-flare span{display:grid;place-items:center;width:39px;height:42px;border:1px solid #7daaf9;border-radius:7px;color:#f9fbff;font-weight:950;font-size:20px;background:linear-gradient(#2c7dd9,#16457e);box-shadow:0 0 10px #286fee5c}.hero-flare span:nth-child(odd){color:var(--gold)}.mode-grid{margin:18px auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;max-width:820px}.mode-card{border:1px solid #4b7cbb;border-radius:14px;background:linear-gradient(125deg,#163566,#0d2247);color:#fff;padding:18px 14px;display:flex;align-items:center;gap:13px;text-align:left;min-height:115px}.mode-card.featured{grid-column:span 2;background:linear-gradient(115deg,#1d4f97,#0f2e60);border-color:#d4a34a;min-height:115px;box-shadow:0 3px 19px #d7a64124}.mode-icon{font-size:28px}.mode-card>span:nth-child(2){flex:1;min-width:0}.mode-card strong{display:block;letter-spacing:.035em;font-size:15px}.mode-card small{display:block;color:#b4d0f3;line-height:1.4;margin-top:7px;font-size:12px}.chevron{font-size:28px;color:var(--gold)}.mode-card:hover{filter:brightness(1.16)}.home-nav{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:26px}.home-nav button{background:transparent;color:#d5e5ff;border:1px solid #335786;border-radius:8px;padding:10px 12px}.content-count{text-align:center;font-size:11px;margin-top:20px;color:#86a9d6}.form-panel{display:flex;flex-direction:column;gap:10px}.form-panel>label{color:#cde0fb;font-size:13px;font-weight:800;margin-top:8px}.form-panel input[type=range]{accent-color:var(--gold);min-height:34px}.check-row{display:flex;gap:10px;align-items:center}.check-row input{width:21px;height:21px;accent-color:#ffc75a}.form-buttons{margin-top:20px;display:flex;flex-direction:column;gap:9px}.opponent-profile{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.opponent-mini{display:flex;align-items:center;flex-direction:column;gap:5px;border:1px solid #3a639d;border-radius:9px;background:#0a1d40;color:white;padding:12px 8px;font-size:26px;min-width:0}.opponent-mini span{font-size:11px;line-height:1.4}.opponent-mini.active{border-color:var(--gold);background:#204b80;box-shadow:inset 0 0 0 1px #ffcf6480}.opponent-description{color:var(--dim);font-size:12px;margin:0}.modal-backdrop{position:fixed;inset:0;z-index:85;background:#000b;display:grid;place-items:center;padding:16px}.modal{border:1px solid #679ddd;background:linear-gradient(145deg,#1b3c74,#08182f);box-shadow:0 15px 80px #000d;border-radius:19px;padding:24px;max-width:420px;width:100%;text-align:center}.modal h2{color:var(--gold);letter-spacing:.07em}.modal p{color:#c3d8f5;font-size:14px;line-height:1.5}.menu-stack{display:flex;flex-direction:column;gap:9px}.menu-stack .btn{width:100%}.achievements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.achievement{border:1px solid #315184;background:#0b2148;padding:15px;border-radius:11px;display:flex;gap:12px;filter:saturate(.6);opacity:.7}.achievement.earned{border-color:#a7853f;filter:none;opacity:1}.achievement h3{margin:0 0 5px;font-size:15px}.achievement p{font-size:12px;margin:0;color:#c3d7f2}.achievement small{display:block;margin-top:7px;color:var(--gold)}.medal{font-size:24px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:500px;font-size:13px}td,th{text-align:left;padding:11px;border-bottom:1px solid #335787}thead{color:var(--gold)}.stat-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:16px}.stat-tile{padding:15px;border:1px solid #36639b;border-radius:9px;background:#10264e;min-width:0}.stat-tile span{display:block;font-size:12px;color:#bbd0ef}.stat-tile strong{font-size:23px;color:var(--gold);display:block;margin-top:8px;overflow-wrap:anywhere}.instructions{line-height:1.65}.instructions h2{color:var(--gold);font-size:19px;margin:20px 0 5px}.instructions h2:first-child{margin-top:0}.instructions p{color:#d5e2f7;font-size:14px}.instructions strong{color:#fff}
@keyframes enterStage{from{opacity:.45;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.hero h1,.transition{animation:enterStage .32s ease-out}