@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(./bungee-latin-400-normal-Dfnurram.woff2) format("woff2"),url(./bungee-latin-400-normal-DA8IEVW_.woff) format("woff")}@font-face{font-family:Shrikhand;font-style:normal;font-display:swap;font-weight:400;src:url(./shrikhand-latin-400-normal-PjOFgsiX.woff2) format("woff2"),url(./shrikhand-latin-400-normal-CDpcAN0A.woff) format("woff")}@font-face{font-family:Shantell Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./shantell-sans-latin-500-normal-prpUF3CD.woff2) format("woff2"),url(./shantell-sans-latin-500-normal-CrgOgF_3.woff) format("woff")}@font-face{font-family:Shantell Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./shantell-sans-latin-700-normal-BSvnZVBi.woff2) format("woff2"),url(./shantell-sans-latin-700-normal-DtULRhId.woff) format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:500;src:url(./bricolage-grotesque-latin-500-normal-DEDBoLFO.woff2) format("woff2"),url(./bricolage-grotesque-latin-500-normal-CV-uA8Lw.woff) format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(./bricolage-grotesque-latin-700-normal-gtcctNPv.woff2) format("woff2"),url(./bricolage-grotesque-latin-700-normal-DvJDmrLu.woff) format("woff")}:root{--ink: #1d140c;--glass: rgba(29, 20, 12, .66);--chalk: #f7ecd6;--dust: #cdb48e;--gold: #f2b33d;--green: #2a8a57;--red: #c9472f;--display: "Anybody", "Arial Black", Impact, sans-serif;--body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark}html,body,#root{height:100%}body{margin:0;overflow:hidden;background:var(--ink);color:var(--chalk);font-family:var(--body);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#sky{position:fixed;inset:0;background:linear-gradient(#f0a95a,#f5c98a 38%,#e8d3ad 62%,#c9a77a);transition:background .6s}#top{position:fixed;top:0;left:0;right:0;padding:calc(env(safe-area-inset-top,0px) + 10px) 16px 10px;background:var(--glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;gap:8px}#top:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:5px;background:repeating-linear-gradient(90deg,var(--gold) 0 18px,var(--green) 18px 26px,var(--gold) 26px 34px,var(--red) 34px 40px,var(--ink) 40px 44px)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}h1{margin:0;font-family:var(--display);font-weight:900;font-stretch:125%;font-size:clamp(16px,4.4vw,22px);letter-spacing:.01em;text-transform:uppercase;line-height:1;color:var(--gold);white-space:nowrap}#score{display:flex;align-items:stretch;white-space:nowrap;font-variant-numeric:tabular-nums;font:700 12px/1 var(--body);letter-spacing:.06em;background:#00000073;border-radius:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #f7ecd626}#score>*{display:flex;align-items:center;padding:6px 7px}#score .clock{background:var(--chalk);color:var(--ink);font-weight:800}#score .phase{background:var(--gold);color:var(--ink);font-weight:800;font-size:10.5px;letter-spacing:.08em}#score .side{gap:6px;color:var(--dust)}#score b{font-family:var(--display);font-size:17px;color:var(--chalk);padding:4px 3px}#score .dash{padding:0 1px;color:var(--dust)}#score .kit{width:6px;height:14px;border-radius:1px;background:var(--gold)}#score .kit.away{background:var(--red)}#score .kit.keeper{background:var(--green)}@media(max-width:480px){#score .name{display:none}}.chip{flex:none;border:1.5px solid rgba(247,236,214,.28);background:transparent;color:var(--chalk);font:600 12.5px/1 var(--body);padding:8px 11px;border-radius:999px;cursor:pointer;text-align:left}.chip[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--ink)}.chip:focus-visible,#controls button:focus-visible{outline:2px solid var(--chalk);outline-offset:2px}#tune{display:flex;align-items:center;gap:6px;white-space:nowrap}#tune input{width:72px;margin:0;accent-color:var(--gold)}#tune b{color:var(--chalk);font-variant-numeric:tabular-nums;min-width:1.4em;text-align:right}#note{position:fixed;left:50%;transform:translate(-50%);top:calc(env(safe-area-inset-top,0px) + 136px);width:min(92vw,420px);padding:10px 14px;background:var(--glass);border-left:3px solid var(--gold);font-size:13.5px;line-height:1.4;transition:opacity .5s}#toast{position:fixed;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 132px);text-align:center;pointer-events:none;font-family:var(--display);font-weight:900;font-stretch:150%;font-size:clamp(32px,9vw,64px);color:var(--gold);text-shadow:0 4px 0 var(--ink),0 0 30px rgba(0,0,0,.4);opacity:0;transition:opacity .25s,transform .25s;transform:scale(.9)}#toast.show{opacity:1;transform:scale(1)}#toast.save{color:var(--chalk)}#toast.against{color:var(--red)}#callout{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 132px + clamp(40px,10vw,70px));pointer-events:none;padding:4px 11px;background:var(--ink);color:var(--gold);white-space:nowrap;font-family:var(--display);font-weight:900;font-stretch:115%;font-size:clamp(13px,3.4vw,19px);text-transform:uppercase;border-left:4px solid var(--red);box-shadow:3px 3px 0 var(--gold);opacity:0;transform:translate(-50%) rotate(-3deg) scale(.6);transition:opacity .18s,transform .25s cubic-bezier(.2,1.6,.4,1)}#callout.show{opacity:1;transform:translate(-50%) rotate(-3deg) scale(1)}#controls{position:fixed;left:0;right:0;bottom:0;height:300px;pointer-events:none;padding-bottom:env(safe-area-inset-bottom,0px)}#stickZone{position:absolute;left:0;bottom:0;width:55%;height:100%;pointer-events:auto}#stick{position:absolute;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;border:2px solid rgba(247,236,214,.45);background:#1d140c59;left:90px;top:calc(100% - 100px - env(safe-area-inset-bottom,0px))}#knob{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;background:var(--chalk);opacity:.9}#stick.home{transition:left .12s ease-out,top .12s ease-out}#stick.home #knob{transition:transform .12s ease-out}@media(prefers-reduced-motion:reduce){#stick.home,#stick.home #knob{transition:none}}#pad{position:absolute;right:0;bottom:env(safe-area-inset-bottom,0px);width:260px;height:290px;pointer-events:none;transform-origin:100% 100%}#controls button{border:0;padding:0;cursor:pointer;pointer-events:auto;color:var(--chalk);-webkit-tap-highlight-color:transparent}#controls button b{font-family:var(--display);font-weight:900;font-stretch:115%;letter-spacing:.04em;pointer-events:none}#pad .round{position:absolute;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) calc(var(--p, 0) * 1turn),rgba(29,20,12,.5) 0);box-shadow:inset 0 0 0 3px #f7ecd659}#pad .round b{font-size:9.5px;line-height:1.05;text-align:center;max-width:52px;text-shadow:0 1px 0 var(--ink)}#pad .round:active{filter:brightness(1.25)}#kick{right:131px;bottom:67px}#pass{right:73px;bottom:12px}#pad #pass b{font-size:12px}#pad #pass{background:conic-gradient(var(--gold) calc(var(--p, 0) * 1turn),rgba(31,122,76,.8) 0)}#pad #kick[data-mode=defend]{background:conic-gradient(var(--gold) calc(var(--p, 0) * 1turn),rgba(59,90,140,.85) 0)}.pill{position:absolute;height:32px;min-width:78px;padding:0 12px!important;border-radius:999px;background:#1d140c73;box-shadow:inset 0 0 0 1.5px #f7ecd673}.pill b{font-size:11.5px}.pill[data-on="1"]{background:var(--gold);color:var(--ink)!important}#shield{right:160px;bottom:222px}#sprint{right:86px;bottom:250px}#skill{right:6px;bottom:222px}#pad #skill{background:#7a4fa099}#corner{position:fixed;left:14px;top:calc(env(safe-area-inset-top,0px) + 134px);display:flex;gap:10px;align-items:center;pointer-events:none}#auto{width:44px;height:44px;border-radius:50%;font:800 10px/1 var(--body);letter-spacing:.05em;background:#1d140c80;box-shadow:inset 0 0 0 3px #f7ecd659}#auto[aria-pressed=true]{box-shadow:inset 0 0 0 3px var(--gold);color:var(--gold)}@media(max-height:500px){#pad{transform:scale(.74)}#minimap{top:auto!important;right:auto!important;left:50%;bottom:calc(6px + env(safe-area-inset-bottom,0px));transform:translate(-50%)}#toast{font-size:clamp(28px,6vh,44px)}#callout{top:calc(env(safe-area-inset-top,0px) + 172px)}}.chip.view{margin-left:8px}.chip.view{border-style:dashed}#minimap{position:fixed;right:12px;top:calc(env(safe-area-inset-top,0px) + 142px);border-radius:4px;pointer-events:none}#ballPointer{position:fixed;left:0;top:0;width:0;height:0;display:none;pointer-events:none;z-index:2}#ballPointer .ball{position:absolute;left:-13px;top:-13px;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 45%,#d9d2c3 70%),var(--chalk);box-shadow:0 0 0 3px var(--ink),0 0 0 5px var(--gold)}#ballPointer .arrow{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0}#ballPointer .arrow:after{content:"";position:absolute;left:17px;top:-9px;border-left:14px solid var(--gold);border-top:9px solid transparent;border-bottom:9px solid transparent}#matePointers>div{position:fixed;left:0;top:0;width:0;height:0;display:none;pointer-events:none;z-index:2}#matePointers>div:after{content:"";position:absolute;left:-2px;top:-8px;border-left:13px solid var(--gold);border-top:8px solid transparent;border-bottom:8px solid transparent;filter:drop-shadow(0 0 1.5px var(--ink)) drop-shadow(0 0 1px var(--ink))}#shootout{position:fixed;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 132px);display:grid;justify-items:center;gap:8px;pointer-events:none}#shootout .kicks{display:grid;grid-template-columns:auto repeat(6,14px);gap:5px 6px;align-items:center;background:var(--glass);padding:8px 12px;border-radius:4px;font:700 11px/1 var(--body);letter-spacing:.08em}#shootout .kicks span{padding-right:6px;color:var(--dust)}#shootout .kicks span:nth-of-type(2){grid-column:1}#shootout .kicks i{width:12px;height:12px;border-radius:50%;border:2px solid rgba(247,236,214,.4)}#shootout .kicks i.in{background:var(--gold);border-color:var(--gold)}#shootout .kicks i.out{background:var(--red);border-color:var(--red)}#shootout .aimbar{position:relative;width:min(70vw,360px);height:26px}#shootout .goalmouth{position:absolute;left:50%;top:4px;bottom:4px;width:66.7%;transform:translate(-50%);border:3px solid var(--chalk);border-bottom:0;background:#1d140c59}#shootout .arrow{position:absolute;top:-6px;width:0;height:0;transform:translate(-50%);border-left:9px solid transparent;border-right:9px solid transparent;border-top:16px solid var(--gold);filter:drop-shadow(0 2px 0 var(--ink))}#shootout .dives{display:flex;gap:10px;pointer-events:auto}#shootout .dives button{font:800 15px/1 var(--body);padding:14px 18px;border-radius:999px;border:0;background:var(--gold);color:var(--ink);cursor:pointer}#setup,#places,#fulltime{position:fixed;left:50%;transform:translate(-50%);background:var(--ink);color:var(--chalk);border-top:4px solid var(--gold);padding:16px;z-index:8;box-shadow:0 10px 40px #00000073}#setup,#places{top:calc(env(safe-area-inset-top,0px) + 120px);width:min(92vw,440px);max-height:calc(100vh - 140px);overflow-y:auto}#setup h2,#places h2{margin:0 0 8px;font-family:var(--display);font-weight:900;font-size:18px;text-transform:uppercase;color:var(--gold)}#setup h3{margin:12px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--dust)}#setup .options{display:grid;gap:6px}#setup .option{text-align:left;border:1.5px solid rgba(247,236,214,.25);background:transparent;color:var(--chalk);padding:9px 11px;border-radius:6px;cursor:pointer;font:600 14px/1.25 var(--body)}#setup .option small{display:block;font-weight:400;font-size:12px;opacity:.75;margin-top:3px}#setup .option[aria-pressed=true]{border-color:var(--gold);background:#f2b33d24}#setup .row-chips{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}#setup .actions,#fulltime{display:flex;gap:8px}#setup .actions{margin-top:14px}#setup .actions button,#fulltime button{font:700 14px/1 var(--body);padding:11px 14px;border-radius:999px;border:1.5px solid rgba(247,236,214,.35);background:transparent;color:var(--chalk);cursor:pointer}#fulltime{top:50%;transform:translate(-50%,-50%);flex-direction:column;align-items:center;text-align:center;min-width:min(80vw,300px)}#fulltime small{text-transform:uppercase;letter-spacing:.12em;color:var(--dust);font-size:12px}#fulltime b{font-family:var(--display);font-weight:900;font-size:26px;color:var(--gold);text-transform:uppercase}#controls.hidden{display:none}#controls.hidden~#hint{display:block}#install{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 132px);transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:10px;width:min(92vw,520px);background:var(--ink);color:var(--chalk);border-left:4px solid var(--gold);padding:10px 12px;font-size:13.5px;line-height:1.35;box-shadow:0 6px 24px #0006}#install span{flex:1}#install button{border:0;border-radius:999px;padding:8px 12px;font:700 13px/1 var(--body);background:transparent;color:var(--chalk);cursor:pointer}#install .primary{background:var(--gold);color:var(--ink)}#hint{position:fixed;left:190px;right:300px;bottom:calc(10px + env(safe-area-inset-bottom,0px));font-size:11.5px;color:var(--ink);opacity:.75;font-weight:600;text-align:center;display:none}@media(hover:hover)and (min-width:1000px){#hint{display:block}}@media(prefers-reduced-motion:reduce){#toast,#note,#callout{transition:none}}:root{--sign: "Bungee", "Arial Black", Impact, sans-serif;--shout: "Shrikhand", Georgia, serif;--small: "Shantell Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--ground: #17100a;--panel: #2b1e12;--line: #4a3524;--muted: #c4b294;--cream: #f1e0b6;--face: #fff3d9;--board-ink: #2a1a0c;--board-muted: #6d5032;--brick: #a5452f;--dash: #b59a6c;--black: #0d0a07;--kente: repeating-linear-gradient(90deg, var(--gold) 0 18px, var(--black) 18px 22px, var(--green) 22px 34px, var(--black) 34px 38px, var(--red) 38px 50px, var(--black) 50px 54px)}html[data-look=street] body{font-family:var(--small)}.sb-kente{height:8px;flex:none;background:var(--kente)}.sb-divider{height:5px;flex:none;border-radius:2px;background:var(--kente);opacity:.85}.sb-title{margin:0;font:400 1em/.92 var(--sign);color:var(--gold);text-transform:uppercase;letter-spacing:.01em;text-shadow:.05em .05em 0 var(--red),.1em .1em 0 var(--green),.115em .115em 0 var(--black)}.sb-primary{min-height:48px;padding:10px 22px;border:0;border-radius:999px;cursor:pointer;font:400 18px/1 var(--sign);color:var(--black);background:var(--gold);box-shadow:0 4px 0 var(--red)}.sb-primary:active{transform:translateY(2px);box-shadow:0 2px 0 var(--red)}.sb-board{min-height:48px;padding:8px 12px;border:2px solid var(--board-ink);border-radius:10px;cursor:pointer;text-align:left;display:grid;gap:2px;align-content:center;font:400 14px/1.1 var(--sign);color:var(--board-ink);background:var(--cream);box-shadow:3px 3px 0 var(--black)}.sb-board small{font:500 14px/1.25 var(--small);color:var(--board-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-board:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--black)}.sb-chip{min-height:44px;padding:0 14px;border:2px solid var(--gold);border-radius:999px;cursor:pointer;white-space:nowrap;font:400 12px/1 var(--sign);color:var(--gold);background:#0d0a0759}.sb-chip[aria-pressed=true]{background:var(--gold);color:var(--black)}.sb-icon{width:44px;height:44px;padding:0;flex:none;display:grid;place-items:center;cursor:pointer;border-radius:50%;border:2px solid var(--board-ink);background:var(--cream);color:var(--board-ink);box-shadow:2px 2px 0 var(--black)}.sb-icon:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--black)}.sb-sheet{box-sizing:border-box;color:var(--board-ink);background:var(--cream);border:2px solid var(--board-ink);border-radius:14px;box-shadow:4px 4px 0 var(--black)}.sb-sheet h3{margin:14px 0 2px;font:400 13px/1.2 var(--sign);color:var(--brick);text-transform:uppercase}.sb-sheet h3:first-child{margin-top:0}.sb-row{width:100%;min-height:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 2px;margin:0;border:0;border-top:1.5px dashed var(--dash);background:none;cursor:pointer;text-align:left;font:400 13px/1.2 var(--sign);color:var(--board-ink)}.sb-row>span{display:grid;gap:2px;min-width:0}.sb-row small{font:500 14px/1.3 var(--small);color:var(--board-muted);text-transform:none}.sb-row>small,.sb-row>em{flex:none;max-width:55%;text-align:right;font:500 14px/1.25 var(--small);font-style:normal;color:var(--board-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-row.info{cursor:default}.sb-switch{position:relative;flex:none;width:46px;height:26px;border-radius:999px;background:var(--dash);border:2px solid var(--board-ink);box-sizing:border-box}.sb-switch:after{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:50%;background:var(--cream);border:1.5px solid var(--board-ink);box-sizing:border-box;transition:left .15s}[aria-checked=true]>.sb-switch{background:var(--board-ink)}[aria-checked=true]>.sb-switch:after{left:22px;background:var(--gold);border-color:var(--gold)}.sb-primary:focus-visible,.sb-board:focus-visible,.sb-chip:focus-visible,.sb-icon:focus-visible,.sb-row:focus-visible,#start .tap:focus-visible{outline:3px solid var(--face);outline-offset:2px}.sb-page{position:fixed;inset:0;z-index:8;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:0 max(16px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:var(--ground);color:var(--face);display:flex;flex-direction:column;align-items:center;gap:12px}.sb-page>.sb-kente{align-self:stretch;margin:0 calc(-1*max(16px,env(safe-area-inset-right,0px))) 0 calc(-1*max(16px,env(safe-area-inset-left,0px)))}.sb-page>*{width:100%;max-width:720px}.sb-page>.sb-kente{max-width:none;width:auto}.sb-page>.sb-head{max-width:none}.sb-head{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;padding-top:calc(env(safe-area-inset-top,0px) + 6px)}.sb-head h2{margin:0;text-align:center;font:400 20px/1.1 var(--sign);color:var(--face);text-transform:uppercase}@media(prefers-reduced-motion:reduce){.sb-switch:after{transition:none}}html[data-look=street] #top.float{padding:calc(env(safe-area-inset-top,0px) + 8px) 64px 0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;justify-content:center;pointer-events:none}html[data-look=street] #top.float:after{display:none}html[data-look=street] #top.float #score{flex-direction:column;align-items:center;gap:2px;padding:5px 16px 6px;border-radius:16px;box-shadow:none;background:#0d0a07b8;font:400 13px/1 var(--sign);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--face)}html[data-look=street] #top.float #score>*{padding:0}html[data-look=street] #top.float #score .line{display:flex;align-items:center;gap:6px}html[data-look=street] #top.float #score .when{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--gold)}html[data-look=street] #top.float #score .side{display:flex;align-items:center;gap:6px;padding:0}html[data-look=street] #top.float #score .kit{display:block;flex:none;width:10px;height:14px;padding:0;border-radius:3px;box-shadow:0 0 0 1.5px var(--face)}html[data-look=street] #top.float #score .name{display:inline;color:var(--face)}html[data-look=street] #top.float #score b{font:inherit;font-size:15px;color:var(--face);padding:0}html[data-look=street] #top.float #score .dash{color:var(--face)}html[data-look=street] #top.float #score :is(.clock,.phase,.dot){padding:0;background:none;color:var(--gold);font:inherit;letter-spacing:.02em}@media(max-width:380px){html[data-look=street] #top.float #score .name{display:none}}#menuBtn{position:absolute;left:max(10px,env(safe-area-inset-left,0px));top:calc(env(safe-area-inset-top,0px) + 4px);pointer-events:auto}html[data-look=street] #minimap{top:calc(env(safe-area-inset-top,0px) + 8px)!important;right:max(10px,env(safe-area-inset-right,0px))!important;left:auto;bottom:auto;transform:none;border-radius:6px;box-shadow:0 0 0 1.5px #0d0a0799}html[data-look=street] #note{top:calc(env(safe-area-inset-top,0px) + 56px);box-sizing:border-box;width:min(calc(100vw - 32px),440px);padding:8px 12px;border-left:0;border-radius:10px;font:500 14px/1.35 var(--small);color:var(--face);background:#0d0a079e;pointer-events:none}@media(max-width:560px){html[data-look=street] #note{top:calc(env(safe-area-inset-top,0px) + 104px)}}html[data-look=street] #toast{top:calc(env(safe-area-inset-top,0px) + 26vh);font:400 clamp(38px,10vw,68px)/1 var(--sign);color:var(--gold);text-shadow:.05em .05em 0 var(--red),.1em .1em 0 var(--green),.115em .115em 0 var(--black)}html[data-look=street] #toast.save{color:var(--face)}html[data-look=street] #toast.against{color:var(--face);text-shadow:.05em .05em 0 var(--red),.1em .1em 0 var(--black)}html[data-look=street] #callout{top:calc(env(safe-area-inset-top,0px) + 26vh + clamp(62px,15vw,96px));padding:0 12px;background:none;border:0;box-shadow:none;font:400 clamp(28px,8vw,46px)/1.15 var(--shout);color:var(--gold);text-transform:none;text-shadow:3px 3px 0 var(--black);transform:translate(-50%) rotate(-4deg) scale(.6)}html[data-look=street] #callout.show{transform:translate(-50%) rotate(-4deg) scale(1)}@media(max-height:500px){html[data-look=street] #toast{top:calc(env(safe-area-inset-top,0px) + max(20vh,90px));font-size:clamp(32px,11vh,52px)}html[data-look=street] #callout{top:calc(env(safe-area-inset-top,0px) + max(20vh,90px) + 58px);font-size:clamp(26px,9vh,40px)}}#playertag{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 150px);transform:translate(-50%,6px);pointer-events:none;z-index:5;padding:8px 14px;border:2px solid var(--board-ink);border-radius:10px;box-shadow:3px 3px 0 var(--black);white-space:nowrap;font:700 14px/1.2 var(--small);color:var(--board-ink);background:var(--cream);opacity:0;transition:opacity .18s,transform .18s}#playertag.show{opacity:1;transform:translate(-50%)}@media(max-width:560px){#playertag{bottom:calc(env(safe-area-inset-bottom,0px) + 278px)}}#caption{--x: max(-50%, calc(max(16px, env(safe-area-inset-left, 0px)) - 92px) );position:fixed;left:92px;bottom:calc(env(safe-area-inset-bottom,0px) + 170px);pointer-events:none;z-index:5;display:grid;justify-items:center;gap:2px;padding:8px 14px;border:2px solid var(--board-ink);border-radius:10px;box-shadow:3px 3px 0 var(--black);background:var(--cream);white-space:nowrap;opacity:0;transform:translate(var(--x)) translateY(8px);transition:opacity .3s,transform .3s}#caption.show{opacity:1;transform:translate(var(--x))}#caption b{font:400 clamp(16px,4vw,22px)/1.1 var(--sign);text-transform:uppercase;color:var(--board-ink)}#caption span{font:500 14px/1.3 var(--small);color:var(--board-muted)}@media(prefers-reduced-motion:reduce){#playertag,#caption{transition:none}}#skip{position:fixed;z-index:4;left:50%;top:calc(env(safe-area-inset-top,0px) + 52px);display:flex;align-items:center;gap:6px;height:36px;padding:0 11px 0 14px;box-sizing:border-box;cursor:pointer;white-space:nowrap;border:1.5px solid rgba(255,243,217,.5);border-radius:999px;background:#0d0a0780;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font:400 12px/1 var(--sign);color:var(--face);text-shadow:0 1px 1px rgba(13,10,7,.6);-webkit-tap-highlight-color:transparent;opacity:0;visibility:hidden;transform:translate(-50%,-4px);transition:opacity .2s,transform .2s,visibility 0s .2s}#skip:before{content:"";position:absolute;inset:-4px}#skip.show{opacity:1;visibility:visible;transform:translate(-50%);transition:opacity .2s,transform .2s}#skip.show:active{background:#0d0a07b8}#skip svg{width:16px;height:16px;flex:none;color:var(--gold);filter:drop-shadow(0 1px 1px rgba(13,10,7,.6))}#skip kbd{padding:3px 6px 2px;border-radius:5px;box-shadow:0 2px #0d0a07b3;font:400 10px/1 var(--sign);color:var(--board-ink);background:var(--face);text-shadow:none}@media(max-width:560px){#skip{top:calc(env(safe-area-inset-top,0px) + 112px)}}html[data-look=street]:has(#shootout) #skip{top:calc(env(safe-area-inset-top,0px) + 158px)}html[data-look=street]:has(#skip.show) #note{opacity:0!important}@media(prefers-reduced-motion:reduce){#skip{transition:none}}html[data-look=street] #controls{height:260px}html[data-look=street] #stick{background:#0d0a0738;border-color:#fff3d966}html[data-look=street] #knob{background:var(--cream);opacity:.85}html[data-look=street] #pad{--b: 62px;--s: 64px;right:calc(env(safe-area-inset-right,0px) + 10px);bottom:calc(env(safe-area-inset-bottom,0px) + 10px);width:calc(2 * var(--s) + var(--b));height:calc(2 * var(--s) + var(--b) + 54px)}html[data-look=street] #pad .round{width:var(--b);height:var(--b);align-content:center;box-sizing:border-box;border:2px solid rgba(13,10,7,.65);box-shadow:0 3px #0d0a07cc;--c: rgba(13, 10, 7, .5);background:conic-gradient(var(--face) calc(var(--p, 0) * 1turn),var(--c) 0)}html[data-look=street] #pad .round b{font:400 11px/1.05 var(--sign);letter-spacing:.02em;text-shadow:none;max-width:calc(var(--b) - 8px)}html[data-look=street] #pad #pass{right:var(--s);bottom:0;--c: rgba(42, 138, 87, .92);color:var(--face)}html[data-look=street] #pad #kick{right:0;bottom:var(--s);--c: rgba(201, 71, 47, .92);color:var(--face)}html[data-look=street] #pad #shield{right:calc(2 * var(--s));bottom:var(--s);--c: rgba(241, 224, 182, .92);color:var(--board-ink)}html[data-look=street] #pad #skill{right:var(--s);bottom:calc(2 * var(--s));--c: rgba(242, 179, 61, .92);color:var(--black)}html[data-look=street] #pad .round[data-on="1"]{--c: var(--face);color:var(--board-ink)}html[data-look=street] #pad #pass,html[data-look=street] #pad #kick,html[data-look=street] #pad #shield,html[data-look=street] #pad #skill,html[data-look=street] #pad #pass[data-mode=defend],html[data-look=street] #pad #kick[data-mode=defend]{background:conic-gradient(var(--face) calc(var(--p, 0) * 1turn),var(--c) 0)}html[data-look=street] #pad .round:active{filter:brightness(1.15)}html[data-look=street] #pad #sprint{height:44px;min-width:88px;padding:0 14px!important;right:calc(var(--s) + var(--b) / 2 - 44px);bottom:calc(2 * var(--s) + var(--b) + 10px);background:#f2b33de6;color:var(--black);box-shadow:0 3px 0 var(--red)}html[data-look=street] #pad #sprint b{font:400 12px/1 var(--sign)}html[data-look=street] #pad #sprint[data-on="1"]{background:var(--face)}@media(max-height:500px){html[data-look=street] #pad{--b: 54px;--s: 56px;transform:none}}html[data-look=street] #corner{top:calc(env(safe-area-inset-top,0px) + 60px);left:max(10px,env(safe-area-inset-left,0px))}html[data-look=street] #auto{width:auto;height:44px;padding:0 12px;border-radius:999px;border:2px solid var(--board-ink);background:#f1e0b6d9;color:var(--board-ink);box-shadow:2px 2px 0 var(--black);font:400 10px/1 var(--sign);letter-spacing:0;white-space:nowrap}html[data-look=street] #auto small{font:inherit;opacity:.7;margin-left:2px}html[data-look=street] #auto[aria-pressed=true]{background:var(--gold);color:var(--black);box-shadow:2px 2px 0 var(--black)}html[data-look=street] #hint,html[data-look=street] #controls.hidden~#hint{display:none;left:50%;right:auto;transform:translate(-50%);width:max-content;max-width:min(760px,calc(100vw - 460px));bottom:calc(14px + env(safe-area-inset-bottom,0px));padding:7px 14px;border-radius:12px;font:500 13px/1.35 var(--small);background:#0d0a079e;color:var(--face);opacity:1}html[data-look=street] #hint.show,html[data-look=street] #controls.hidden~#hint.show{display:block}#menuBack{position:fixed;inset:0;z-index:6;background:#0d0a078c}#menu{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:7;width:min(calc(100vw - 32px),420px);max-height:calc(100vh - 24px);overflow-y:auto;padding:14px 16px 10px;display:grid;gap:10px}#menu .head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}#menu h2{margin:0;font:400 22px/1 var(--sign);text-transform:uppercase}#menu .head small{font:500 14px/1 var(--small);color:var(--board-muted);font-variant-numeric:tabular-nums}#menu .resume{width:100%}#menu .rows{display:grid;column-gap:22px}#menu .sb-row.quit>span{color:var(--red)}@media(min-aspect-ratio:4/3){#menu{width:min(calc(100vw - 32px),640px)}#menu .rows{grid-template-columns:1fr 1fr}}@media(max-height:500px){#menu{padding-top:10px;gap:8px}#menu .sb-row{min-height:44px;padding:4px 2px}}#start{position:fixed;inset:0;z-index:7;box-sizing:border-box;overflow-y:auto;cursor:default;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:0 16px calc(env(safe-area-inset-bottom,0px) + 18px);background:radial-gradient(90% 32% at 50% 100%,rgba(42,138,87,.28),transparent 70%),linear-gradient(#17100af7,#17100aed 55%,#17100a9e)}#start.title{cursor:pointer}#start>.sb-kente{align-self:stretch;margin:0 -16px calc(env(safe-area-inset-top,0px) + 14px)}#start .corner{position:absolute;top:calc(env(safe-area-inset-top,0px) + 18px)}#start .corner.left{left:max(14px,env(safe-area-inset-left,0px))}#start .corner.right{right:max(14px,env(safe-area-inset-right,0px))}#start .sb-title{font-size:clamp(44px,15.5vw,92px);margin-top:34px}#start .sb-title span{display:block}#start .sb-title.small{font-size:clamp(34px,11vw,60px)}#start .strap{margin:6px 0 0;font:400 clamp(19px,5.2vw,30px)/1.1 var(--shout);color:var(--face);transform:rotate(-2deg);text-shadow:2px 2px 0 var(--black)}@media(min-aspect-ratio:1/1){#start .sb-title,#start .sb-title.small{margin-top:2px;font-size:min(8.6vw,15vh,104px)}#start .sb-title span{display:inline}#start .sb-title.small{font-size:min(6vw,10vh,72px)}#start .strap{font-size:min(3.4vw,6.4vh,32px)}}#start .stand{position:relative;flex:1 1 auto;min-height:120px;max-height:520px;width:min(100%,360px);margin-top:6px}#start .stand>div:last-child{position:absolute!important;inset:0}#start .stand[hidden]{display:none}#start .plinth{position:absolute;left:50%;bottom:1%;width:min(58%,240px,28vh);aspect-ratio:4.2 / 1;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 35%,var(--face),var(--cream) 60%);border:2.5px solid var(--board-ink);box-shadow:0 5px 0 var(--black)}#start .tap{min-height:50px;padding:0 28px;margin-top:6px;flex:none;cursor:pointer;border:2px solid var(--board-ink);border-radius:999px;font:400 16px/1 var(--sign);color:var(--board-ink);background:var(--cream);box-shadow:3px 3px 0 var(--black)}#start .hub{flex:1 1 auto;width:min(100%,980px);min-height:0;display:grid;grid-template-columns:1.15fr 1fr;gap:12px;margin-top:8px}#start .play3{position:relative;overflow:hidden;min-height:150px;padding:0;cursor:pointer;text-align:left;border:2px solid var(--board-ink);border-radius:14px;background:var(--panel);box-shadow:4px 4px 0 var(--black)}#start .play3 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#start .play3 .words{position:absolute;left:0;right:0;bottom:0;display:grid;gap:4px;padding:40px 16px 14px;background:linear-gradient(transparent,#0d0a07e6)}#start .play3 b{font:400 clamp(26px,4.4vw,40px)/1 var(--sign);color:var(--gold);text-transform:uppercase}#start .play3 small{font:700 14px/1.3 var(--small);color:var(--face)}#start .tiles{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);gap:10px}#start .tile{min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px;cursor:pointer;border:2px solid var(--board-ink);border-radius:12px;background:var(--cream);color:var(--board-ink);box-shadow:3px 3px 0 var(--black)}#start .tile svg{width:52px;height:52px}#start .tile.green svg{color:var(--green)}#start .tile.red svg{color:var(--red)}#start .tile.brick svg{color:var(--brick)}#start .tile.brown svg{color:var(--board-muted)}#start .tile b{font:400 13px/1.1 var(--sign);text-transform:uppercase}#start .pre-title{margin:16px 0 0;font:400 20px/1 var(--sign);color:var(--face);text-transform:uppercase}#start .pre{flex:1 1 auto;min-height:0;width:min(100%,980px);display:grid;grid-template-columns:1.15fr 1fr;gap:12px;margin-top:8px;text-align:left}#start .pre .pitch{position:relative;overflow:hidden;min-height:180px;border:2px solid var(--board-ink);border-radius:12px;background:var(--panel);box-shadow:3px 3px 0 var(--black)}#start .pre .pitch img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#start .pre .pitch:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#0d0a07e6);pointer-events:none}#start .kinds{position:absolute;z-index:1;left:8px;right:8px;top:8px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px}#start .kinds button{min-height:34px;padding:0 10px;border-radius:999px;border:2px solid var(--gold);background:#0d0a07b3;color:var(--gold);font:400 10px/1 var(--sign);text-transform:uppercase;cursor:pointer}#start .kinds button[aria-pressed=true]{background:var(--gold);color:var(--black)}#start .about{position:absolute;z-index:1;left:12px;right:12px;bottom:10px;display:flex;align-items:flex-end;gap:6px}#start .about>span{flex:1;min-width:0;display:grid;gap:3px}#start .about b{font:400 17px/1.05 var(--sign);color:var(--face);text-transform:uppercase}#start .about small{font:500 12px/1.2 var(--small);color:#e9d6ae}#start .about button{flex:none;min-width:40px;height:40px;padding:0 8px;border-radius:999px;border:2px solid var(--gold);background:#0d0a0799;color:var(--gold);font:400 16px/1 var(--sign);cursor:pointer}#start .about .night{font-size:10px;text-transform:uppercase}#start .about .step{width:48px;height:48px;display:grid;place-items:center;padding:0;border-color:var(--board-ink);background:var(--gold);color:var(--black);box-shadow:2px 3px 0 var(--black)}#start .about .step:active{transform:translateY(2px);box-shadow:1px 1px 0 var(--black)}#start .about .night[aria-pressed=true]{background:var(--gold);color:var(--black)}#start .settings{display:flex;flex-direction:column;gap:6px;min-height:0}#start .setting{display:flex;align-items:center;gap:4px;min-height:44px;padding:0 4px 0 12px;border-radius:10px;border:2px solid var(--board-ink);background:var(--cream);color:var(--board-ink)}#start .setting span{flex:1;min-width:0;font:400 11px/1 var(--sign);color:var(--brick);text-transform:uppercase}#start .setting b{min-width:104px;text-align:center;font:400 12px/1.1 var(--sign);text-transform:uppercase}#start .setting button{width:36px;height:40px;padding:0;border:0;background:none;cursor:pointer;color:var(--brick);font:400 18px/1 var(--sign)}#start .settings .go{margin-top:auto;min-height:52px;font-size:20px}@media(max-aspect-ratio:1/1){#start .hub{grid-template-columns:1fr;grid-template-rows:minmax(170px,1fr) auto}#start .tile{min-height:104px}#start .pre{grid-template-columns:1fr;grid-template-rows:minmax(200px,1fr) auto}#start .pre .pitch{min-height:200px}}@media(min-aspect-ratio:1/1)and (max-height:500px){#start{gap:4px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10px)}#start>.sb-kente{margin-bottom:calc(env(safe-area-inset-top,0px) + 8px)}#start .corner{top:calc(env(safe-area-inset-top,0px) + 14px)}#start.choose .strap{display:none}#start.choose .sb-title.small{font-size:min(5.4vw,9vh,60px)}}#start~#controls{display:none}html[data-look=street]:has(#fulltime,#menuBack) :is(#controls,#playertag,#caption,#ballPointer,#matePointers){visibility:hidden}#loading{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:0 16px;text-align:center;background:radial-gradient(70% 45% at 50% 100%,rgba(42,138,87,.35),transparent 70%),var(--ground)}#loading .sb-kente{position:absolute;left:0;right:0;top:0}#loading .sb-title{font-size:clamp(44px,15vw,96px)}#loading .sb-title span{display:block}@media(min-aspect-ratio:1/1){#loading .sb-title{font-size:min(8.6vw,14vh,104px)}#loading .sb-title span{display:inline}}#loading .talk{margin:0;min-height:1.4em;font:500 17px/1.4 var(--small);color:var(--face);animation:talkIn .4s ease-out}@keyframes talkIn{0%{opacity:0;transform:translateY(6px)}}#loading .ball{width:22px;height:22px;border-radius:50%;border:2px solid var(--board-ink);background:radial-gradient(circle at 35% 35%,#fff 0 40%,var(--cream) 75%);animation:bounce .7s cubic-bezier(.3,0,.7,1) infinite alternate}@keyframes bounce{0%{transform:translateY(-26px)}to{transform:translateY(0) scaleY(.88)}}@media(prefers-reduced-motion:reduce){#loading .talk,#loading .ball{animation:none}}html[data-look=street] #setup.sb-sheet{top:calc(env(safe-area-inset-top,0px) + 12px);width:min(calc(100vw - 32px),460px);max-height:calc(100vh - 24px);padding:16px;border-top:2px solid var(--board-ink);color:var(--board-ink);background:var(--cream);box-shadow:4px 4px 0 var(--black)}html[data-look=street] #setup.sb-sheet h2{font:400 20px/1.1 var(--sign);color:var(--board-ink);text-transform:uppercase}html[data-look=street] #setup.sb-sheet h3{font:400 13px/1.2 var(--sign);letter-spacing:0;color:var(--brick)}html[data-look=street] #setup.sb-sheet .options{gap:0}html[data-look=street] #setup.sb-sheet .option{min-height:48px;padding:8px 10px;border:0;border-top:1.5px dashed var(--dash);border-radius:0;color:var(--board-ink);background:none}html[data-look=street] #setup.sb-sheet .option b{font:400 13px/1.2 var(--sign)}html[data-look=street] #setup.sb-sheet .option small{font:500 14px/1.3 var(--small);color:var(--board-muted);opacity:1}html[data-look=street] #setup.sb-sheet .option[aria-pressed=true]{background:#f2b33d59;box-shadow:inset 4px 0 0 var(--gold)}html[data-look=street] #setup.sb-sheet .sb-chip{border-color:var(--board-ink);color:var(--board-ink);background:none}html[data-look=street] #setup.sb-sheet .sb-chip[aria-pressed=true]{background:var(--gold);color:var(--black)}html[data-look=street] #setup.sb-sheet .chip-note{display:block;margin:4px 0 8px;font:500 14px/1.3 var(--small);color:var(--board-muted)}html[data-look=street] #setup.sb-sheet .actions{flex-wrap:wrap;gap:10px}html[data-look=street] #setup.sb-sheet .line{margin:6px 0 4px;font:500 14px/1.35 var(--small);color:var(--board-muted)}html[data-look=street] #setup.sb-sheet .actions .sb-primary{flex:1;min-height:48px;padding:10px 22px;border:0;font:400 18px/1 var(--sign);color:var(--black);background:var(--gold)}html[data-look=street] #setup.sb-sheet .actions .sb-board{flex:1;min-height:48px;padding:8px 12px;border:2px solid var(--board-ink);border-radius:10px;text-align:center;justify-content:center;font:400 14px/1.1 var(--sign);color:var(--board-ink);background:var(--cream)}#options>.sb-sheet{padding:14px 16px 6px}#options .sb-row.tune{flex-wrap:wrap}#options #tune{display:flex;align-items:center;gap:8px;width:100%;font:500 14px/1 var(--small);color:var(--board-muted)}#options #tune input{flex:1;min-height:44px;margin:0;accent-color:var(--brick)}#options #tune b{min-width:1.4em;font:400 15px/1 var(--sign);color:var(--board-ink);font-variant-numeric:tabular-nums}#options .testing{padding:0 16px;color:var(--face);background:var(--panel);border-color:var(--line);box-shadow:none}#options .testing summary{min-height:56px;display:grid;align-content:center;gap:3px;cursor:pointer;list-style:none;position:relative;padding-right:30px;font:400 13px/1.2 var(--sign);text-transform:uppercase}#options .testing summary::-webkit-details-marker{display:none}#options .testing summary:after{content:"▾";position:absolute;right:4px;top:50%;transform:translateY(-50%);font:700 18px/1 var(--small);color:var(--gold)}#options .testing[open] summary:after{content:"▴"}#options .testing summary small,#options .testing .sb-row small{font:500 14px/1.3 var(--small);color:var(--muted);text-transform:none}#options .testing .sb-row{color:var(--face);border-top-color:var(--line)}#options .testing #tune,#options .testing #tune b{color:var(--face)}#options .testing #tune input{accent-color:var(--gold)}#places.sb-page{left:0;top:0;transform:none;width:auto;max-height:none;border-top:0;box-shadow:none;z-index:8;color:var(--face);background:var(--ground);padding:0 max(16px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}#places .sb-head h2{margin:0;font:400 20px/1.1 var(--sign);color:var(--face)}#places .tiers{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}#places .tier-line{margin:-2px 0 0;text-align:center;font:500 14px/1.3 var(--small);color:var(--muted)}#places .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(152px,calc(50% - 6px)),1fr));gap:12px}#places .card{display:grid;align-content:start;justify-items:center;gap:8px;padding:8px 8px 10px;min-width:0;text-align:center;border:1.5px solid #5c442d;border-radius:12px;background:#0d0a078c}#places .card.on{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}#places .pick{width:100%;display:grid;justify-items:center;gap:3px;padding:0;border:0;background:none;color:var(--face);cursor:pointer}#places .pick img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;border:1px solid #5c442d;background:var(--panel);margin-bottom:4px}#places .pick b{font:400 13px/1.15 var(--sign);text-transform:uppercase}#places .pick .kind{font:600 13px/1.2 var(--small);color:var(--face)}#places .pick small{font:500 14px/1.2 var(--small);color:var(--muted)}#places .pick .feel{font:700 14px/1.25 var(--small);color:var(--gold)}#places .pick:focus-visible{outline:3px solid var(--face);outline-offset:3px;border-radius:8px}#places .daynight{display:flex;gap:6px}#places .daynight .sb-chip{padding:0 12px}@media(min-aspect-ratio:1/1)and (max-height:500px){#places.sb-page{gap:8px}#places .sb-head{padding-top:calc(env(safe-area-inset-top,0px) + 4px)}#places .tiers{flex-wrap:nowrap}#places .tier-line{margin:0;font-size:13px}#places>.sb-divider{display:none}#places .cards{display:flex;max-width:none;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-snap-type:x proximity;padding:2px 2px 8px;justify-content:safe center}#places .card{flex:0 0 clamp(150px,21vw,196px);gap:6px;padding:6px 6px 8px;scroll-snap-align:center}#places .pick{gap:2px}#places .pick img{margin-bottom:2px}#places .pick b{font-size:12px}#places .pick .kind,#places .pick small,#places .pick .feel{font-size:12.5px}}#vscard{position:fixed;inset:0;z-index:9;display:grid;grid-template-columns:1fr 1fr;cursor:pointer;background:var(--ground)}#vscard>div{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0;padding:0 9% 60px}#vscard .us{clip-path:polygon(0 0,100% 0,88% 100%,0 100%);padding-right:14%}#vscard .them{clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);margin-left:-12%;padding-left:20%;align-items:flex-end;text-align:right}#vscard small{font:400 12px/1 var(--sign);letter-spacing:.1em;text-transform:uppercase;opacity:.75}#vscard b{font:400 clamp(22px,4.2vw,40px)/1 var(--sign);text-transform:uppercase}#vscard q{font:400 clamp(16px,2.4vw,22px)/1.2 var(--shout);quotes:"“" "”"}#vscard span{font:700 14px/1.2 var(--small)}#vscard .vs{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font:400 clamp(56px,10vw,96px)/1 var(--shout);color:var(--face);text-shadow:4px 4px 0 var(--black)}#vscard .foot{position:absolute;left:0;right:0;bottom:0;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;padding:12px max(18px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px));background:#0d0a07d9;color:var(--face)}#vscard .foot b{font-size:14px;color:var(--gold)}#vscard .foot span{flex:1;font:500 13px/1.2 var(--small);color:var(--muted)}#vscard .foot small{opacity:1;color:var(--gold)}@media(max-aspect-ratio:1/1){#vscard{grid-template-columns:1fr;grid-template-rows:1fr 1fr}#vscard .us,#vscard .them{clip-path:none;margin:0;padding:0 24px;align-items:flex-start;text-align:left}}#lineupcard.sb-sheet{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 56px);transform:translate(-50%);z-index:9;width:min(calc(100vw - 32px),680px);max-height:calc(100vh - 72px);overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;padding:14px 16px 10px;cursor:pointer;animation:lineupIn .3s ease-out}@keyframes lineupIn{0%{opacity:0;transform:translate(-50%,-8px)}}#lineupcard h2{justify-self:start;display:inline-block;margin:0 0 4px;padding:5px 14px;border-radius:999px;font:400 13px/1 var(--sign);text-transform:uppercase;color:var(--black);background:var(--gold)}#lineupcard .away h2{color:var(--face);background:var(--red)}#lineupcard .style{margin:0 0 4px;font:400 11px/1.2 var(--sign);text-transform:uppercase;color:var(--board-muted)}#lineupcard section{display:grid;align-content:start;gap:4px}#lineupcard .player{display:grid;grid-template-columns:30px auto minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:6px 8px;border-radius:10px;background:#2a1a0c12}#lineupcard .num{font:400 18px/1 var(--sign);color:var(--board-ink);text-align:right}#lineupcard .name{font:400 13px/1.15 var(--sign);text-transform:uppercase;color:var(--board-ink)}#lineupcard .meta{font:500 14px/1.2 var(--small);color:var(--board-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#lineupcard .you{margin-left:6px;padding:2px 6px;border-radius:999px;font:400 9px/1 var(--sign);vertical-align:2px;color:var(--black);background:var(--gold)}#lineupcard .trait{padding:3px 8px;border:1.5px solid var(--board-muted);border-radius:999px;font:400 10px/1 var(--sign);text-transform:uppercase;color:var(--board-muted)}#lineupcard .trait.confident,#lineupcard .trait.showboat{border-color:#a0700f;color:#8a5c08}#lineupcard .trait.hardTackler,#lineupcard .trait.selfish{border-color:var(--red);color:var(--brick)}#lineupcard .trait.lazy{border-style:dashed}#lineupcard .hint{grid-column:1 / -1;text-align:center;font:500 14px/1.3 var(--small);color:var(--board-muted)}#lineupcard .hint .edit{min-height:44px;padding:0 8px;border:0;background:none;cursor:pointer;font:700 14px/1 var(--small);color:var(--board-ink);text-decoration:underline 2px var(--gold);text-underline-offset:3px}@media(max-width:560px){#lineupcard.sb-sheet{grid-template-columns:1fr;top:calc(env(safe-area-inset-top,0px) + 52px)}}@media(max-height:500px){#lineupcard.sb-sheet{top:calc(env(safe-area-inset-top,0px) + 50px);padding-top:10px;gap:6px 22px}#lineupcard .player{padding:3px 8px}}@media(prefers-reduced-motion:reduce){#lineupcard.sb-sheet{animation:none}}#fulltime.sb-full{position:fixed;z-index:8;inset:0;transform:none;min-width:0;padding:16px;border:0;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0d0a079e;text-align:center}#fulltime.sb-full>*{width:min(100%,380px)}#fulltime .sb-title{width:auto;font-size:clamp(44px,13vw,76px)}#fulltime .sign{padding:12px 16px 14px;display:grid;gap:4px}#fulltime .sign b{font:400 44px/1 var(--sign);color:var(--board-ink);font-variant-numeric:tabular-nums;text-transform:none}#fulltime .sign small{font:500 15px/1.3 var(--small);color:var(--board-muted);letter-spacing:0;text-transform:none}#fulltime .sign .scorers{font-size:14px}#fulltime .boards{display:grid;grid-template-columns:1fr 1fr;gap:12px}#fulltime.sb-full .sb-primary{padding:10px 22px;border:0;border-radius:999px;font:400 20px/1 var(--sign);color:var(--black);background:var(--gold);min-height:52px}#fulltime.sb-full .sb-board{padding:8px 12px;border:2px solid var(--board-ink);border-radius:10px;font:400 14px/1.1 var(--sign);color:var(--board-ink);background:var(--cream);text-align:center;justify-content:center}@media(max-height:500px){#fulltime.sb-full{display:grid;grid-template-columns:repeat(2,minmax(0,340px));justify-content:center;align-content:center;column-gap:24px;row-gap:12px}#fulltime.sb-full>*{width:auto}#fulltime .sb-title{grid-column:1 / -1;font-size:min(12vh,56px)}#fulltime .sign{grid-row:2 / span 2}}html[data-look=street] #shootout{top:calc(env(safe-area-inset-top,0px) + 54px);gap:10px}html[data-look=street] #shootout .kicks{grid-template-columns:auto repeat(var(--n, 5),16px);gap:6px 6px;padding:8px 12px;border:2px solid var(--board-ink);border-radius:12px;background:var(--cream);box-shadow:3px 3px 0 var(--black);font:400 11px/1 var(--sign);letter-spacing:0;text-transform:uppercase}html[data-look=street] #shootout .kicks span{padding-right:8px;color:var(--board-ink)}html[data-look=street] #shootout .kicks i{width:16px;height:16px;box-sizing:border-box;border:2px solid var(--board-ink)}html[data-look=street] #shootout .kicks i.in{background:var(--green);border-color:var(--board-ink)}html[data-look=street] #shootout .kicks i.out{background:var(--red);border-color:var(--board-ink)}html[data-look=street] #shootout .goalmouth{border-color:var(--face)}html[data-look=street] #shootout .taker{margin-top:4px;font:400 clamp(16px,4.4vw,22px)/1.1 var(--sign);text-transform:uppercase;color:var(--face);text-shadow:2px 2px 0 var(--black);text-align:center;padding:0 16px}html[data-look=street] #shootout .how{margin:-4px 0 0;padding:4px 12px;border-radius:10px;font:500 15px/1.3 var(--small);color:var(--face);background:#0d0a078c;text-align:center}html[data-look=street]:has(#shootout) #callout{display:none}html[data-look=street] #shootout .result{margin-top:10px;font:400 clamp(34px,9vw,52px)/1.1 var(--shout);color:var(--gold);text-shadow:3px 3px 0 var(--black);transform:rotate(-4deg)}html[data-look=street] #shootout .dives{gap:10px}html[data-look=street] #shootout .dives button{min-height:48px;padding:0 16px;border:2px solid var(--board-ink);border-radius:10px;box-shadow:3px 3px 0 var(--black);font:400 14px/1 var(--sign);color:var(--board-ink);background:var(--cream)}html[data-look=street] #install{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);z-index:8;box-sizing:border-box;width:min(calc(100vw - 32px),640px);gap:8px;padding:4px 4px 4px 12px;border:2px solid var(--board-ink);border-radius:12px;box-shadow:3px 3px 0 var(--black);color:var(--board-ink);background:var(--cream);font:500 13px/1.3 var(--small)}html[data-look=street]:has(#install) #start{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 66px)}html[data-look=street] #install b{font-weight:700}html[data-look=street] #install .primary{min-height:44px;padding:0 16px;font:400 14px/1 var(--sign);color:var(--black);background:var(--gold);box-shadow:0 3px 0 var(--red)}html[data-look=street] #install .sb-icon{padding:0;width:44px;border-radius:50%;border:2px solid var(--board-ink);background:var(--face);color:var(--board-ink)}#designer{position:fixed;inset:0;display:flex;flex-direction:column;font-family:var(--small);color:var(--face);background:var(--ground)}#designer .sb-kente{flex:none}#designer button:focus-visible,#designer select:focus-visible,#designer input:focus-visible{outline:3px solid var(--brick);outline-offset:2px}#designer .dhead{flex:none;display:flex;align-items:center;gap:10px;min-height:56px;box-sizing:border-box;padding:calc(env(safe-area-inset-top,0px) + 6px) max(14px,env(safe-area-inset-right,0px)) 6px max(14px,env(safe-area-inset-left,0px))}#designer .dhead h1{flex:1;min-width:0;margin:0;font:400 18px/1 var(--sign);color:var(--face);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#designer .bodytype{font:400 9px/1 var(--sign);letter-spacing:.08em;text-transform:uppercase;color:#a8916f}#designer .keep{flex:none;min-height:44px;display:flex;align-items:center;gap:10px;padding:0 8px 0 14px;cursor:pointer;border-radius:999px;border:2px solid #5c442d;background:#0d0a078c;color:var(--face);font:700 13px/1.1 var(--small)}#designer .keep i{position:relative;flex:none;width:40px;height:24px;border-radius:999px;background:#5c442d}#designer .keep i:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--face);transition:left .15s}#designer .keep[aria-checked=true] i{background:var(--green)}#designer .keep[aria-checked=true] i:after{left:19px}#designer .sidemain{flex:1;min-height:0;display:flex;gap:12px;overflow:hidden;padding:0 max(14px,env(safe-area-inset-right,0px)) 10px max(14px,env(safe-area-inset-left,0px))}#designer .lineup{flex:0 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px}#designer .hint{flex:none;margin:0;text-align:center;font:400 16px/1.2 var(--sign);text-transform:uppercase;color:var(--gold)}#designer .cards{max-width:100%;display:flex;gap:10px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}#designer .card{width:150px;flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px 10px;cursor:pointer;border-radius:12px;border:2px solid #5c442d;background:#0d0a078c;color:var(--face);font-family:var(--small)}#designer .card:hover{border-color:var(--gold)}#designer .card .fig{width:100%;height:124px;pointer-events:none}#designer .card .num{font:400 22px/1 var(--sign);color:var(--gold)}#designer .card .nick{font:400 13px/1.1 var(--sign);text-transform:uppercase;text-align:center}#designer .card .real{font:700 12px/1.2 var(--small);text-align:center}#designer .card .bodytype{margin-top:2px}#designer .kitboard{flex:1 1 260px;min-width:260px;min-height:0;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px 12px 12px;text-align:center;border-radius:12px;background:var(--cream);color:var(--board-ink)}#designer .kitboard h2{margin:0;font:400 14px/1.1 var(--sign);text-transform:uppercase}#designer .kitboard .field{align-items:center;width:100%}#designer .kitboard .fh{flex-direction:column;align-items:center;gap:2px}#designer .kitboard .choices,#designer .kitboard .swatches{justify-content:center}#designer .bar{flex:none;display:flex;justify-content:flex-end;gap:12px;min-height:60px;box-sizing:border-box;border-top:1px solid rgba(241,224,182,.18);padding:8px max(14px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px))}#designer .bar .sb-primary{min-height:44px;padding:0 30px;font-size:16px}#designer .ehead{flex-wrap:wrap;gap:8px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}#designer .plate{flex:1 1 160px;min-width:0;display:flex;align-items:center;gap:10px;white-space:nowrap;overflow:hidden}#designer .plate .num{font:400 26px/1 var(--sign);color:var(--gold)}#designer .plate>div{min-width:0;display:flex;flex-direction:column;gap:3px}#designer .plate .nick{font:400 17px/1 var(--sign);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis}#designer .plate .sub{display:flex;align-items:center;min-width:0;color:#8a7357;font:500 13px/1 var(--small)}#designer .plate .real{color:#c9b08e;overflow:hidden;text-overflow:ellipsis}#designer .plate .bodytype{flex:none}#designer .plate .sep{flex:none;margin:0 6px}#designer .who{display:flex;align-items:center;gap:6px}#designer .who button{width:44px;height:44px;padding:0;border-radius:50%;cursor:pointer;border:2px solid var(--gold);background:transparent;color:var(--gold);font:400 14px/1 var(--sign)}#designer .who button[aria-pressed=true]{background:var(--gold);color:var(--black)}#designer .who span{min-width:52px;text-align:center;font:400 12px/1 var(--sign);color:var(--gold)}#designer .more{position:relative}#designer .dots{width:44px;height:44px;padding:0;display:grid;place-items:center;cursor:pointer;border-radius:50%;border:2px solid #5c442d;background:#0d0a078c;color:var(--face)}#designer .away{position:fixed;inset:0;z-index:4}#designer .menu{position:absolute;right:0;top:52px;z-index:5;display:flex;flex-direction:column;gap:4px;padding:6px;min-width:220px;border-radius:12px;background:var(--face);color:var(--board-ink);border:2px solid var(--board-ink);box-shadow:4px 4px 0 var(--black)}#designer .menu button{min-height:44px;padding:6px 12px;border:0;border-radius:8px;background:transparent;color:var(--board-ink);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:2px}#designer .menu button:hover{background:#f2b33d47}#designer .menu b{font:400 12px/1 var(--sign);text-transform:uppercase}#designer .menu small{font:500 12px/1.2 var(--small);color:var(--board-muted)}#designer .ehead .done{min-height:44px;padding:0 22px;font-size:14px;box-shadow:0 3px 0 var(--red)}#designer .editmain{flex:1;min-height:0;display:flex}#designer .stage{position:relative;flex:0 0 clamp(260px,36vw,520px);min-width:0;min-height:0;overflow:hidden;background:radial-gradient(60% 18% at 50% 92%,rgba(242,179,61,.45),transparent 70%),linear-gradient(#ead4a9,#e1b98a 60%,#c99a6a)}#designer .stage.grey{background:linear-gradient(#d9d9d9,#c4c4c4 60%,#a8a8a8)}#designer .spin{position:absolute;inset:0;cursor:grab;touch-action:none}#designer .spin:active{cursor:grabbing}#designer .playmoves{position:absolute;right:10px;top:10px;min-height:44px;padding:0 14px;display:flex;align-items:center;gap:8px;cursor:pointer;border-radius:999px;border:2px solid var(--board-ink);background:var(--gold);color:var(--black);font:400 12px/1 var(--sign)}#designer .debugchips{position:absolute;left:6px;right:6px;bottom:6px;display:flex;flex-wrap:wrap;gap:4px}#designer .debugchips .sb-chip{min-height:32px;padding:0 8px;font:400 10px/1 var(--sign);color:var(--black);border-color:var(--board-ink);background:#fff3d9d1}#designer .debugchips .sb-chip[aria-pressed=true]{background:var(--gold)}#designer .panel{flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;box-sizing:border-box;padding:8px max(12px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) 12px}#designer .tabs{flex:none;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}#designer .tabs button{flex:none;min-height:44px;padding:0 11px;border:0;border-radius:10px 10px 0 0;cursor:pointer;white-space:nowrap;font:400 11px/1 var(--sign);text-transform:uppercase;color:#c9b08e;background:#0d0a078c}#designer .tabs button[aria-selected=true]{color:var(--board-ink);background:var(--cream)}#designer .sheet{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;display:flex;flex-direction:column;gap:16px;padding:12px;border-radius:0 12px 12px;background:var(--cream);color:var(--board-ink)}#designer .field{display:flex;flex-direction:column;gap:10px;min-width:0}#designer .fh{display:flex;align-items:baseline;justify-content:space-between;gap:8px}#designer .fl{font:400 11px/1.2 var(--sign);text-transform:uppercase;color:var(--brick)}#designer .fa{font:500 13px/1.2 var(--small);color:#5e4632;text-align:right}#designer .pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}#designer select,#designer input[type=text]{width:100%;box-sizing:border-box;min-height:44px;padding:8px 10px;border-radius:8px;font:700 15px/1.2 var(--small);color:var(--board-ink);background:var(--face);border:2px solid var(--board-ink);user-select:text;-webkit-user-select:text}#designer input[type=range]{width:100%;min-height:44px;margin:0;accent-color:var(--brick)}#designer .choices,#designer .swatches{display:flex;flex-wrap:wrap;gap:6px}#designer .sheet .sb-chip,#designer .kitboard .sb-chip{font-size:11px;text-transform:uppercase;border-color:var(--board-ink);color:var(--board-ink);background:none}#designer .sheet .sb-chip[aria-pressed=true],#designer .kitboard .sb-chip[aria-pressed=true]{background:var(--gold);color:var(--black)}#designer .swatch{width:44px;height:44px;padding:0;border-radius:50%;border:2px solid var(--board-ink);cursor:pointer;background:transparent}#designer .swatch.none{background:repeating-linear-gradient(45deg,#fff3d9 0 6px,#e0c79c 6px 12px)}#designer .swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--cream),0 0 0 6px var(--brick)}#designer .note{margin:0;font:500 14px/1.4 var(--small);color:var(--board-muted)}#designer .note.warn{color:var(--brick);font-weight:700}#designer .link{align-self:center;min-height:44px;padding:0;border:0;background:none;cursor:pointer;font:700 14px/1.2 var(--small);color:var(--brick);text-decoration:underline}#designer .at{margin:0;font:500 14px/2.2 var(--small);color:#4a3626}#designer .at select.place{display:inline-block;width:auto;max-width:100%;field-sizing:content;min-height:44px;padding:0 12px;vertical-align:middle;border-radius:999px;font:400 11px/1 var(--sign);text-transform:uppercase}#designer .pieces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}#designer .pieces button{min-height:52px;min-width:0;padding:6px 9px;border-radius:10px;border:2px solid var(--board-ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;background:var(--face);color:var(--board-ink)}#designer .pieces button[aria-selected=true]{background:var(--gold)}#designer .pieces b{font:400 11px/1 var(--sign);text-transform:uppercase}#designer .pieces small{max-width:100%;font:500 12px/1.15 var(--small);color:#4a3626;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#designer .piece{display:flex;flex-direction:column;gap:14px;padding:12px;border-radius:12px;background:#f8ecd0;border:1.5px solid #d8bf94}#designer .ph{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#designer .ph h3{margin:0;font:400 14px/1.2 var(--sign);text-transform:uppercase}#designer .whose{display:flex;border:2px solid var(--board-ink);border-radius:999px;overflow:hidden}#designer .whose button{min-height:40px;padding:0 12px;border:0;cursor:pointer;font:400 10px/1 var(--sign);text-transform:uppercase;background:transparent;color:var(--board-ink)}#designer .whose button[aria-pressed=true]{background:var(--gold);color:var(--black)}#designer .follows{display:flex;flex-direction:column;align-items:flex-start;gap:4px}#designer .follows p{margin:0;display:flex;align-items:center;gap:8px;font:500 14px/1.35 var(--small);color:#4a3626}#designer .follows .link{align-self:auto}#designer .dot{flex:none;display:inline-block;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--board-ink)}#designer .dim{position:fixed;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:16px;background:#0d0a0799}#designer .confirm{width:min(100%,380px);box-sizing:border-box;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:14px;background:var(--cream);color:var(--board-ink);border:2px solid var(--board-ink);box-shadow:5px 5px 0 var(--black)}#designer .confirm h2{margin:0;font:400 16px/1.2 var(--sign);text-transform:uppercase}#designer .confirm p{margin:0;font:500 14px/1.4 var(--small);color:#4a3626}#designer .confirm .row{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}#designer .confirm button{min-height:44px;padding:0 18px;border-radius:999px;border:2px solid var(--board-ink);cursor:pointer;font:400 12px/1 var(--sign);background:transparent;color:var(--board-ink)}#designer .confirm .yes{background:var(--gold);color:var(--black)}#designer .toast{position:fixed;left:50%;bottom:calc(72px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:7;pointer-events:none;padding:10px 16px;border-radius:999px;background:#0d0a07e6;color:var(--face);font:700 13px/1.2 var(--small);white-space:nowrap}@media(max-aspect-ratio:1/1){#designer .sidemain{flex-direction:column;overflow-y:auto}#designer .kitboard{flex:none;min-width:0;overflow:visible}#designer .card{width:112px}#designer .card .fig{height:118px}#designer .ehead .plate{flex:1 1 100%}#designer .ehead .more{margin-left:auto}#designer .tabs{gap:3px}#designer .tabs button{flex:1 0 auto;padding:0 7px;font-size:10px}#designer .editmain{flex-direction:column}#designer .stage{flex:0 0 min(300px,38vh)}#designer .pieces{grid-template-columns:repeat(2,minmax(0,1fr))}#designer .sheet:not([data-section=profile]) .field{align-items:center}#designer .sheet:not([data-section=profile]) .fh{flex-direction:column;align-items:center;gap:2px}#designer .sheet:not([data-section=profile]) .fa{text-align:center}#designer .sheet:not([data-section=profile]) .choices,#designer .sheet:not([data-section=profile]) .swatches{justify-content:center}#designer .sheet .ph,#designer .sheet .at{justify-content:center;text-align:center}#designer .sheet .follows{align-items:center;text-align:center}}@media(max-width:420px){#designer .keep{padding-left:10px;font-size:12px}}