@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,700;0,800;0,900;1,800&family=Inter:wght@500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#242251;--court:#34316f;--court-dark:#29275d;--paint:#22b8a7;--paint-dark:#159584;--sky:#f4ad72;--sun:#ffd482;--paper:#fff6dc;--orange:#ff7548;--red:#e64c58;--lime:#d7ef74;--shadow:#15143a;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);background:var(--sky);color:var(--ink);font-synthesis:none;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 78% 6%,#ffde8ef2 0 5rem,#0000 5.1rem),linear-gradient(#f6bd82 0 24%,#df7f69 54%,#34316f 54% 100%);min-width:320px;min-height:100dvh;overflow-x:hidden}button{font:inherit}button:focus-visible{outline:4px solid var(--lime);outline-offset:3px}.app-shell{width:min(100%,540px);min-height:100dvh;padding:calc(10px + var(--safe-top)) 14px calc(14px + var(--safe-bottom));grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px;margin:0 auto;display:grid;position:relative}.topbar{justify-content:space-between;align-items:center;min-height:54px;display:flex}.brand-lockup{align-items:baseline;gap:8px;display:flex;transform:rotate(-1deg)}.brand-kicker{letter-spacing:.17em;color:var(--paper);background:var(--ink);padding:5px 6px 4px;font:800 10px/1 Inter,sans-serif;box-shadow:3px 3px #2422512e}h1,h2,.scoreboard strong,.possession-card,.reveal-tier{text-transform:uppercase;font-family:Barlow Condensed,Impact,sans-serif}h1{letter-spacing:-.035em;margin:0;font-size:clamp(2.3rem,11vw,3.6rem);font-weight:900;line-height:.8}.header-actions{gap:8px;display:flex}.circle-button,.sheet-close{border:2px solid var(--ink);background:var(--paper);width:40px;height:40px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:50%;font-size:1.1rem;font-weight:900}.circle-button:active,.sheet-close:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.scoreboard{border:2px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);z-index:2;grid-template-columns:1fr 1.15fr 1fr;display:grid;transform:rotate(.25deg)}.score-cell{text-align:center;align-content:center;min-height:55px;padding:7px 10px 5px;display:grid}.score-cell+.score-cell{border-left:2px solid var(--ink)}.score-cell--clock{color:var(--paper);background:var(--ink)}.score-label{letter-spacing:.15em;opacity:.72;font-size:.58rem;font-weight:800;display:block}.score-cell strong{font-size:1.8rem;font-weight:900;line-height:.9}.score-cell small{opacity:.65;font-size:.9rem}.score-cell--clock.is-danger{background:var(--red);animation:.44s steps(2,end) infinite clock-punch}.court-wrap{border:3px solid var(--ink);background:var(--court);min-height:0;box-shadow:6px 7px 0 var(--ink);isolation:isolate;border-radius:5px 5px 28px 28px;position:relative;overflow:hidden}#court{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;min-height:480px;display:block}.court-wrap:after{content:"";pointer-events:none;z-index:3;opacity:.13;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:absolute;inset:0}.possession-card{z-index:6;background:var(--paper);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);letter-spacing:.04em;opacity:0;pointer-events:none;padding:10px 17px 8px;font-size:1.9rem;font-weight:900;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)rotate(-4deg)scale(.7)}.possession-card.is-showing{animation:.72s cubic-bezier(.2,1.35,.25,1) both card-slam}.action-callout{z-index:7;background:var(--lime);min-width:120px;color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);text-align:center;text-transform:uppercase;opacity:0;pointer-events:none;padding:7px 12px 6px;font:900 1.35rem/1 Barlow Condensed,sans-serif;position:absolute;bottom:10%;left:50%;transform:translate(-50%)rotate(-2deg)}.action-callout.is-showing{animation:.9s both callout}.action-callout.is-bad{background:var(--red);color:#fff}.game-footer{min-height:49px;color:var(--paper);justify-content:space-between;align-items:center;gap:12px;display:flex}.instruction{letter-spacing:.01em;max-width:64%;margin:0;font-size:.78rem;font-weight:800;line-height:1.2}.possession-pips{flex-wrap:nowrap;gap:5px;display:flex}.pip{border:2px solid var(--paper);width:23px;height:23px;color:var(--paper);background:0 0;border-radius:50%;place-items:center;font:900 .65rem/1 Barlow Condensed,sans-serif;display:grid}.pip.is-make{background:var(--orange)}.pip.is-miss{color:var(--paper);background:#24225173}.pip.is-current{box-shadow:0 0 0 3px var(--lime)}.sheet{border:3px solid var(--ink);width:min(100% - 28px,500px);max-height:calc(100dvh - 30px);color:var(--ink);background:var(--paper);box-shadow:10px 10px 0 var(--ink);border-radius:8px 8px 30px;padding:28px 24px 24px;overflow:auto}.sheet::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#15143aad}.sheet-close{position:absolute;top:14px;right:14px}.eyebrow{letter-spacing:.18em;color:var(--red);margin:0 0 7px;font-size:.68rem;font-weight:900}.sheet h2{letter-spacing:-.035em;margin:0;font-size:clamp(2.5rem,12vw,4rem);line-height:.84}.help-sheet ol{counter-reset:help;gap:12px;margin:22px 0 12px;padding:0;list-style:none;display:grid}.help-sheet li{counter-increment:help;grid-template-columns:34px 1fr;align-items:center;font-weight:650;display:grid}.help-sheet li:before{content:counter(help);width:28px;height:28px;color:var(--paper);background:var(--ink);border-radius:50%;place-items:center;font-weight:900;display:grid}.help-foot{opacity:.72;margin:12px 0 20px;font-size:.8rem;font-weight:800}.help-demo{background:var(--court);border:2px solid var(--ink);height:112px;margin:8px 0 18px;position:relative;overflow:hidden}.demo-player{border:3px solid var(--ink);width:38px;height:38px;color:var(--orange);background:var(--orange);border-radius:50%;place-items:center;font-size:0;display:grid;position:absolute;top:48px}.demo-player:before,.demo-player:after{content:"";background:var(--paper);border:2px solid var(--ink);position:absolute}.demo-player:before{border-radius:50%;width:14px;height:14px;top:-13px}.demo-player:after{border-radius:6px;width:29px;height:6px;top:12px}.demo-player--ball{left:20px}.demo-player--target{right:34px}.demo-pass{background:repeating-linear-gradient(90deg,var(--paper) 0 9px,transparent 9px 15px);height:4px;animation:.7s linear infinite pass-dash;position:absolute;top:64px;left:63px;right:77px}.demo-pass:after{content:"●";color:var(--orange);font-size:20px;animation:1.3s ease-in-out infinite demo-ball;position:absolute;top:-9px;right:-4px}.demo-hand{font-size:35px;animation:1.3s ease-in-out infinite demo-hand;position:absolute;top:15px;right:7px;transform:rotate(-25deg)}.primary-button,.secondary-button{border:3px solid var(--ink);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:4px;min-height:52px;padding:10px 18px 8px;font:900 1.45rem/1 Barlow Condensed,sans-serif}.primary-button{width:100%;color:var(--paper);background:var(--orange);box-shadow:5px 5px 0 var(--ink)}.secondary-button{color:var(--ink);background:var(--lime);box-shadow:5px 5px 0 var(--ink)}.primary-button:active,.secondary-button:active{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}.reveal-sheet{text-align:center;overflow-x:hidden}.reveal-court{background:var(--court);border-bottom:3px solid var(--ink);height:92px;margin:-28px -24px 18px;position:relative;overflow:hidden}.reveal-court:before{content:"";border:3px solid var(--paper);opacity:.72;border-radius:50% 50% 0 0;height:105px;position:absolute;bottom:-45px;left:15%;right:15%}.reveal-court:after{content:"⌁  ⌁  ⌁";color:var(--orange);letter-spacing:.4em;font:900 3rem/1 Barlow Condensed;position:absolute;inset:22px 0 auto;transform:translate(.2em)}.reveal-sheet h2{font-size:clamp(4.6rem,25vw,7rem);line-height:.72}.reveal-tier{background:var(--ink);color:var(--paper);letter-spacing:.06em;margin:13px 0 7px;padding:6px 11px 5px;font-size:1.4rem;font-weight:900;display:inline-block;transform:rotate(-2deg)}.reveal-context{opacity:.75;min-height:20px;margin:7px 0 14px;font-size:.82rem;font-weight:750}.reveal-journey{flex-wrap:wrap;justify-content:center;gap:7px;margin:10px 0 18px;display:flex}.journey-shot{border:2px solid var(--ink);border-radius:22px;align-content:center;place-items:center;gap:2px;min-width:42px;min-height:48px;padding:5px 5px 3px;font:900 .9rem/1 Barlow Condensed;display:grid}.journey-shot b{font:inherit}.journey-shot small{letter-spacing:-.08em;opacity:.76;font:900 .64rem/1 Inter,sans-serif}.journey-shot.is-make{color:var(--paper);background:var(--orange)}.journey-shot.is-miss{background:0 0}.near-miss{border:2px dashed var(--ink);background:#f8e7ae;margin:12px 0 20px;padding:13px 12px 12px;transform:rotate(.7deg)}.near-miss-label{letter-spacing:.2em;color:var(--red);margin-bottom:3px;font-size:.58rem;font-weight:900;display:block}.near-miss strong{text-transform:uppercase;font-family:Barlow Condensed;font-size:1.65rem}.reveal-actions{grid-template-columns:1.3fr 1fr;gap:10px;display:grid}.share-status{height:18px;margin:10px 0 -10px;font-size:.72rem;font-weight:800}@keyframes clock-punch{50%{filter:brightness(1.3);transform:scale(1.02)}}@keyframes card-slam{0%{opacity:0;transform:translate(-50%,-50%)rotate(-8deg)scale(2.4)}42%{opacity:1;transform:translate(-50%,-50%)rotate(2deg)scale(.94)}75%{opacity:1;transform:translate(-50%,-50%)rotate(-3deg)scale(1)}to{opacity:0;transform:translate(-50%,-50%)rotate(-4deg)scale(1)}}@keyframes callout{0%{opacity:0;transform:translate(-50%)translateY(12px)rotate(-2deg)scale(.8)}18%,65%{opacity:1;transform:translate(-50%)translateY(0)rotate(-2deg)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-10px)rotate(-2deg)scale(.96)}}@keyframes pass-dash{to{background-position:30px 0}}@keyframes demo-ball{0%,15%{transform:translate(-180px)}75%,to{transform:translate(0)}}@keyframes demo-hand{0%,55%{transform:translate(20px,22px)rotate(-25deg)}90%,to{transform:translate(0)rotate(-25deg)}}@media (max-height:700px){.app-shell{padding-top:calc(5px + var(--safe-top));gap:5px}.topbar{min-height:43px}h1{font-size:2.45rem}.score-cell{min-height:48px}#court{min-height:390px}.game-footer{min-height:36px}}@media (min-width:650px){body{padding:16px 0}.app-shell{border-radius:22px;min-height:calc(100dvh - 32px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}