:root{--paper:#f3ede1;--paper-2:#efe7d7;--card:#faf6ec;--ink:#1a1714;--ink-soft:#6b6258;--blue:#1e6feb;--orange:#ff5e2c;--green:#34b25a;--pink:#f0568c;--purple:#7a5cff;--gold:#f2b400;--line:2.5px;--r-lg:22px;--r-md:16px;--shadow-sticker:0 10px 22px -12px #1a171473, 0 2px 0 #1a17140f;--font-display:"Clash Display", "General Sans", system-ui, sans-serif;--font-ui:"General Sans", system-ui, -apple-system, sans-serif;--font-mark:"Caveat", "General Sans", cursive}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-ui);color:var(--ink);background-color:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/></svg>");overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:700;line-height:.98}p{margin:0}button{font-family:var(--font-ui);cursor:pointer}input{font-family:var(--font-ui)}.mark{font-family:var(--font-mark);font-weight:700}.app-shell{flex-direction:column;align-items:center;width:100%;min-height:100dvh;display:flex}.screen{width:100%;max-width:520px;margin:0 auto;padding:62px 20px 120px;position:relative}.screen.landing{padding-top:30px}.screen.wide{max-width:1180px}.ov-box{border:var(--line) solid var(--ink);background:var(--paper-2);border-radius:18px;height:320px;overflow:hidden}.ov-box.play-surface{height:62vh;min-height:420px}.demo-row{grid-template-columns:1fr;gap:14px;display:grid}.demo-row>*{min-width:0}@media (min-width:540px){.demo-row{grid-template-columns:1fr 1fr}}.saved-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.saved-grid>*{min-width:0}@media (min-width:680px){.vote-grid{grid-template-columns:1fr 1fr!important}}.home-fab{z-index:70;border:2.5px solid var(--ink);background:var(--card);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:9px 16px 9px 13px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex;position:fixed;top:16px;left:16px;box-shadow:0 4px 0 -1px #1a17144d}.home-fab:active{transform:translateY(2px);box-shadow:0 1px 0 -1px #1a17144d}@media (min-width:900px){.screen{padding-top:40px}.screen.landing{max-width:1080px;padding-top:64px}.screen.play{max-width:1140px}.screen.champ{max-width:860px}.screen.results{max-width:1000px}.ov-box{height:500px}.ov-box.play-surface{height:66vh;min-height:520px}}.btn{border:var(--line) solid var(--ink);background:var(--ink);color:var(--card);box-shadow:0 4px 0 var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;padding:15px 22px;font-size:18px;font-weight:600;transition:transform .12s,box-shadow .12s,background .15s;display:inline-flex}.btn:active{box-shadow:0 0 0 var(--ink);transform:translateY(4px)}.btn.secondary{background:var(--card);color:var(--ink)}.btn.accent-orange{background:var(--orange);border-color:var(--ink);box-shadow:0 4px 0 var(--ink);color:#fff}.btn.accent-blue{background:var(--blue);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{color:var(--ink-soft);background:0 0;border:none;border-radius:12px;padding:10px 12px;font-size:15px;font-weight:600}.btn-ghost:hover{color:var(--ink)}.field{border:var(--line) solid var(--ink);background:var(--card);width:100%;color:var(--ink);border-radius:16px;outline:none;padding:15px 18px;font-size:18px}.field::placeholder{color:#b6ac9c}.field:focus{box-shadow:0 0 0 3px #1e6feb2e}.eyebrow{font-family:var(--font-mark);color:var(--ink-soft);font-size:24px;font-weight:700;display:inline-block;transform:rotate(-2deg)}.tape{background:#f2b4006b;border:1px dashed #1a171440;border-radius:2px;width:62px;height:22px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-3deg)}.spring-in{animation:.42s cubic-bezier(.34,1.56,.64,1) both springIn}@keyframes springIn{0%{transform:translateY(16px)scale(.96)}to{transform:none}}.fade-in{animation:.35s both fadeIn}@keyframes fadeIn{0%{transform:translateY(6px)}to{transform:none}}.pop{animation:.5s cubic-bezier(.34,1.56,.64,1) both pop}@keyframes pop{0%{transform:scale(.62)}60%{transform:scale(1.06)}to{transform:scale(1)}}.node-pop{animation:.42s cubic-bezier(.34,1.56,.64,1) both nodePop}@keyframes nodePop{0%{transform:scale(1)}40%{transform:scale(1.07)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.spring-in,.pop,.fade-in,.node-pop{animation-duration:1ms}*{scroll-behavior:auto!important}}.row{align-items:center;gap:12px;display:flex}.col{flex-direction:column;display:flex}.muted{color:var(--ink-soft)}.center{text-align:center}.nowrap-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.matchup-grid{flex-direction:column;align-items:stretch;gap:14px;margin-top:26px;display:flex}.vs-badge{border:var(--line) solid var(--ink);background:var(--card);z-index:2;border-radius:50%;justify-content:center;align-self:center;align-items:center;width:54px;height:54px;display:flex;position:relative;box-shadow:0 4px 0 -1px #1a17144d}@media (min-width:760px){.matchup-grid{flex-direction:row;align-items:center;gap:8px}.matchup-grid>.teamcard{flex:1}.vs-badge{margin:0 4px}}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (min-width:560px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}.gallery-card{text-align:left;border:var(--line) solid var(--ink);background:var(--card);border-radius:var(--r-md);box-shadow:var(--shadow-sticker);cursor:pointer;padding:13px;transition:transform .14s;position:relative}.gallery-card:hover{transform:translateY(-3px)rotate(0)!important}.zbtn{border:2.5px solid var(--ink);background:var(--card);width:42px;height:42px;color:var(--ink);border-radius:12px;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:inline-flex;box-shadow:0 3px 0 -1px #1a17144d}.zbtn.wide{width:auto;padding:0 14px;font-size:15px}.zbtn:active{transform:translateY(2px)}.teamcard:hover:not(:disabled){box-shadow:0 16px 26px -14px #1a171480,0 2px #1a171414}.overlay{z-index:60;background:#f3ede1f5;flex-direction:column;animation:.25s both fadeIn;display:flex;position:fixed;inset:0}.overlay-head{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.iconbtn{border:2.5px solid var(--ink);background:var(--card);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:inline-flex}.toast{background:var(--ink);color:var(--card);z-index:80;border-radius:999px;padding:12px 20px;font-size:15px;font-weight:600;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px -8px #1a171499}.bottombar{padding:14px 20px calc(14px + env(safe-area-inset-bottom));z-index:40;background:0 0;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottombar .inner{width:100%;max-width:520px}