:root{color:#e5edf8;background:#050913;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at top left,rgba(56,189,248,.2),transparent 32rem),radial-gradient(circle at top right,rgba(250,204,21,.12),transparent 28rem),#050913}a{color:inherit;text-decoration:none}button{font:inherit}button:disabled{cursor:not-allowed;opacity:.64}.app-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:24px 0 40px}.site-header,.hero,.game-shell,.sports,.site-footer{border:1px solid rgba(148,163,184,.18);background:#0f172ac7;box-shadow:0 24px 80px #0000004d}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;padding:14px;border-radius:24px}.site-header__brand{display:inline-flex;min-width:0;align-items:center;gap:12px;border-radius:18px}.site-header__mark{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border-radius:16px;color:#07111f;background:#facc15;font-size:.8rem;font-weight:900;letter-spacing:.08em}.site-header__name,.site-header__tagline{display:block}.site-header__name{font-weight:900}.site-header__tagline{color:#94a3b8;font-size:.9rem}.site-header__nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.site-header__link{min-height:44px;border:1px solid rgba(148,163,184,.18);border-radius:999px;padding:10px 14px;color:#dbeafe;font-size:.94rem;font-weight:800;background:#02061757}.hero,.game-shell,.sports,.site-footer{border-radius:28px}.hero{padding:clamp(32px,6vw,72px)}.eyebrow{margin:0 0 10px;color:#38bdf8;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3,p,dl,dd{margin-top:0}h1{max-width:760px;margin-bottom:18px;font-size:clamp(2.45rem,8vw,5.75rem);line-height:.95}h2{margin-bottom:0;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.08}h3{margin-bottom:0;font-size:1.35rem;line-height:1.15}.hero__lead,.hero__copy{max-width:720px;color:#cbd5e1;font-size:clamp(1rem,2vw,1.25rem)}.hero__lead{margin-bottom:8px}.hero__copy{margin-bottom:0}.game-shell,.sports,.site-footer{margin-top:24px;padding:clamp(20px,4vw,32px)}.section-heading{margin-bottom:20px}.section-heading--split{display:flex;align-items:end;justify-content:space-between;gap:16px}.section-heading__note{max-width:280px;margin-bottom:0;color:#94a3b8;font-weight:700}.game-shell__meta,.sport-card__facts{display:grid;gap:10px;margin-bottom:18px}.game-shell__meta{grid-template-columns:repeat(4,minmax(0,1fr))}.game-shell__meta div,.sport-card__facts div{min-width:0;border:1px solid rgba(148,163,184,.16);border-radius:16px;padding:12px;background:#0206176b}dt{color:#94a3b8;font-size:.75rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}dd{margin-bottom:0;margin-left:0;color:#f8fafc;font-weight:800}.game-shell__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:16px;align-items:stretch}.game-shell__stage,.game-shell__hud,.game-shell__lower-grid{min-width:0}.game-shell__frame{overflow:hidden;min-width:0;border:1px solid rgba(56,189,248,.35);border-radius:22px;background:#08111f}.game-shell__canvas{display:grid;width:100%;min-height:clamp(220px,52vw,400px);place-items:center}.game-shell__canvas canvas{display:block;width:100%!important;max-width:720px;height:auto!important}.game-shell__hud,.game-shell__lower-grid{display:grid;gap:12px}.game-shell__hud{align-content:start}.game-shell__lower-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px}.game-shell__panel{min-width:0;border:1px solid rgba(148,163,184,.16);border-radius:18px;padding:14px;background:#0206177a}.game-shell__panel--score{border-color:#facc1547}.game-shell__panel--boccia{border-color:#ef44444d}.game-shell__panel--result{border-color:#38bdf83d}.game-shell__panel-label{margin-bottom:8px;color:#94a3b8;font-size:.75rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.game-shell__score,.game-shell__objective,.game-shell__match-details,.game-shell__panel--result p:last-child{margin-bottom:0;color:#f8fafc;font-weight:800}.game-shell__score{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.game-shell__score span{min-width:0;border-radius:14px;padding:10px;background:#0f172adb}.game-shell__score strong{display:block;color:#facc15;font-size:1.7rem;line-height:1}.game-shell__note{display:inline-block;margin-top:8px;color:#7dd3fc;font-size:.9rem}.game-shell__match-details{display:grid;gap:8px;margin-bottom:0}.game-shell__match-details div{display:flex;min-width:0;justify-content:space-between;gap:12px;border-radius:12px;padding:8px;background:#0f172ab8}.game-shell__match-details dd{color:#7dd3fc;text-align:right}.game-shell__options,.game-shell__actions{display:grid;gap:8px}.game-shell__options{grid-template-columns:repeat(3,minmax(0,1fr))}.game-shell__actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,92px),1fr))}.game-shell__option{min-height:44px;min-width:0;cursor:pointer;border:1px solid rgba(148,163,184,.22);border-radius:999px;padding:9px 10px;color:#dbeafe;background:#0f172ae6;font-weight:900}.game-shell__option--active{border-color:#facc15b8;color:#07111f;background:#facc15}.game-shell__option:focus-visible{outline:3px solid rgba(56,189,248,.75);outline-offset:3px}.game-shell__hints{display:grid;gap:8px;margin-bottom:0}.game-shell__hints div{display:flex;min-width:0;justify-content:space-between;gap:12px}.game-shell__hints dd{text-align:right}.game-shell__panel--virtual{margin-top:16px}.virtual-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.virtual-controls__button{min-width:0;min-height:56px;cursor:pointer;touch-action:manipulation;border:1px solid rgba(56,189,248,.32);border-radius:18px;padding:12px 10px;color:#e0f2fe;background:#0ea5e924;font-weight:900;transition:transform .16s ease,border-color .16s ease,background .16s ease}.virtual-controls__button:hover,.virtual-controls__button:focus-visible,.virtual-controls__button--pressed{border-color:#facc15c2;color:#07111f;background:#facc15}.virtual-controls__button:focus-visible{outline:3px solid rgba(56,189,248,.75);outline-offset:3px}.virtual-controls__button--pressed{transform:translateY(1px) scale(.98)}.game-shell__panel-heading,.audio-panel__slider,.audio-panel__mute{min-width:0}.game-shell__panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.game-shell__panel-heading .game-shell__panel-label{margin-bottom:0}.audio-panel__mute{display:inline-flex;align-items:center;gap:8px;color:#dbeafe;font-weight:800}.audio-panel__mute input{width:18px;height:18px;accent-color:#facc15}.audio-panel__slider{display:grid;gap:6px;margin-top:10px;color:#dbeafe;font-weight:800}.audio-panel__slider span{display:flex;min-width:0;justify-content:space-between;gap:10px}.audio-panel__slider input{width:100%;min-width:0;accent-color:#38bdf8}.audio-panel__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.audio-panel__note{margin:10px 0 0;color:#94a3b8;font-size:.86rem;font-weight:700}.game-shell__input-debug{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:0}.game-shell__input-debug div{min-width:0;border-radius:12px;padding:8px;background:#0f172ab8}.game-shell__input-debug dd{color:#7dd3fc}.sports__progress-summary,.game-shell__progress-details{display:grid;gap:8px}.sports__progress-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.sports__progress-summary span,.game-shell__progress-details div{min-width:0;border:1px solid rgba(56,189,248,.2);border-radius:14px;padding:10px;color:#dbeafe;background:#0f172ab8;font-weight:800}.sports__progress-summary strong,.game-shell__progress-details dd{color:#facc15}.game-shell__progress-details{margin-bottom:12px}.game-shell__progress-details div{display:flex;justify-content:space-between;gap:12px}.game-shell__reset-progress{width:100%}.sport-card__favorite--active{color:#07111f;background:#facc15}.sports__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px}.sport-card{display:flex;min-width:0;min-height:330px;flex-direction:column;gap:16px;padding:20px;border:1px solid rgba(148,163,184,.16);border-radius:20px;background:#020617b8}.sport-card--active{border-color:#facc1573;background:linear-gradient(145deg,#1e293beb,#0f172ac2)}.sport-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sport-card__kicker{margin-bottom:4px;color:#7dd3fc;font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.sport-card__summary{margin-bottom:0;color:#cbd5e1}.sport-card__status{border-radius:999px;padding:6px 9px;color:#facc15;background:#facc151a;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.sport-card--soon .sport-card__status{color:#94a3b8;background:#94a3b81a}.sport-card__facts{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0}.sport-card__tags{display:flex;flex-wrap:wrap;gap:8px}.sport-card__tag{border:1px solid rgba(56,189,248,.28);border-radius:999px;padding:5px 10px;color:#bae6fd;font-size:.82rem;font-weight:700}.sport-card__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:auto}.button{display:inline-flex;min-height:44px;min-width:0;cursor:pointer;align-items:center;justify-content:center;gap:6px;border:0;border-radius:999px;padding:10px 14px;font-weight:900;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:not(:disabled):hover,.button:not(:disabled):focus-visible,.site-header__brand:focus-visible,.site-header__link:focus-visible{transform:translateY(-1px)}.button:focus-visible,.site-header__brand:focus-visible,.site-header__link:focus-visible{outline:3px solid rgba(56,189,248,.75);outline-offset:3px}.button--primary{color:#07111f;background:#facc15;box-shadow:0 10px 28px #facc152e}.button--secondary{color:#e0f2fe;background:#38bdf829}.button--icon{color:#f8fafc;background:#94a3b829}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;color:#cbd5e1}.site-footer p{margin-bottom:0}@media(max-width:820px){.site-header,.section-heading--split{align-items:stretch;flex-direction:column}.site-header__nav{justify-content:flex-start}.game-shell__layout{grid-template-columns:1fr}.game-shell__hud,.game-shell__lower-grid,.virtual-controls,.game-shell__meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.app-shell{width:min(1120px,calc(100% - 20px));padding-top:12px}.hero,.game-shell,.sports,.site-footer,.site-header{border-radius:20px}.site-header__link{flex:1 1 calc(50% - 8px);text-align:center}.sport-card__header,.sport-card__actions,.site-footer{align-items:stretch;flex-direction:column}.sport-card__actions{display:flex}.button{width:100%}.game-shell__hud,.game-shell__lower-grid,.sports__progress-summary,.game-shell__actions,.audio-panel__actions,.virtual-controls{grid-template-columns:1fr}.sport-card__status{align-self:flex-start;white-space:normal}}@media(max-width:420px){.game-shell__meta,.sport-card__facts{grid-template-columns:1fr}.site-header__brand{align-items:flex-start}.site-header__mark{width:44px;height:44px}.game-shell__options,.game-shell__input-debug{grid-template-columns:1fr}.virtual-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-overlay{padding:10px}.tutorial-overlay__card{border-radius:18px}.tutorial-overlay__body{font-size:.98rem}.game-shell__hints div,.game-shell__match-details div,.game-shell__progress-details div{align-items:flex-start;flex-direction:column;gap:2px}.game-shell__hints dd,.game-shell__match-details dd,.game-shell__progress-details dd{text-align:left}}.section-heading__actions{display:grid;min-width:min(100%,320px);gap:8px;justify-items:stretch}.section-heading__actions .section-heading__note{max-width:320px}.game-shell__panel--rules{grid-column:1 / -1;scroll-margin-top:16px;border-color:#7dd3fc52}.game-shell__panel--rules:focus{outline:3px solid rgba(56,189,248,.55);outline-offset:3px}.game-shell__rules-note{margin-bottom:14px;border:1px solid rgba(250,204,21,.34);border-radius:16px;padding:12px;color:#fef3c7;background:#facc151a;font-weight:900}.game-shell__rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-shell__rule-section{min-width:0;border-radius:14px;padding:12px;background:#0f172ab8}.game-shell__rule-section h4{margin:0 0 8px;color:#f8fafc;font-size:1rem}.game-shell__rule-section p{margin-bottom:8px;color:#cbd5e1;font-weight:700}.game-shell__rule-section p:last-child{margin-bottom:0}.tutorial-overlay{position:fixed;z-index:1000;inset:0;display:grid;min-width:320px;place-items:center;padding:16px}.tutorial-overlay__backdrop{position:absolute;inset:0;background:#020617c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tutorial-overlay__card{position:relative;z-index:1;width:min(100%,520px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(56,189,248,.42);border-radius:24px;padding:clamp(18px,5vw,28px);background:linear-gradient(145deg,#0f172afa,#08111ffa);box-shadow:0 28px 90px #00000075}.tutorial-overlay__eyebrow{margin-bottom:8px;color:#38bdf8;font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.tutorial-overlay__header{display:flex;align-items:start;justify-content:space-between;gap:14px}.tutorial-overlay__header h2{font-size:clamp(1.45rem,8vw,2.2rem)}.tutorial-overlay__count{flex:0 0 auto;border-radius:999px;padding:6px 10px;color:#07111f;background:#facc15;font-size:.8rem;font-weight:900}.tutorial-overlay__body{margin:16px 0 20px;color:#dbeafe;font-size:1.05rem;font-weight:700}.tutorial-overlay__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media(max-width:640px){.section-heading__actions{min-width:0}.game-shell__rules-grid,.tutorial-overlay__actions{grid-template-columns:1fr}.tutorial-overlay__header{flex-direction:column}.tutorial-overlay__count{align-self:flex-start}}.game-shell__panel--learning{border-color:#facc1552}.game-shell__learning-copy,.game-shell__learning-status{margin-bottom:10px;color:#cbd5e1;font-weight:800}.game-shell__learning-status{margin:10px 0 0;border-radius:14px;padding:10px;color:#fef3c7;background:#facc1517;font-size:.92rem}.game-shell__learning-actions{display:grid;grid-template-columns:repeat(2,minmax(126px,1fr));gap:8px}.virtual-controls__button--guided,[data-boccia-guided-highlight=aim] .game-shell__hints div:first-child,[data-boccia-guided-highlight=primary] .game-shell__hints div:nth-child(2),[data-boccia-guided-highlight=primary] .game-shell__hints div:nth-child(3),[data-boccia-guided-highlight=preview] .game-shell__panel--result,[data-boccia-guided-highlight=preview] .game-shell__panel--boccia{outline:3px solid rgba(250,204,21,.78);outline-offset:3px;box-shadow:0 0 0 6px #facc151a}.virtual-controls__button--guided{border-color:#facc15e0;color:#07111f;background:#facc15}@media(max-width:640px){.game-shell__learning-actions{grid-template-columns:1fr}}.game-shell__layout{grid-template-areas:"stage hud" "controls hud" "learn hud";grid-template-rows:auto auto 1fr}.game-shell__stage{grid-area:stage}.game-shell__panel--virtual{grid-area:controls;margin-top:0}.game-shell__panel--learning{grid-area:learn}.game-shell__hud{grid-area:hud;grid-template-columns:1fr}.game-shell__frame{box-shadow:0 22px 60px #38bdf81f}.game-shell__canvas{min-height:clamp(280px,54vw,460px)}.game-shell__lower-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.game-shell__details{overflow:hidden}.game-shell__details-summary{display:flex;min-width:0;cursor:pointer;align-items:center;justify-content:space-between;gap:12px;color:#cbd5e1;font-weight:800;list-style:none}.game-shell__details-summary::-webkit-details-marker{display:none}.game-shell__details-summary:after{content:"+";display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border-radius:999px;color:#07111f;background:#facc15;font-weight:900}.game-shell__details[open]>.game-shell__details-summary{margin-bottom:12px}.game-shell__details[open]>.game-shell__details-summary:after{content:"−"}.game-shell__details-summary .game-shell__panel-label{margin-bottom:0}.game-shell__details-summary--rules{align-items:flex-start}.game-shell__summary-note{max-width:220px;color:#fef3c7;font-size:.82rem;text-align:right}.game-shell__panel-heading--inside-details{align-items:flex-start;margin-top:0}.game-shell__panel-heading--inside-details .game-shell__rules-note{margin-bottom:0}.game-shell__panel--rules{grid-column:1 / -1}.game-shell__learning-actions{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:820px){.game-shell__layout{grid-template-areas:"stage" "controls" "hud" "learn";grid-template-columns:minmax(0,1fr)}.game-shell__hud{grid-template-columns:repeat(2,minmax(0,1fr))}.game-shell__panel--score,.game-shell__panel--match,.game-shell__panel--boccia{grid-column:1 / -1}.game-shell__lower-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-shell__canvas{min-height:clamp(240px,68vw,420px)}}@media(max-width:640px){.site-header{gap:10px;margin-bottom:14px;padding:10px}.site-header__mark{width:40px;height:40px;border-radius:14px}.site-header__tagline{font-size:.8rem}.game-shell,.sports,.site-footer{margin-top:16px;padding:14px}.game-shell__heading{margin-bottom:14px}.game-shell__canvas{min-height:clamp(220px,74vw,330px)}.game-shell__hud,.game-shell__lower-grid,.game-shell__learning-actions{grid-template-columns:1fr}.game-shell__panel{padding:12px;border-radius:16px}.game-shell__score strong{font-size:1.45rem}.virtual-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.virtual-controls__button{min-height:50px;border-radius:16px;padding:10px 8px}.game-shell__learning-copy,.game-shell__learning-status{font-size:.92rem}.game-shell__details-summary{align-items:flex-start}.game-shell__details-summary,.game-shell__panel-heading--inside-details{flex-direction:column}.game-shell__details-summary:after{position:absolute;right:12px}.game-shell__details{position:relative}.game-shell__summary-note{max-width:calc(100% - 42px);text-align:left}.game-shell__rules-grid,.sports__grid{grid-template-columns:1fr}.sport-card{min-height:auto;gap:10px;padding:14px}.sport-card--soon .sport-card__summary,.sport-card--soon .sport-card__facts,.sport-card--soon .sport-card__tags{display:none}}@media(max-width:380px){.app-shell{width:min(1120px,calc(100% - 14px))}.game-shell,.sports,.site-footer{padding:12px}.game-shell__canvas{min-height:208px}}