.game-wrap:where(.astro-s3op7iat){border:3px solid #7b4bb7;border-radius:20px;padding:1.1rem 1rem 1.25rem;background:linear-gradient(145deg,#fff4b8,#ffc8e8 45%,#b8f0ff);max-width:400px;margin:0 auto;text-align:center;box-shadow:0 10px 24px #5a328c33;transition:background .4s ease,border-color .4s ease}.game-wrap:where(.astro-s3op7iat).x-win{border-color:#2b7fd4;background:linear-gradient(145deg,#e8f4ff,#cce8ff,#fff9c9)}.game-wrap:where(.astro-s3op7iat).o-win{border-color:#e85d04;background:linear-gradient(145deg,#fff0e0,#ffd4a8,#ffe8f5)}.game-wrap:where(.astro-s3op7iat).draw{border-color:#6a5acd;background:linear-gradient(145deg,#f0eeff,#e8ffe8,#fff4c9)}.game-wrap:where(.astro-s3op7iat) h2:where(.astro-s3op7iat){margin:0 0 .25rem;color:#4a2878;font-size:1.65rem}.tagline:where(.astro-s3op7iat){margin:0 0 .5rem;font-size:1.05rem;font-weight:700;color:#5c3d8f}.tagline:where(.astro-s3op7iat) strong:where(.astro-s3op7iat){font-size:1.15rem}.scoreboard:where(.astro-s3op7iat){display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap;margin:0 0 .5rem;font-weight:800;font-size:.95rem}.score-pill:where(.astro-s3op7iat){display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .55rem;border-radius:999px;background:#fffc;border:2px solid #9b6fd4}.score-pill:where(.astro-s3op7iat).score-x{border-color:#74c0fc;color:#1864ab}.score-pill:where(.astro-s3op7iat).score-o{border-color:#ffa94d;color:#c2410c}.score-pill:where(.astro-s3op7iat).score-draw{color:#5c3d8f}.score-mark:where(.astro-s3op7iat){display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.35rem;border-radius:6px;font-size:.95rem;line-height:1;color:#fff}.score-x:where(.astro-s3op7iat) .score-mark:where(.astro-s3op7iat){background:#1c7ed6}.score-o:where(.astro-s3op7iat) .score-mark:where(.astro-s3op7iat){background:#e8590c}.rules:where(.astro-s3op7iat){margin:0 0 .55rem;padding:.4rem .55rem;font-size:.9rem;line-height:1.35;font-weight:600;color:#4a2878;background:#ffffffa6;border-radius:10px;border:1px dashed #9b6fd4}.turn-badge:where(.astro-s3op7iat){display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .65rem;padding:.35rem .9rem;border-radius:999px;background:#ffffffbf;border:2px solid #9b6fd4;font-weight:800}.turn-label:where(.astro-s3op7iat){font-size:.95rem;color:#5c3d8f}.turn-player:where(.astro-s3op7iat){display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .35rem;border-radius:10px;font-size:1.45rem;line-height:1}.turn-player:where(.astro-s3op7iat).x{color:#fff;background:linear-gradient(180deg,#4dabf7,#1c7ed6);box-shadow:0 3px #1864ab}.turn-player:where(.astro-s3op7iat).o{color:#fff;background:linear-gradient(180deg,#ff922b,#e8590c);box-shadow:0 3px #c2410c}.game-board:where(.astro-s3op7iat){display:grid;grid-template-columns:repeat(3,minmax(88px,1fr));gap:10px;max-width:300px;margin:0 auto;padding:12px;border-radius:18px;background:linear-gradient(135deg,#9b6fd4,#ff6b9d,#4dabf7);box-shadow:inset 0 2px 8px #0000001f}.tile:where(.astro-s3op7iat){all:unset;box-sizing:border-box;width:100%;aspect-ratio:1 / 1;background:#fffef8;border:3px solid #fff;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:clamp(2.2rem,9vw,2.75rem);font-weight:800;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 5px #0000001f}.tile:where(.astro-s3op7iat):hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px #00000024}.tile:where(.astro-s3op7iat):active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #0000001f}.tile:where(.astro-s3op7iat).x{color:#1864ab;background:linear-gradient(180deg,#e7f5ff,#d0ebff);border-color:#74c0fc}.tile:where(.astro-s3op7iat).o{color:#c2410c;background:linear-gradient(180deg,#fff4e6,#ffe8cc);border-color:#ffa94d}.tile:where(.astro-s3op7iat).winner{animation:win-pop .55s ease;background:linear-gradient(180deg,#b2f2bb,#69db7c)!important;border-color:#2f9e44!important;color:#0b3d1d!important;box-shadow:0 0 0 4px #ffe066,0 5px #00000026}@keyframes win-pop{0%{transform:scale(.92)}55%{transform:scale(1.06)}to{transform:scale(1)}}.status:where(.astro-s3op7iat){min-height:1.75rem;margin:.75rem 0 .5rem;font-size:1.35rem;font-weight:800;color:#4a2878}.game-wrap:where(.astro-s3op7iat).x-win .status:where(.astro-s3op7iat){color:#1864ab}.game-wrap:where(.astro-s3op7iat).o-win .status:where(.astro-s3op7iat){color:#c2410c}.reset-btn:where(.astro-s3op7iat){padding:.55rem 1.35rem;background:linear-gradient(180deg,#9775fa,#7950f2);color:#fff;border:2px solid #5f3dc4;border-radius:999px;font-size:1.1rem;font-weight:800;cursor:pointer;box-shadow:0 4px #5f3dc4;transition:transform .15s ease,box-shadow .15s ease}.reset-btn:where(.astro-s3op7iat):hover{background:linear-gradient(180deg,#b197fc,#9775fa)}.reset-btn:where(.astro-s3op7iat):active{transform:translateY(3px);box-shadow:0 1px #5f3dc4}