:root{--yellow:#ffd23f;--red:#ff3b4e;--blue:#2f6fe4;--sky:#c4e8ff;--green:#2fcf6a;--ink:#1d1446;--white:#fff;--display:"Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--body:"Figtree", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--edge:4px solid var(--ink);--lift:6px 6px 0 var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--yellow);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:18px;line-height:1.5}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:var(--display);margin:0;font-weight:400;line-height:.95}p{margin:0}.mono{font-family:var(--mono);letter-spacing:.02em;font-weight:700}.wrap{width:min(1200px,100% - 32px);margin:0 auto}:focus-visible{outline:4px solid var(--ink);outline-offset:4px}.button{font-family:var(--display);border:var(--edge);box-shadow:var(--lift);border-radius:999px;padding:.7rem 1.4rem .6rem;font-size:1.35rem;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-block}.button:hover{box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-2px)}.button:active{box-shadow:2px 2px 0 var(--ink);transform:translate(4px,4px)}.button-ink{background:var(--ink);color:var(--yellow)}.button-white{background:var(--white);color:var(--ink)}.hero{background:var(--yellow);border-bottom:var(--edge);min-height:clamp(720px,100svh,1000px);position:relative;overflow:hidden}.court{color:#ffffffbf;width:100%;height:100%;position:absolute;inset:0}.field{position:absolute;inset:0}.agent{aspect-ratio:1;cursor:pointer;will-change:transform;background:0 0;border:0;padding:0;position:absolute;top:0;left:0}.agent img{width:100%;height:100%;transform:scale(1.55) scaleX(var(--facing,1));transform-origin:50% 70%;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.agent-tag{opacity:0}.agent.is-tagged .agent-tag{opacity:1}.agent.is-tagged .agent-idle{opacity:0}.agent-ring{border:5px solid var(--ring);border-radius:50%;height:22%;position:absolute;bottom:4%;left:16%;right:16%}.agent-ball{aspect-ratio:1;opacity:0;background:radial-gradient(circle at 35% 30%,#fff 40%,#d9dbe6 100%);border-radius:50%;width:22%;transition:opacity .12s,transform .2s cubic-bezier(.3,1.8,.5,1);position:absolute;top:30%;right:4%;transform:scale(.4);box-shadow:0 3px #1d144659}.agent.is-it .agent-ball{opacity:1;animation:.5s ease-in-out infinite alternate bob;transform:scale(1)}.agent-pop{font-family:var(--display);color:var(--white);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;opacity:0;pointer-events:none;font-size:1.3rem;position:absolute;top:-12%;left:50%;translate:-50%}.agent.is-tagged .agent-pop{animation:.6s ease-out pop}@keyframes bob{to{translate:0 -6px}}@keyframes pop{0%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1.2)rotate(-6deg)}to{opacity:0;transform:translateY(-18px)scale(1)}}.hero-copy{z-index:1000;text-align:center;pointer-events:none;flex-direction:column;align-items:center;padding:clamp(48px,9vh,110px) 16px 0;display:flex;position:relative}.hero-copy a{pointer-events:auto}.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;background:var(--ink);color:var(--yellow);border-radius:999px;padding:.35rem .9rem;font-size:.9rem;font-weight:700}.title{color:var(--white);-webkit-text-stroke:.07em var(--ink);paint-order:stroke fill;text-shadow:.05em .06em 0 var(--ink);letter-spacing:.01em;margin-top:.15em;font-size:clamp(5rem,17vw,14rem)}.title span{animation:.7s cubic-bezier(.3,1.6,.5,1) both drop;display:inline-block}.title span:first-child{rotate:-4deg}.title span:last-child{color:var(--red);animation-delay:.12s;rotate:3deg}@keyframes drop{0%{opacity:0;transform:translateY(-60%)scale(.8)}}.lede{background:var(--yellow);border-radius:14px;max-width:30ch;margin-top:.6rem;padding:.3rem .8rem;font-size:clamp(1.15rem,2.2vw,1.5rem);font-weight:800}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:1.6rem;display:flex}.hero-hint,.field-score{z-index:1000;pointer-events:none;font-size:.85rem;font-weight:600;position:absolute;bottom:16px}.hero-hint{left:16px}.field-score{right:16px}.band{border-bottom:var(--edge);padding:clamp(64px,10vw,120px) 0;overflow-x:clip}.band-red{background:var(--red)}.band-blue{background:var(--blue)}.band-sky{background:var(--sky)}.band-green{background:var(--green)}.section-head{max-width:640px;margin-bottom:40px}.section-head h2{color:var(--white);-webkit-text-stroke:.08em var(--ink);paint-order:stroke fill;text-shadow:.05em .06em 0 var(--ink);font-size:clamp(2.8rem,7vw,5.2rem)}.section-head>p{margin-top:16px;font-size:1.2rem;font-weight:600}.band-red .section-head>p,.band-blue .section-head>p,.band-blue .move,.band-blue figcaption{color:var(--white)}.tabs{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.tab{font-family:var(--display);border:var(--edge);background:var(--white);color:var(--ink);cursor:pointer;border-radius:999px;padding:.5rem 1.2rem .4rem;font-size:1.3rem}.tab[aria-selected=true]{background:var(--yellow);box-shadow:var(--lift)}.screen{border:var(--edge);box-shadow:10px 10px 0 var(--ink);background:var(--ink);border-radius:24px;margin:0;overflow:hidden}.screen img{aspect-ratio:16/9;width:100%;height:auto}.screen figcaption{background:var(--white);border-top:var(--edge);padding:14px 20px;font-weight:600}.thumbs{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;display:grid}.thumb{border:var(--edge);cursor:pointer;background:var(--ink);border-radius:14px;padding:0;transition:transform .12s,box-shadow .12s;overflow:hidden}.thumb:hover{transform:translateY(-2px)}.thumb[aria-pressed=true]{border-color:var(--yellow);box-shadow:var(--lift);transform:translateY(-4px)}.moves{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.move{border:var(--edge);background:#1d144659;border-radius:20px;padding:22px}.move h3{margin:14px 0 8px;font-size:2.2rem}.move p{font-weight:600}.keys{gap:10px;display:flex}kbd{border:var(--edge);min-width:48px;height:48px;font-family:var(--mono);background:var(--white);color:var(--ink);box-shadow:0 4px 0 var(--ink);place-items:center;font-size:1.3rem;font-weight:700;display:grid}kbd.ps{background:var(--ink);color:var(--white);border-radius:50%;box-shadow:0 4px #0006}kbd.kb{border-radius:10px}.flow{grid-template-columns:1fr 1fr;gap:24px;margin-top:48px;display:grid}.flow figure{margin:0}.flow img{border:var(--edge);box-shadow:var(--lift);border-radius:18px}.flow figcaption{margin-top:12px;font-weight:700}.roster{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--card);color:var(--card-ink);border:var(--edge);box-shadow:var(--lift);border-radius:24px;padding:0 18px 20px;transition:transform .16s cubic-bezier(.3,1.6,.5,1)}.card:nth-child(odd){rotate:-1deg}.card:nth-child(2n){rotate:1deg}.card:hover{transform:translateY(-8px)rotate(-1deg)}.card-art{aspect-ratio:1;margin:0 -10px;position:relative}.card-art img{transform-origin:50% 60%;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.25)}.card-tag{opacity:0}.card:hover .card-tag{opacity:1}.card:hover .card-idle{opacity:0}.card-mood{text-transform:uppercase;letter-spacing:.12em;background:var(--card-ink);color:var(--card);border-radius:999px;padding:.2rem .7rem;font-size:.75rem;display:inline-block}.card h3{margin:10px 0 6px;font-size:2rem}.card-line{font-size:.98rem;font-weight:600}.house{grid-template-columns:5fr 7fr;align-items:center;gap:48px;display:grid}.house .section-head{margin-bottom:0}.facts{gap:10px;margin:24px 0 0;padding:0;font-weight:700;list-style:none;display:grid}.facts li{background:var(--white);border:var(--edge);border-radius:14px;padding:10px 14px}.house-shots{gap:0;display:grid}.house-shots img{border:var(--edge);box-shadow:10px 10px 0 var(--ink);border-radius:18px}.tilt-left{width:82%;rotate:-3deg}.tilt-right{justify-self:end;width:82%;margin-top:-14%;rotate:2.5deg}.footer{background:var(--ink);color:var(--yellow);padding:48px 0}.footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-title{font-family:var(--display);font-size:3rem;line-height:1}.footer .button{box-shadow:6px 6px 0 var(--red)}@media (width<=820px){.flow,.house{grid-template-columns:1fr}.thumbs{gap:10px}.roster{grid-template-columns:repeat(2,1fr);gap:14px}.card{border-radius:18px;padding:0 12px 14px}.card h3{font-size:1.45rem}.card-line{font-size:.85rem}.hero-hint{display:none}.field-score{left:16px;right:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}