:root{--bg: #fff7ed;--surface: #ffffff;--surface-soft: #ffedd5;--ink: #1f2937;--muted: #6b7280;--brand: #2563eb;--brand-strong: #1d4ed8;--border: #fed7aa;--shadow: 0 22px 70px rgb(124 45 18 / 16%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:radial-gradient(circle at top left,rgb(251 191 36 / 35%),transparent 24rem),radial-gradient(circle at bottom right,rgb(96 165 250 / 28%),transparent 28rem),var(--bg)}button{font:inherit}button:not(:disabled){cursor:pointer}.screen-shell,.game-screen,.result-screen{width:min(1180px,calc(100% - 28px));min-height:100vh;margin:0 auto;padding:28px 0 96px}.screen-header{margin-bottom:24px;text-align:center}.eyebrow{margin:0 0 8px;color:var(--brand-strong);font-size:.82rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}h1,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(2.5rem,9vw,5.4rem);line-height:.9;letter-spacing:-.06em}.subtitle{max-width:620px;margin-inline:auto;color:var(--muted);font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.55}.setup-grid,.games-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.player-count-card,.game-card{min-height:190px;border:4px solid var(--border);border-radius:34px;padding:24px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.player-count-card:hover,.game-card--available:hover{transform:translateY(-5px) rotate(-1deg);border-color:#fdba74;box-shadow:0 28px 80px #7c2d1238}.player-count-card strong{display:block;font-size:clamp(4rem,14vw,7rem);line-height:.85}.player-count-card span,.game-card span{color:var(--brand-strong);font-weight:900;text-transform:uppercase}.game-card{display:flex;flex-direction:column;gap:12px}.game-card strong{font-size:clamp(1.6rem,3vw,2.35rem);line-height:1}.game-card small{color:var(--muted);font-size:1rem;line-height:1.35}.game-card--disabled{opacity:.56}.session-score{position:fixed;right:16px;bottom:16px;left:16px;z-index:10;display:flex;justify-content:center;gap:10px;max-width:760px;margin:0 auto;border:3px solid var(--border);border-radius:999px;padding:10px;background:#ffffffeb;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.player-badge{--player-color: var(--brand);display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid color-mix(in srgb,var(--player-color),white 55%);border-radius:999px;padding:8px 12px;background:color-mix(in srgb,var(--player-color),white 88%);color:var(--ink);font-weight:900;white-space:nowrap}.player-badge--active{border-color:var(--player-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--player-color),transparent 76%)}.player-badge__dot{width:12px;height:12px;border-radius:50%;background:var(--player-color)}.game-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.text-button{border:0;border-radius:999px;padding:12px 16px;background:var(--surface);color:var(--brand-strong);font-weight:900;box-shadow:var(--shadow)}.game-score-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.turn-banner{--player-color: var(--brand);margin-bottom:16px;border:4px solid var(--player-color);border-radius:28px;padding:16px 20px;background:color-mix(in srgb,var(--player-color),white 86%);color:var(--ink);font-size:clamp(1.3rem,4vw,2.35rem);font-weight:900;text-align:center}.board-wrap{--player-color: var(--brand);border:6px solid var(--player-color);border-radius:36px;padding:clamp(12px,3vw,24px);background:#ffffffb8;box-shadow:var(--shadow)}.find-match-board{display:grid;gap:clamp(10px,2vw,16px);perspective:900px}.find-match-board--small{grid-template-columns:repeat(5,minmax(70px,1fr))}.find-match-board--medium,.find-match-board--large{grid-template-columns:repeat(4,minmax(78px,1fr))}.match-card,.match-card-slot{position:relative;display:grid;place-items:center;aspect-ratio:1;min-height:80px;border:0;border-radius:clamp(18px,3vw,28px);transform-style:preserve-3d}.match-card{background:transparent;color:var(--ink)}.match-card[aria-disabled=true]{cursor:default}.match-card__face{position:absolute;inset:0;display:grid;place-items:center;border:4px solid #fdba74;border-radius:inherit;box-shadow:0 14px 30px #7c2d1224;backface-visibility:hidden}.match-card__back{background:radial-gradient(circle at 25% 25%,rgb(255 255 255 / 45%),transparent 24%),linear-gradient(135deg,#fb923c,#facc15);color:#7c2d12;font-size:clamp(2rem,7vw,4rem);font-weight:900}.match-card__front{background:#fff;transform:rotateY(180deg)}.match-card-slot--empty{border:4px dashed rgb(251 146 60 / 35%);background:#ffedd575}.shape-icon{display:block;width:54%;height:54%}.shape-icon--circle{border-radius:50%}.shape-icon--square{border-radius:18%}.shape-icon--triangle{width:0;height:0;border-right:42px solid transparent;border-bottom:72px solid;border-left:42px solid transparent}.shape-icon--diamond{width:46%;height:46%;transform:rotate(45deg);border-radius:12%}.shape-icon--hexagon{clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%)}.shape-icon--text{display:grid;place-items:center;width:auto;height:auto;font-size:clamp(3rem,10vw,6.5rem);font-weight:900;line-height:1}.basketball-court{--player-color: var(--brand);position:relative;min-height:520px;overflow:hidden;border:6px solid var(--player-color);border-radius:36px;padding:clamp(18px,4vw,34px);background:linear-gradient(180deg,rgb(191 219 254 / 72%) 0%,rgb(219 234 254 / 58%) 48%,transparent 48%),linear-gradient(180deg,#fed7aa 48%,#fb923c);box-shadow:var(--shadow)}.basketball-hoop{position:absolute;top:68px;right:clamp(38px,11vw,132px);width:160px;height:150px}.basketball-backboard{position:absolute;top:0;right:0;width:118px;height:82px;border:7px solid #ffffff;border-radius:14px;background:#ffffff70;box-shadow:0 12px 30px #1e40af2e}.basketball-rim{position:absolute;top:72px;right:32px;width:76px;height:18px;border:7px solid #ef4444;border-top:0;border-radius:0 0 999px 999px}.basketball-net{position:absolute;top:92px;right:42px;width:54px;height:56px;border-right:4px dashed rgb(255 255 255 / 86%);border-left:4px dashed rgb(255 255 255 / 86%);transform:perspective(80px) rotateX(18deg)}.basketball-ball{position:absolute;bottom:132px;left:clamp(32px,9vw,110px);display:grid;place-items:center;width:clamp(58px,12vw,92px);height:clamp(58px,12vw,92px);border-radius:50%;font-size:clamp(3.1rem,9vw,5.4rem);filter:drop-shadow(0 18px 16px rgb(124 45 18 / 22%));transform-origin:center}.basketball-shot-feedback{position:absolute;right:clamp(18px,4vw,42px);bottom:154px;left:clamp(18px,4vw,42px);border:4px solid rgb(255 255 255 / 70%);border-radius:24px;padding:14px 18px;background:#ffffffc7;color:var(--ink);font-size:clamp(1.1rem,3vw,1.7rem);font-weight:900;text-align:center}.power-meter{position:absolute;right:clamp(18px,4vw,42px);bottom:92px;left:clamp(18px,4vw,42px);height:26px;border:4px solid #7c2d12;border-radius:999px;background:linear-gradient(90deg,#ef4444 0 43%,#22c55e 43% 57%,#ef4444 57% 100%);box-shadow:inset 0 2px 8px #0000002e}.power-meter__zone{position:absolute;top:-14px;left:43%;width:14%;height:46px;border-radius:999px;background:#ffffff57}.power-meter__marker{position:absolute;top:50%;width:22px;height:44px;border:4px solid #1f2937;border-radius:999px;background:#fff;transform:translate(-50%,-50%);transition:left 40ms linear}.shoot-button{position:absolute;right:clamp(18px,4vw,42px);bottom:22px;left:clamp(18px,4vw,42px);border:0;border-radius:999px;padding:18px 24px;background:#1d4ed8;color:#fff;box-shadow:0 16px 40px #1e40af42;font-size:clamp(1.3rem,4vw,2rem);font-weight:900}.shoot-button:disabled{opacity:.68}.result-screen{display:grid;place-items:center}.result-card{width:min(680px,100%);border:5px solid var(--border);border-radius:38px;padding:clamp(28px,7vw,56px);background:var(--surface);box-shadow:var(--shadow);text-align:center}.result-stats,.tap-hint{color:var(--muted);font-size:1.2rem;line-height:1.5}.tap-hint{margin-bottom:0;font-weight:900}@media(max-width:850px){.setup-grid,.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-topbar{align-items:stretch;flex-direction:column}.game-score-row{justify-content:flex-start}.find-match-board--small,.find-match-board--medium,.find-match-board--large{grid-template-columns:repeat(4,minmax(58px,1fr))}.basketball-court{min-height:500px}}@media(max-width:520px){.screen-shell,.game-screen,.result-screen{width:min(100% - 18px,1180px);padding-top:18px}.setup-grid,.games-grid{grid-template-columns:1fr}.player-count-card,.game-card{min-height:140px}.find-match-board--small,.find-match-board--medium,.find-match-board--large{grid-template-columns:repeat(2,minmax(76px,1fr))}.basketball-hoop{top:48px;right:16px;transform:scale(.78);transform-origin:top right}.basketball-court{min-height:470px}.session-score{overflow-x:auto;justify-content:flex-start}}