:root{--font-geist-sans:"Arial Black", "Helvetica Neue", Arial, sans-serif;--font-geist-mono:"Courier New", Courier, monospace;--ink:#17172e;--navy:#132650;--blue:#245ba8;--sky:#6ed6dd;--sand:#f4d783;--cream:#fff4d2;--yellow:#ffd93d;--orange:#f56f46;--pink:#e95d8e;--green:#2cae7a;--white:#fffdf4;--panel-shadow:8px 8px 0 var(--ink)}*{box-sizing:border-box}html{background:var(--navy);min-width:320px;min-height:100%}body{background:var(--navy);min-height:100%;color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;margin:0;overflow-x:hidden}button,input,summary{font:inherit}button,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:2px;box-shadow:0 0 0 6px var(--ink)}button:disabled{cursor:not-allowed;filter:grayscale(.75);opacity:.5}::selection{background:var(--yellow);color:var(--ink)}.game-shell{min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));isolation:isolate;position:relative}.pixel-sky{z-index:-2;background:linear-gradient(#52c9d5 0 37%,#3a91c5 37% 48%,#173662 48% 100%);position:fixed;inset:0;overflow:hidden}.pixel-sky:before,.pixel-sky:after{content:"";pointer-events:none;position:absolute;inset:0}.pixel-sky:before{opacity:.16;background-image:linear-gradient(45deg, var(--ink) 25%, transparent 25%), linear-gradient(-45deg, var(--ink) 25%, transparent 25%);background-position:0 0,4px 0;background-size:8px 8px;-webkit-mask-image:linear-gradient(#0000,#000 75%);mask-image:linear-gradient(#0000,#000 75%)}.pixel-sky:after{background:repeating-linear-gradient(0deg,#0000 0 11px,#ffffff0d 11px 13px),linear-gradient(90deg,#0000 0 4%,#ffd93d24 4% 5%,#0000 5% 100%);top:48%}.sky-sun{aspect-ratio:1;background:var(--yellow);clip-path:polygon(12% 0,88% 0,88% 6%,100% 6%,100% 88%,94% 88%,94% 100%,6% 100%,6% 94%,0 94%,0 12%,12% 12%);width:clamp(92px,15vw,220px);position:absolute;top:8%;right:8%;box-shadow:-12px 0 #ffd93d5c,0 12px #ffd93d33}.cloud{background:#fffdf4b3;width:90px;height:18px;position:absolute;box-shadow:18px -16px #fffdf4b3,44px -8px #fffdf4b3}.cloud-one{top:12%;left:8%}.cloud-two{top:28%;left:43%;transform:scale(.65)}.topbar{z-index:5;width:min(1180px,100%);min-height:64px;color:var(--white);background:var(--ink);border:4px solid var(--ink);justify-content:space-between;align-items:center;gap:16px;margin:0 auto 18px;padding:10px 14px;display:flex;position:relative;box-shadow:6px 6px #0e143661}.brand-lockup{align-items:center;gap:10px;line-height:.83;display:flex}.brand-lockup>span:last-child{align-items:baseline;gap:6px;display:flex}.brand-lockup b,.brand-lockup strong{letter-spacing:-.08em;font-size:clamp(1rem,2.8vw,1.45rem)}.brand-lockup strong{color:var(--yellow)}.brand-ball,.hero-ball{background:var(--yellow);border:3px solid var(--white);width:34px;height:34px;box-shadow:3px 3px 0 var(--blue);border-radius:50%;flex:none;display:block;position:relative;overflow:hidden}.brand-ball:before,.brand-ball:after,.brand-ball i,.hero-ball:before,.hero-ball:after,.hero-ball i{content:"";background:var(--blue);position:absolute}.brand-ball:before,.hero-ball:before{width:4px;height:32px;top:-2px;left:14px;transform:rotate(31deg)}.brand-ball:after,.hero-ball:after{width:30px;height:4px;top:13px;left:-1px;transform:rotate(-20deg)}.brand-ball i,.hero-ball i{width:15px;height:4px;bottom:4px;right:-4px;transform:rotate(38deg)}.topbar-score{letter-spacing:.08em;align-items:center;gap:10px;font-size:.68rem;display:flex}.topbar-score span{opacity:.66}.topbar-score b{color:var(--ink);background:var(--green);border:2px solid var(--white);padding:7px 9px}.pixel-panel{border:4px solid var(--ink);box-shadow:var(--panel-shadow)}.setup-layout{z-index:1;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);gap:22px;width:min(1180px,100%);margin:0 auto;display:grid;position:relative}.hero-panel{min-height:660px;color:var(--white);background:var(--navy);flex-direction:column;display:flex;position:relative;overflow:hidden}.hero-panel:before{content:"";z-index:0;opacity:.18;background:repeating-linear-gradient(135deg, transparent 0 12px, var(--blue) 12px 16px);position:absolute;inset:0}.hero-copy{z-index:2;padding:clamp(26px,5vw,52px) clamp(22px,4vw,44px) 8px;position:relative}.eyebrow{color:var(--orange);letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px;font-size:.7rem;font-weight:900;line-height:1.35;display:block}.hero-copy h1{font-family:var(--font-geist-sans), Impact, sans-serif;letter-spacing:-.09em;text-transform:uppercase;margin:0;font-size:clamp(3.6rem,8vw,6.8rem);font-weight:950;line-height:.75}.hero-copy h1 span{width:max-content;text-shadow:5px 5px 0 var(--ink);display:block}.yellow-text{color:var(--yellow)}.hero-copy p{color:#cae9e7;max-width:480px;font-family:var(--font-geist-sans), sans-serif;margin:26px 0 0;font-size:clamp(1rem,1.8vw,1.18rem);font-weight:650;line-height:1.45}.hero-court{z-index:1;background:repeating-linear-gradient(90deg, #1326501f 0 6px, transparent 6px 18px), var(--sand);border:4px solid var(--ink);clip-path:polygon(0 14%,8% 14%,8% 5%,92% 5%,92% 0,100% 0,100% 100%,0 100%);flex:1;min-height:275px;margin:12px 20px 0;position:relative;overflow:hidden}.hero-court:before,.hero-court:after{content:"";pointer-events:none;position:absolute}.hero-court:before{background:var(--white);height:6px;bottom:31px;left:0;right:0;box-shadow:0 -136px #fffdf4cc}.hero-court:after{background:var(--white);width:5px;height:168px;bottom:0;left:52%}.hero-net{z-index:2;border:4px solid var(--ink);background:repeating-linear-gradient(0deg, transparent 0 8px, var(--ink) 8px 11px), repeating-linear-gradient(90deg, transparent 0 8px, var(--ink) 8px 11px), var(--white);width:9%;height:110px;position:absolute;bottom:35px;left:48%}.hero-court>.craig-sprite{z-index:4;transform-origin:bottom;position:absolute;bottom:62px;left:22%;transform:scale(2.05)}.hero-court .hero-ball{z-index:5;border-color:var(--ink);width:52px;height:52px;animation:1s steps(4,jump-none) infinite alternate ball-float;position:absolute;top:14%;right:18%;box-shadow:5px 5px #17172e57}.hero-shadow{z-index:2;clip-path:polygon(10% 0,90% 0,100% 50%,88% 100%,12% 100%,0 50%);background:#17172e38;width:132px;height:18px;position:absolute;bottom:43px;left:12%}.hero-burst{z-index:6;color:var(--white);background:var(--pink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:5px 7px;font-size:.72rem;font-weight:950;position:absolute;transform:rotate(-5deg)}.burst-one{top:29%;left:38%}.burst-two{color:var(--ink);background:var(--yellow);bottom:18%;right:6%;transform:rotate(4deg)}.hero-ticker{z-index:4;color:var(--ink);background:var(--yellow);border-top:4px solid var(--ink);letter-spacing:.04em;justify-content:space-around;gap:8px;margin-top:14px;padding:13px 10px 12px;font-size:clamp(.54rem,1.2vw,.68rem);font-weight:900;display:flex;position:relative}.hero-ticker span+span:before{content:"✦";margin-right:14px}.lobby-panel{background:var(--cream);flex-direction:column;min-height:660px;padding:clamp(20px,3vw,30px);display:flex}.lobby-panel .eyebrow,.results-card .eyebrow{color:var(--navy)}.panel-heading{border-bottom:4px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:18px;padding-bottom:18px;display:flex}.panel-heading h2,.race-heading h1,.results-card h2{font-family:var(--font-geist-sans), Impact, sans-serif;letter-spacing:-.055em;text-transform:uppercase;margin:0;font-weight:950;line-height:.95}.panel-heading h2{font-size:clamp(1.6rem,3vw,2.35rem)}.count-stepper{border:3px solid var(--ink);min-width:156px;box-shadow:4px 4px 0 var(--ink);grid-template-columns:44px 68px 44px;display:grid}.count-stepper button{cursor:pointer;background:var(--yellow);border:0;min-height:48px;padding:0;font-size:1.5rem;font-weight:950}.count-stepper button:first-child{border-right:3px solid var(--ink)}.count-stepper button:last-child{border-left:3px solid var(--ink)}.count-stepper output{min-height:48px;color:var(--white);background:var(--ink);flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex}.count-stepper output strong{font-size:1.08rem}.count-stepper output span{letter-spacing:.08em;margin-top:3px;font-size:.46rem}.roster{scrollbar-color:var(--orange) var(--sand);scrollbar-width:auto;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;min-height:260px;max-height:420px;margin:18px -4px 16px 0;padding:0 9px 7px 0;display:grid;overflow-y:auto}.roster::-webkit-scrollbar{width:12px}.roster::-webkit-scrollbar-track{background:var(--sand);border:2px solid var(--ink)}.roster::-webkit-scrollbar-thumb{background:var(--orange);border:2px solid var(--ink)}.roster-row{background:var(--white);border:3px solid var(--ink);grid-template-columns:28px 60px minmax(0,1fr);align-items:center;min-width:0;min-height:66px;display:grid;position:relative;overflow:hidden;box-shadow:3px 3px #17172e2e}.roster-row:before{content:"";z-index:0;opacity:.1;pointer-events:none;background-image:repeating-linear-gradient(135deg,currentColor 0 3px,#0000 3px 9px);position:absolute;inset:0}.roster-row>*{z-index:1;position:relative}.roster-lane{color:var(--white);background:var(--ink);writing-mode:vertical-rl;align-self:stretch;place-items:center;font-size:.58rem;font-weight:900;display:grid}.mini-sprite-wrap{place-items:center;height:60px;display:grid;overflow:visible}.mini-sprite-wrap .craig-sprite{transform:scale(.92)}.roster-fields{flex-direction:column;gap:3px;min-width:0;padding:8px 7px 8px 0;display:flex}.roster-fields input{width:100%;min-width:0;height:25px;color:var(--ink);border:2px solid #0000;border-bottom-color:var(--ink);font-family:var(--font-geist-sans), sans-serif;text-overflow:ellipsis;background:#fffc;border-radius:0;padding:2px 5px;font-size:.76rem;font-weight:800}.roster-fields input::placeholder{color:#6e6c72;opacity:1}.roster-fields input:focus{background:var(--white);border-color:var(--blue)}.roster-fields small{color:#5f5b62;letter-spacing:.02em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.52rem;font-weight:800;overflow:hidden}.jersey-chip{z-index:3;border:1px solid var(--ink);padding:2px 3px;font-size:.42rem;font-weight:950;position:absolute;top:3px;right:4px}.race-settings{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:0 0 14px;display:grid}.duration-setting,.sound-setting{min-width:0;min-height:68px;color:var(--ink);background:var(--white);border:3px solid var(--ink);padding:8px 10px;box-shadow:3px 3px #17172e33}.duration-setting{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 8px;font-weight:950;display:grid}.duration-setting>span:first-child,.sound-setting b{letter-spacing:.05em;font-size:.62rem}.duration-setting small,.sound-setting small{color:#5f5b62;letter-spacing:.03em;text-transform:uppercase;grid-column:1/-1;font-size:.49rem;font-weight:850}.duration-input{border:2px solid var(--ink);align-items:stretch;display:flex}.duration-input input{width:70px;min-height:38px;color:var(--ink);background:var(--cream);font-family:var(--font-geist-sans), sans-serif;text-align:right;border:0;border-radius:0;padding:4px 5px;font-size:1rem;font-weight:950}.duration-input b{color:var(--white);background:var(--ink);letter-spacing:.04em;place-items:center;padding:0 6px;font-size:.45rem;display:grid}.sound-setting{cursor:pointer;text-align:left;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:2px 8px;display:grid}.sound-setting>span{width:38px;height:38px;color:var(--white);background:var(--blue);border:2px solid var(--ink);grid-row:1/3;place-items:center;font-size:1.25rem;display:grid}.sound-setting small{grid-column:2}.sound-setting.sound-on{background:var(--yellow)}.lobby-actions,.results-actions{grid-template-columns:.9fr 1.2fr;gap:12px;display:grid}.primary-button,.secondary-button,.text-button,.icon-button{cursor:pointer;letter-spacing:.035em;text-transform:uppercase;border-radius:0;min-height:48px;padding:12px 14px;font-size:.72rem;font-weight:950}.primary-button{color:var(--ink);background:var(--yellow);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.primary-button:hover:not(:disabled){box-shadow:7px 7px 0 var(--ink);background:#ffe66b;transform:translate(-2px,-2px)}.primary-button:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(4px,4px)}.secondary-button{color:var(--white);background:var(--blue);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.secondary-button:hover:not(:disabled){background:#3374ca}.text-button{color:var(--ink);border:3px dashed var(--ink);background:0 0}.announcer{min-width:0;color:var(--white);background:var(--ink);border:3px solid var(--ink);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.announcer>span{color:var(--ink);background:var(--orange);letter-spacing:.05em;text-align:center;text-transform:uppercase;align-self:stretch;place-items:center;padding:8px 10px;font-size:.58rem;font-weight:950;display:grid}.announcer p{min-width:0;font-family:var(--font-geist-sans), sans-serif;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:7px 10px 7px 0;font-size:.75rem;font-weight:650;overflow:hidden}.compact-announcer{margin-top:16px}.craig-sprite{width:56px;height:50px;image-rendering:pixelated;transform-origin:bottom;flex:0 0 56px;display:block;position:relative}.craig-sprite>span,.sprite-head>span,.sprite-prop>span{display:block;position:absolute}.sprite-shadow{z-index:0;background:#17172e42;width:46px;height:5px;bottom:0;left:5px;box-shadow:3px 0 #17172e1f,-3px 0 #17172e1f}.sprite-leg{z-index:2;border:2px solid var(--ink);background:#e8a47b;width:10px;height:8px;top:39px}.leg-left{left:12px}.leg-right{left:34px}.sprite-leg:after{content:"";background:var(--accent);border:2px solid var(--ink);width:13px;height:4px;position:absolute;bottom:-5px;left:-2px}.sprite-torso{z-index:4;background:var(--shirt);border:3px solid var(--ink);border-radius:17px 17px 11px 11px;width:48px;height:25px;top:20px;left:4px;box-shadow:inset 0 -3px #17172e33}.jersey-mark{min-width:8px;color:var(--ink);text-align:center;font-size:5px;font-style:normal;font-weight:950;line-height:1;position:absolute;top:8px;left:17px}.sprite-arm{z-index:3;border:2px solid var(--ink);transform-origin:top;background:#e8a47b;width:9px;height:18px;top:24px}.arm-left{left:1px;transform:rotate(12deg)}.arm-right{right:0;transform:rotate(-12deg)}.sprite-head{z-index:6;width:38px;height:38px;image-rendering:pixelated;background:0 0;top:-5px;left:9px}.sprite-face{z-index:8;object-fit:contain;width:42px;height:42px;image-rendering:pixelated;display:block;position:absolute;inset:-3px}.sprite-hair,.sprite-brow,.sprite-eye,.sprite-smile{display:none!important}.sprite-hair{z-index:3;border:2px solid var(--ink);background:#30212a;width:30px;height:9px;top:-4px;left:1px;transform:skew(-18deg);box-shadow:5px 3px #30212a,9px 5px #30212a}.sprite-brow{z-index:4;background:#422b2d;width:9px;height:2px;top:12px}.brow-left{left:5px;transform:rotate(6deg)}.brow-right{right:5px;transform:rotate(-6deg)}.sprite-eye{z-index:4;background:var(--ink);width:3px;height:3px;top:16px}.eye-left{left:8px}.eye-right{right:8px}.sprite-smile{z-index:4;background:var(--white);border-bottom:1px solid #9b514b;width:12px;height:4px;bottom:7px;left:11px;box-shadow:-2px -1px #9b514b,2px -1px #9b514b}.back-gear,.head-gear,.sprite-prop{display:none!important}.gear-ball .sprite-prop{z-index:8;background:var(--yellow);border:2px solid var(--ink);border-radius:50%;width:12px;height:12px;top:27px;right:-1px;overflow:hidden;display:block!important}.gear-ball .sprite-prop:before,.gear-ball .sprite-prop:after{content:"";background:var(--white);position:absolute}.gear-ball .sprite-prop:before{width:3px;height:13px;top:-2px;left:4px;transform:rotate(35deg)}.gear-ball .sprite-prop:after{width:13px;height:3px;top:4px;left:-1px;transform:rotate(-20deg)}.gear-bib .sprite-torso:after{content:"3486";width:19px;height:10px;color:var(--ink);background:var(--white);border:1px solid var(--ink);place-items:center;font-size:4px;font-weight:950;display:grid;position:absolute;top:6px;left:12px}.gear-bib .jersey-mark{display:none}.gear-towel .back-gear{z-index:2;background:var(--accent);border:2px solid var(--ink);width:23px;height:28px;top:18px;right:2px;transform:rotate(-7deg);display:block!important}.gear-bottle .sprite-prop{z-index:8;border:2px solid var(--ink);background:#81e6e3;width:8px;height:14px;top:28px;right:0;box-shadow:inset 0 -4px #36aaa8;display:block!important}.gear-bottle .sprite-prop:before{content:"";background:var(--white);border:2px solid var(--ink);width:4px;height:4px;position:absolute;top:-5px;left:0}.gear-bag .back-gear{z-index:2;border:3px solid var(--ink);width:53px;height:27px;box-shadow:inset 0 -3px var(--accent);background:#24232c;top:18px;left:1px;display:block!important}.gear-bag .back-gear:after{content:"AVP";color:var(--accent);writing-mode:vertical-rl;font-size:4px;font-weight:950;position:absolute;bottom:3px;right:2px}.gear-plaid .sprite-torso{background:linear-gradient(90deg, transparent 0 5px, #ffffffe0 5px 8px, transparent 8px 13px), linear-gradient(0deg, transparent 0 5px, #ffffffe0 5px 8px, transparent 8px 13px), var(--shirt);background-size:13px 13px}.gear-crown .head-gear{z-index:8;background:var(--accent);border:2px solid var(--ink);clip-path:polygon(0 100%,0 20%,22% 55%,38% 0,56% 55%,78% 5%,100% 25%,100% 100%);width:38px;height:12px;top:-8px;left:9px;display:block!important}.gear-crown .sprite-head:after{z-index:9;content:"";background:var(--ink);width:22px;height:6px;box-shadow:3px 0 var(--ink), -3px 0 var(--ink);position:absolute;top:15px;left:8px}.gear-crown .jersey-mark:after{content:"CAT";color:var(--accent);font-size:4px;position:absolute;top:5px;left:-2px}.gear-dusk .head-gear{z-index:8;background:var(--accent);border:2px solid var(--ink);width:40px;height:4px;top:3px;left:8px;display:block!important}.gear-socks .sprite-leg:after{background:#29aeb0;height:7px;bottom:-6px}.gear-block .sprite-arm{height:24px;top:7px}.gear-block .arm-left{left:4px;transform:rotate(18deg)}.gear-block .arm-right{right:3px;transform:rotate(-18deg)}.gear-pancake .sprite-prop{z-index:8;border:2px solid var(--ink);background:#e9b860;width:14px;height:6px;top:31px;right:-1px;box-shadow:inset 0 -2px #bd754a;display:block!important}.gear-pancake .sprite-prop:after{content:"";background:var(--yellow);width:4px;height:4px;position:absolute;top:-3px;left:5px}.gear-net .head-gear{z-index:8;background:linear-gradient(90deg, transparent 0 4px, var(--ink) 4px 5px), linear-gradient(0deg, transparent 0 3px, var(--ink) 3px 4px), var(--white);border:2px solid var(--ink);background-size:5px 4px;width:42px;height:7px;top:1px;left:7px;display:block!important}.mood-run .sprite-head,.mood-run .sprite-torso{animation:.34s steps(2,jump-none) infinite body-bob}.mood-run .leg-left,.mood-run .arm-right{animation:.34s steps(2,jump-none) infinite limb-left}.mood-run .leg-right,.mood-run .arm-left{animation:.34s steps(2,jump-none) infinite limb-right}.mood-boost .sprite-head,.mood-boost .sprite-torso{animation:.16s steps(2,jump-none) infinite boost-bob}.mood-boost:before,.mood-boost:after{content:"";z-index:0;background:var(--accent);width:12px;height:3px;box-shadow:-7px 7px 0 var(--accent);position:absolute;right:39px}.mood-boost:before{top:18px}.mood-boost:after{top:27px;right:44px}.mood-victory .arm-left,.mood-victory .arm-right{height:18px;top:12px}.mood-victory .arm-left{transform:rotate(22deg)}.mood-victory .arm-right{transform:rotate(-22deg)}.mood-victory .sprite-head,.mood-victory .sprite-torso{animation:.55s steps(2,jump-none) infinite victory-hop}.sprite-large{transform:scale(1.35)}.race-layout{z-index:1;width:min(1180px,100%);margin:0 auto;position:relative}.race-heading{color:var(--white);background:var(--navy);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);justify-content:space-between;align-items:flex-end;gap:18px;padding:17px 19px;display:flex}.race-heading h1{font-size:clamp(1.7rem,4vw,3.4rem)}.race-controls{gap:8px;display:flex}.icon-button{min-width:108px;color:var(--ink);background:var(--cream);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.icon-button:hover:not(:disabled){background:var(--yellow)}.race-announcer{box-shadow:4px 4px 0 var(--ink);grid-template-columns:minmax(96px,auto) minmax(0,1fr) auto;margin:14px 0 10px;position:relative}.race-announcer p{font-size:clamp(.7rem,1.6vw,.88rem)}.live-dot{color:var(--white);letter-spacing:.08em;margin-right:10px;padding-left:14px;font-size:.56rem;font-style:normal;font-weight:950}.live-dot:before{content:"";background:var(--orange);width:8px;height:8px;box-shadow:0 0 0 2px var(--white);margin:1px 0 0 -14px;position:absolute}.race-arena{background:var(--sand);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);position:relative;overflow:hidden}.race-arena:before{content:"";z-index:0;opacity:.18;background:repeating-linear-gradient(90deg, transparent 0 33px, var(--ink) 33px 36px);pointer-events:none;position:absolute;inset:0}.race-lanes{z-index:1;margin:0;padding:0;list-style:none;position:relative}.race-lane{border-bottom:3px solid var(--ink);grid-template-columns:132px minmax(0,1fr);min-height:clamp(48px,5.7vh,60px);display:grid;position:relative}.race-lane:last-child{border-bottom:0}.lane-nameplate{z-index:5;min-width:0;color:var(--white);background:var(--navy);border-right:4px solid var(--ink);grid-template-columns:34px minmax(0,1fr);align-items:center;display:grid;position:relative}.rank-chip{color:var(--ink);background:var(--cream);border-right:3px solid var(--ink);align-self:stretch;place-items:center;font-size:.72rem;font-weight:950;display:grid}.lane-person{min-width:0;padding:4px 6px}.lane-person strong,.lane-person small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.lane-person strong{font-family:var(--font-geist-sans), sans-serif;font-size:clamp(.64rem,1.4vw,.78rem);line-height:1.1}.lane-person small{color:#8ee0de;letter-spacing:.08em;margin-top:3px;font-size:.48rem;font-weight:900}.lane-court{background-color:#fff4d28f;min-width:0;position:relative;overflow:hidden}.lane-court:before{content:"";opacity:.12;pointer-events:none;position:absolute;inset:0}.lane-pattern-waves .lane-court:before,.lane-pattern-waves:before{background-image:repeating-linear-gradient(135deg, var(--blue) 0 3px, transparent 3px 10px)}.lane-pattern-zigzag .lane-court:before,.lane-pattern-zigzag:before{background-image:linear-gradient(135deg, var(--orange) 25%, transparent 25%), linear-gradient(225deg, var(--orange) 25%, transparent 25%);background-size:12px 12px}.lane-pattern-bubbles .lane-court:before,.lane-pattern-bubbles:before,.lane-pattern-dots .lane-court:before,.lane-pattern-dots:before{background-image:radial-gradient(var(--blue) 2px, transparent 2px);background-size:12px 12px}.lane-pattern-stripes .lane-court:before,.lane-pattern-stripes:before{background-image:repeating-linear-gradient(90deg, var(--ink) 0 3px, transparent 3px 12px)}.lane-pattern-checks .lane-court:before,.lane-pattern-checks:before{background-image:linear-gradient(45deg, var(--blue) 25%, transparent 25%, transparent 75%, var(--blue) 75%), linear-gradient(45deg, var(--blue) 25%, transparent 25%, transparent 75%, var(--blue) 75%);background-position:0 0,6px 6px;background-size:12px 12px}.lane-pattern-crowns .lane-court:before,.lane-pattern-crowns:before,.lane-pattern-sprinkles .lane-court:before,.lane-pattern-sprinkles:before{background-image:repeating-linear-gradient(120deg, var(--pink) 0 2px, transparent 2px 11px)}.lane-pattern-sunset .lane-court:before,.lane-pattern-sunset:before{background-image:linear-gradient(90deg, var(--orange), transparent 65%)}.lane-pattern-blocks .lane-court:before,.lane-pattern-blocks:before{background-image:linear-gradient(90deg, var(--orange) 50%, transparent 50%);background-size:14px 100%}.lane-pattern-grid .lane-court:before,.lane-pattern-grid:before{background-image:linear-gradient(var(--green) 2px, transparent 2px), linear-gradient(90deg, var(--green) 2px, transparent 2px);background-size:13px 13px}.lane-pattern-sun .lane-court:before,.lane-pattern-sun:before{background-image:repeating-linear-gradient(45deg, var(--yellow) 0 4px, transparent 4px 16px)}.distance-fill{opacity:.16;border-right:3px solid var(--ink);position:absolute;inset:0 auto 0 0}.moving-craig{z-index:7;cursor:pointer;background:0 0;border:0;place-items:end center;width:52px;min-width:52px;height:auto;min-height:0;padding:0 4px 2px;transition:left 45ms linear;display:grid;position:absolute;top:0;bottom:0;transform:translate(-50%)}.moving-craig .craig-sprite{transform:scale(.8)}.moving-craig:disabled{cursor:default;filter:none;opacity:1}.moving-craig:hover:not(:disabled) .craig-sprite{filter:drop-shadow(0 0 0 var(--white)) drop-shadow(2px 0 0 var(--white)) drop-shadow(-2px 0 0 var(--white))}.leader-flag{z-index:10;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);white-space:nowrap;padding:2px 4px;font-size:.42rem;font-weight:950;position:absolute;top:2px;left:2px;transform:none}.lane-leader .rank-chip{background:var(--yellow)}.finish-rig{z-index:6;pointer-events:none;width:8px;position:absolute;top:0;bottom:0;right:4.7%}.finish-rig i{background:repeating-linear-gradient(0deg, var(--ink) 0 7px, var(--white) 7px 14px);border-left:2px solid var(--ink);border-right:2px solid var(--ink);display:block;position:absolute;inset:0}.finish-rig span{z-index:2;color:var(--ink);background:var(--white);border:2px solid var(--ink);padding:4px 6px;font-size:.48rem;font-weight:950;position:absolute;top:3px;left:50%;transform:translate(-50%)}.countdown-overlay,.pause-stamp{z-index:20;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#1326508a;place-items:center;display:grid;position:absolute;inset:0}.countdown-overlay span,.pause-stamp{color:var(--yellow);font-family:var(--font-geist-sans), Impact, sans-serif;letter-spacing:-.08em;text-shadow:7px 7px 0 var(--ink);-webkit-text-stroke:3px var(--ink);font-size:clamp(3.8rem,15vw,10rem);font-weight:950}.countdown-overlay span{animation:.68s steps(3,jump-none) both countdown-pop}.pause-stamp{letter-spacing:-.04em;text-align:center;padding:20px;font-size:clamp(1.5rem,6vw,4rem);transform:rotate(-3deg)}.race-paused .craig-sprite *,.race-paused .craig-sprite{animation-play-state:paused!important}.cheer-hint{color:var(--white);font-family:var(--font-geist-sans), sans-serif;text-align:center;text-shadow:2px 2px 0 var(--ink);margin:15px 4px 0;font-size:.75rem;font-weight:650}.results-scrim{z-index:50;width:100%;max-width:none;height:100%;max-height:none;padding:max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:#090f26d4;border:0;place-items:center;margin:0;display:grid;position:fixed;inset:0;overflow-y:auto}.results-scrim::backdrop{background:#090f26d4}.results-card{background:var(--cream);width:min(760px,100%);max-height:calc(100dvh - 40px);padding:clamp(22px,4vw,36px);position:relative;overflow-y:auto}.results-card h2{z-index:2;font-size:clamp(2.1rem,7vw,4.6rem);position:relative}.winner-copy{z-index:2;font-family:var(--font-geist-sans), sans-serif;margin:10px 0 0;font-size:clamp(.9rem,2vw,1.12rem);position:relative}.winner-copy strong{color:var(--blue)}.pixel-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pixel-confetti i{--confetti-color:var(--orange);left:calc(var(--i) * 4.55%);background:var(--confetti-color);width:8px;height:13px;animation:confetti-fall 3.3s steps(10, jump-none) calc(var(--i) * -.14s) infinite;position:absolute;top:-18px}.pixel-confetti i:nth-child(3n){--confetti-color:var(--yellow);width:12px;height:7px}.pixel-confetti i:nth-child(3n+1){--confetti-color:var(--blue)}.podium{z-index:2;justify-content:center;align-items:flex-end;gap:8px;min-height:188px;margin:24px 0 18px;padding-top:12px;display:flex;position:relative}.podium-place{background:var(--white);border:3px solid var(--ink);width:min(29%,150px);min-width:0;box-shadow:4px 4px 0 var(--ink);text-align:center;flex-direction:column;align-items:center;padding:8px 6px 10px;display:flex}.podium-place.place-1{background:var(--yellow);order:2;min-height:180px}.podium-place.place-2{order:1;min-height:146px}.podium-place.place-3{background:#ffd3b0;order:3;min-height:128px}.podium-sprite{place-items:end center;min-height:82px;display:grid}.podium-place strong,.podium-place small{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.podium-place strong{font-family:var(--font-geist-sans), sans-serif;margin-top:5px;font-size:.72rem}.podium-place small{color:#5d5b64;margin-top:3px;font-size:.48rem}.podium-place>span{color:var(--white);background:var(--ink);margin-top:6px;padding:3px 7px;font-size:.6rem;font-weight:950}.full-results{z-index:2;background:var(--white);border:3px solid var(--ink);margin:0 0 17px;position:relative}.full-results summary{cursor:pointer;min-height:44px;color:var(--white);background:var(--navy);justify-content:center;align-items:center;padding:9px 12px;font-size:.65rem;font-weight:950;list-style:none;display:flex}.full-results summary::-webkit-details-marker{display:none}.full-results summary:after{content:"+";color:var(--yellow);margin-left:10px;font-size:1rem}.full-results[open] summary:after{content:"−"}.full-results ol{max-height:220px;margin:0;padding:0;list-style:none;overflow-y:auto}.full-results li{border-top:2px solid var(--ink);font-family:var(--font-geist-sans), sans-serif;grid-template-columns:40px minmax(0,1fr) minmax(90px,.7fr);align-items:center;gap:8px;padding:7px 10px;font-size:.74rem;display:grid}.full-results li b{color:var(--blue)}.full-results li span,.full-results li small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.full-results li small{color:#66616a;text-align:right;font-size:.58rem}.results-actions{z-index:2;grid-template-columns:1.1fr 1fr .72fr;position:relative}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@keyframes body-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes limb-left{0%,to{transform:rotate(24deg)}50%{transform:rotate(-24deg)}}@keyframes limb-right{0%,to{transform:rotate(-24deg)}50%{transform:rotate(24deg)}}@keyframes boost-bob{0%,to{transform:translate(0)}50%{transform:translate(2px,-2px)}}@keyframes victory-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ball-float{0%{transform:translateY(4px)rotate(0)}to{transform:translate(5px,-13px)rotate(16deg)}}@keyframes countdown-pop{0%{opacity:0;transform:scale(.35)rotate(-8deg)}55%{opacity:1;transform:scale(1.18)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes confetti-fall{0%{transform:translateY(-15px)rotate(0)}to{transform:translate(calc((var(--i) - 10) * 2px), 720px) rotate(270deg)}}@media (max-width:940px){.setup-layout{grid-template-columns:1fr}.hero-panel,.lobby-panel{min-height:auto}.hero-panel{grid-template-columns:1fr .8fr;min-height:380px;display:grid}.hero-court{min-height:300px;margin:18px 18px 18px 0}.hero-ticker{grid-column:1/-1;margin-top:0}.hero-court>.craig-sprite{left:25%;transform:scale(1.8)}.race-lane{grid-template-columns:112px minmax(0,1fr)}.results-actions{grid-template-columns:1fr 1fr}.results-actions .text-button{grid-column:1/-1}}@media (max-width:640px){.game-shell{padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left))}.topbar{border-width:3px;min-height:52px;margin-bottom:10px;padding:7px 9px;box-shadow:4px 4px #0e143661}.brand-ball{width:28px;height:28px}.topbar-score span{display:none}.topbar-score b{padding:6px;font-size:.56rem}.setup-layout{gap:14px}.hero-panel{min-height:480px;box-shadow:5px 5px 0 var(--ink);display:flex}.hero-copy{padding:25px 22px 6px}.hero-copy h1{font-size:clamp(3.8rem,19vw,5.6rem)}.hero-copy p{margin-top:20px;font-size:.95rem}.hero-court{min-height:230px;margin:8px 14px 0}.hero-court>.craig-sprite{bottom:53px;left:22%;transform:scale(1.7)}.burst-one{top:38%;left:auto;right:8%}.hero-court .hero-ball{width:42px;height:42px;right:12%}.hero-ticker{flex-wrap:wrap;justify-content:center;margin-top:10px}.hero-ticker span+span:before{margin-right:7px}.lobby-panel{box-shadow:5px 5px 0 var(--ink);padding:19px 16px}.panel-heading{align-items:center}.panel-heading h2{font-size:1.5rem}.count-stepper{grid-template-columns:44px 58px 44px;min-width:146px}.roster{grid-template-columns:1fr;max-height:52dvh;margin-top:14px}.roster-row{min-height:68px}.roster-fields input{height:32px;font-size:16px}.duration-input input{font-size:16px}.race-settings,.lobby-actions{grid-template-columns:1fr}.compact-announcer{grid-template-columns:92px minmax(0,1fr)}.race-heading{box-shadow:4px 4px 0 var(--ink);align-items:center;padding:12px}.race-heading .eyebrow{display:none}.race-heading h1{max-width:170px;font-size:clamp(1.3rem,7vw,1.8rem)}.race-controls{gap:5px}.icon-button{min-width:46px;min-height:46px;padding:8px;font-size:.86rem}.icon-button span{display:none}.race-announcer{grid-template-columns:82px minmax(0,1fr);margin-top:10px}.race-announcer .live-dot{display:none}.announcer>span{padding:7px 5px;font-size:.49rem}.announcer p{font-size:.66rem}.race-arena{box-shadow:5px 5px 0 var(--ink)}.race-lane{grid-template-columns:78px minmax(0,1fr);min-height:45px}.lane-nameplate{grid-template-columns:25px minmax(0,1fr)}.rank-chip{font-size:.58rem}.lane-person{padding:3px 4px}.lane-person strong{font-size:.62rem}.lane-person small{display:none}.moving-craig{width:48px;min-width:48px;height:auto;min-height:0}.moving-craig .craig-sprite{transform:scale(.72)}.leader-flag{display:none}.finish-rig{right:3.2%}.finish-rig span{display:none}.cheer-hint{padding:0 10px;font-size:.66rem}.results-scrim{padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));align-items:start}.results-card{max-height:calc(100dvh - 20px);box-shadow:5px 5px 0 var(--ink);padding:20px 15px}.podium{gap:5px}.podium-place{width:32%;padding-inline:4px}.podium-place strong{font-size:.63rem}.podium-place small{display:none}.full-results li{grid-template-columns:32px minmax(0,1fr)}.full-results li small{display:none}.results-actions{grid-template-columns:1fr}.results-actions .text-button{grid-column:auto}}@media (max-width:370px){.panel-heading{flex-direction:column;align-items:flex-start}.count-stepper{grid-template-columns:1fr 64px 1fr;width:100%}.hero-copy h1{font-size:3.55rem}.race-heading h1{max-width:145px;font-size:1.2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.moving-craig{transition:none}}@media (forced-colors:active){button,input,.pixel-panel,.race-arena,.race-heading,.roster-row{border:2px solid canvastext}}