:root{--paper: #f4efe6;--card: #fffdf8;--line: #e2d9c8;--navy: #1b1f3b;--gold: #d9a441;--green: #2e7d4f;--danger: #b3261e;--muted: #55597a;--gold-soft: #f2e4c4;--gold-softer: #f7eed8;--navy-soft: #2a2f52;--font-head: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--radius: 16px;--radius-lg: 22px;--radius-sm: 10px;--shadow-card: 0 1px 2px rgba(27, 31, 59, .06), 0 8px 24px rgba(27, 31, 59, .05);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--navy);font-family:var(--font-body);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html,body{height:100%}body{overflow:hidden}#root{height:100dvh}h1,h2,h3,h4{font-family:var(--font-head);color:var(--navy);margin:0;line-height:1.05;font-weight:600}button{font-family:var(--font-body);cursor:pointer}button:disabled{cursor:not-allowed}input{font-family:var(--font-body)}a{color:inherit}.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.screen{width:100%;max-width:460px;margin:0 auto;padding:22px 20px 26px;height:100dvh;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}@media (min-width: 760px){body{background:radial-gradient(1400px 900px at 50% -15%,#fbf7ef,var(--paper))}.screen{max-width:1320px;padding:32px 48px;font-size:1.02rem}}.has-corner-pill .screen{padding-bottom:96px}@media (min-width: 760px){.has-corner-pill .screen{padding-bottom:32px}}.deck-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-shrink:0}.deck{display:flex;flex-direction:column;gap:16px;flex:1 1 auto;min-height:0}@media (min-width: 760px){.deck{display:grid;gap:32px;align-items:start;align-content:start}.deck>*{min-width:0}.deck--main-side{grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr)}.deck--side-main{grid-template-columns:minmax(320px,1fr) minmax(0,1.6fr)}.deck--even{grid-template-columns:1fr 1fr}.deck--thirds{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.deck--vcenter{align-content:center}}.topten-reveal{display:flex;flex-direction:column;gap:16px;flex-shrink:0}@media (min-width: 760px){.topten-reveal{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,1fr);grid-template-areas:"board spot" "board standings";grid-template-rows:auto 1fr;gap:16px 32px;align-items:start}.topten-reveal__spot{grid-area:spot}.topten-reveal__board{grid-area:board}.topten-reveal__standings{grid-area:standings}}.topten-pick{display:flex;flex-direction:column;gap:16px;flex-shrink:0}.topten-pick__intro{margin-bottom:2px}.topten-pick__tray-list{display:flex;flex-direction:column;gap:8px}@media (min-width: 760px){.topten-pick{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"intro board" "tray board" "actions board";grid-template-rows:auto auto 1fr;gap:16px 32px;align-items:start}.topten-pick__intro{grid-area:intro;margin-bottom:0}.topten-pick__tray{grid-area:tray}.topten-pick__board{grid-area:board}.topten-pick__actions{grid-area:actions}.topten-pick__tray-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.how-to__rounds,.how-to__side{display:flex;flex-direction:column;gap:14px}.deck.how-to{flex:0 0 auto}@media (min-width: 760px){.screen.screen--how-to{padding-top:26px;padding-bottom:24px}.deck.how-to{grid-template-columns:minmax(0,1.9fr) minmax(320px,1fr);gap:24px}.how-to__rounds{display:grid;grid-template-columns:1fr 1fr;gap:14px}.how-to__done{max-width:420px;align-self:center}}.stack{display:flex;flex-direction:column;gap:16px;min-height:0}.reveal-list{display:flex;flex-direction:column;gap:12px}@media (min-width: 760px){.reveal-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}}.landing-title{font-size:3.9rem}@media (min-width: 760px){.landing-title{font-size:5rem}}@media (max-width: 759px){.landing-deck{flex:0 0 auto}}.public-rooms__list{max-height:168px;overflow-y:auto;padding-bottom:4px}@media (min-width: 760px){.public-rooms__list{max-height:212px}}.leaderboard__list{max-height:290px;overflow-y:auto}.col-narrow{width:100%;max-width:460px}@media (min-width: 760px){.col-narrow--center{margin-inline:auto}}.r3-split{display:flex;flex-direction:column;gap:16px;flex:1 1 auto;min-height:0}.r3-split>.r3-play{display:flex;flex-direction:column}@media (min-width: 760px){.r3-split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,1fr);gap:36px;align-items:stretch}.r3-split>.r3-play,.r3-split>.r3-race{display:flex;flex-direction:column;justify-content:center}}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}@keyframes ctf-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.duel-stage{display:flex;flex-direction:column;gap:16px}.duel-stage__settled{display:flex;flex-direction:column;gap:10px}@media (min-width: 760px){.duel-stage{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:start}}.duel-spotlight{animation:ctf-duel-in .45s cubic-bezier(.2,.8,.2,1) both}.duel-spotlight--leaving{animation:ctf-duel-out .5s cubic-bezier(.5,0,.75,0) both}.duel-settled-row{animation:ctf-duel-settle .4s cubic-bezier(.2,.8,.2,1) both}.duel-settled-item{position:relative}.duel-settled-row:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.duel-peek{position:absolute;top:calc(100% + 6px);right:0;width:max(100%,min(420px,calc(100vw - 32px)));z-index:20;filter:drop-shadow(0 10px 24px rgba(0,0,0,.2));animation:ctf-fade-in .18s ease both}.duel-pop{animation:ctf-duel-pop .35s cubic-bezier(.2,.9,.3,1.4) both}.close-bonus{display:inline-block;background:var(--green);color:#fff;font-weight:800;border-radius:8px;padding:3px 8px;white-space:nowrap}@keyframes ctf-duel-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}@keyframes ctf-duel-out{0%{opacity:1;transform:none}to{opacity:0;transform:translate(70%) scale(.8)}}@keyframes ctf-duel-settle{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}@keyframes ctf-duel-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.award-page{animation:ctf-fade-in .4s ease-out}@media (prefers-reduced-motion: reduce){.award-page,.duel-spotlight,.duel-spotlight--leaving,.duel-settled-row,.duel-peek,.duel-pop{animation:none}}.admin-page{height:100dvh;overflow-y:auto}.admin-wrap{max-width:720px;margin:0 auto;padding:0 16px}.admin-page>.admin-wrap{padding-top:28px}.admin-field{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 8px;margin:0 -8px;border-top:1px solid var(--line);border-radius:8px}.admin-field:first-of-type{border-top:none}.admin-field--unsaved{background:var(--gold-softer)}.admin-input{font-size:1rem;padding:9px 11px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--navy);flex-shrink:0;max-width:45vw}.admin-input:focus{outline:none;border-color:var(--navy)}.admin-input[aria-invalid=true]{border-color:var(--danger)}.admin-preview{margin-top:10px;padding:10px 12px;background:var(--paper);border-radius:var(--radius-sm);font-size:.92rem}.admin-link{background:none;border:none;padding:0;color:var(--muted);text-decoration:underline;font:inherit;cursor:pointer}.admin-bar{position:sticky;bottom:0;background:var(--card);border-top:1px solid var(--line);padding:12px 0;box-shadow:0 -6px 18px #1b1f3b0f}