:root{--ink:#030617;--panel:#09122be8;--cyan:#41eaff;--blue:#1686ff;--violet:#a84cff;--pink:#ff4fd8;--gold:#ffd34d;--white:#eefcff;--rx:0deg;--ry:0deg}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden;background:var(--ink);color:var(--white);font-family:Arial,sans-serif}button{font:inherit;color:inherit}.stars{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 20%,#5524a844,transparent 24%),radial-gradient(circle at 80% 65%,#0079bd33,transparent 28%),radial-gradient(#fff 0 1px,transparent 1.5px) 0 0/53px 53px,radial-gradient(#42eaff 0 1px,transparent 1.5px) 15px 22px/79px 79px,linear-gradient(145deg,#05081d,#0a1230 52%,#130625);animation:starDrift 20s linear infinite}.stars:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 89px,#5cecff08 90px)}.topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(18px,4vw,54px);border-bottom:1px solid #5eefff44;background:#05091bd8;backdrop-filter:blur(18px)}.brand small,.first-to small,.score-card small,.winner-card small{color:#8aa9c7;font:900 8px monospace;letter-spacing:.2em}.brand h1{margin:5px 0 0;font:900 clamp(28px,4.5vw,58px)/.85 Impact;letter-spacing:.035em}.brand h1 span{color:var(--cyan);text-shadow:0 0 22px #33ddff}.top-actions{display:flex;gap:8px}.top-actions button,.reset{padding:11px 14px;border:1px solid #4c7199;background:#0a1730dd;font:900 9px monospace;letter-spacing:.1em;cursor:pointer}.top-actions button:hover,.reset:hover{border-color:var(--cyan);box-shadow:0 0 20px #41eaff44}main{position:relative;z-index:2;padding:22px 15px 42px}.score-rig{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:10px;width:min(940px,96vw);margin:auto}.score-card{display:flex;align-items:center;justify-content:space-between;min-width:0;padding:10px 16px;border:1px solid #315a84;background:linear-gradient(105deg,#071229e8,#0d2344c9);clip-path:polygon(0 0,96% 0,100% 20%,100% 100%,4% 100%,0 80%)}.score-card>i{width:78px;height:78px;background:center/contain no-repeat;filter:drop-shadow(0 0 16px currentColor)}.x-side>i{background-image:url('assets/x-prisma.png')}.o-side>i{background-image:url('assets/o-portal.png')}.score-card div{display:grid;justify-items:start}.o-side div{justify-items:end}.score-card b{font:900 42px/1 Impact}.x-side{color:var(--cyan)}.o-side{color:#ef78ff}.score-card.active{border-color:currentColor;box-shadow:inset 0 0 30px #51e8ff1c,0 0 20px #51e8ff22}.first-to{display:grid;place-content:center;min-width:155px;padding:8px 20px;text-align:center;border-block:1px solid #7654bf;background:#0d0d2ddd}.first-to b{color:var(--gold);font:900 16px Impact;letter-spacing:.08em}.first-to span{font:900 8px monospace}.pips{display:flex;gap:5px;margin-top:5px}.pips em{width:24px;height:5px;transform:skewX(-22deg);background:#ffffff20}.pips em.on{background:currentColor;box-shadow:0 0 10px currentColor}.arena{display:grid;justify-items:center;margin-top:18px}.status{display:flex;align-items:center;gap:12px;min-width:min(480px,90vw);padding:10px 18px;border:1px solid #567ba0;background:#061129e8;justify-content:center;font:900 10px monospace;letter-spacing:.12em}.status i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:pulse 1s infinite}.board-shell{position:relative;width:min(59vh,570px,92vw);aspect-ratio:1;margin:18px;transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .18s ease-out}.board-shell:before{content:"";position:absolute;z-index:-1;inset:-18px;background:conic-gradient(from 45deg,var(--cyan),#173bff,var(--violet),var(--pink),var(--gold),var(--cyan));clip-path:polygon(7% 0,93% 0,100% 7%,100% 93%,93% 100%,7% 100%,0 93%,0 7%);filter:blur(13px);opacity:.52;animation:hueSpin 8s linear infinite}.board{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;border:1px solid #78edff;background:linear-gradient(135deg,#0b1c3bf2,#160d36f2);box-shadow:inset 0 0 65px #247bff22,0 30px 70px #000b;clip-path:polygon(6% 0,94% 0,100% 6%,100% 94%,94% 100%,6% 100%,0 94%,0 6%)}.cell{position:relative;overflow:hidden;border:1px solid #6286b088;background:radial-gradient(circle at 50% 35%,#1a3154,#081128 72%);cursor:pointer;transition:.16s;transform:translateZ(12px)}.cell:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff0 35%,#7debff22 50%,#fff0 65%);translate:-130% 0;transition:.35s}.cell:hover:not(:disabled){border-color:#bdf9ff;transform:translateZ(22px) scale(.97);box-shadow:inset 0 0 25px #4eeaff30}.cell:hover:before{translate:130% 0}.cell:disabled{cursor:default}.cell.x,.cell.o{background-position:center;background-size:88%;background-repeat:no-repeat;animation:pieceLand .36s cubic-bezier(.18,.8,.25,1.45)}.cell.x{background-image:url('assets/x-prisma.png');filter:drop-shadow(0 0 10px #22d8ff)}.cell.o{background-image:url('assets/o-portal.png');filter:drop-shadow(0 0 10px #d04cff)}.cell.win{border-color:var(--gold);animation:winnerCell .62s ease-in-out infinite alternate}.corner{position:absolute;z-index:5;width:44px;height:44px;border-color:#fff3a5;border-style:solid;pointer-events:none;filter:drop-shadow(0 0 8px #ffd84d)}.c1{left:-5px;top:-5px;border-width:3px 0 0 3px}.c2{right:-5px;top:-5px;border-width:3px 3px 0 0}.c3{right:-5px;bottom:-5px;border-width:0 3px 3px 0}.c4{left:-5px;bottom:-5px;border-width:0 0 3px 3px}.win-beam{position:absolute;z-index:6;left:50%;top:50%;width:82%;height:10px;border-radius:50%;translate:-50% -50%;background:#fff;box-shadow:0 0 10px #fff,0 0 35px var(--gold),0 0 75px var(--gold);opacity:0;pointer-events:none;transform-origin:center}.win-beam.show{opacity:1;animation:beamIn .42s}.tip{margin:0;color:#6e8fab;font:900 8px monospace;letter-spacing:.12em;text-align:center}.reset{margin-top:12px}.round-burst{position:fixed;z-index:20;left:50%;top:50%;translate:-50% -50%;pointer-events:none;opacity:0}.round-burst span{display:block;padding:16px 26px;border:1px solid #fff2a0;background:#090d25e8;color:var(--gold);font:900 clamp(38px,8vw,88px)/.9 Impact;white-space:nowrap;text-shadow:0 0 20px #ffbe35}.round-burst.show{animation:roundBurst 1.4s}.grand-finale{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;overflow:hidden;background:radial-gradient(circle,#3c1a6db8,#030515f5);backdrop-filter:blur(10px)}.grand-finale[hidden]{display:none}.winner-card{position:relative;z-index:4;width:min(620px,94vw);padding:34px;text-align:center;border:1px solid #fff0a5;background:#080e25e8;box-shadow:0 0 100px #8b4eff88;clip-path:polygon(7% 0,93% 0,100% 10%,100% 90%,93% 100%,7% 100%,0 90%,0 10%)}.champion-piece{width:150px;height:150px;margin:auto;background:center/contain no-repeat;filter:drop-shadow(0 0 25px #fff)}.champion-piece.x{background-image:url('assets/x-prisma.png')}.champion-piece.o{background-image:url('assets/o-portal.png')}.winner-card h2{margin:5px;font:900 clamp(55px,11vw,115px)/.78 Impact;color:var(--gold);text-shadow:0 0 28px #ffb73e}.winner-card p{font-weight:800;color:#b9cde0}.winner-card button{padding:15px 28px;border:1px solid #fff2a0;background:linear-gradient(100deg,#ffd64d,#ff7acb);color:#11152c;font:900 16px Impact;cursor:pointer}.confetti-field{position:absolute;inset:0}.confetti-field i{position:absolute;inset:-30%;background:url('assets/confeti-prisma.png') center/45% auto repeat;opacity:0;animation:confettiFall 4.2s linear infinite}.confetti-field i:nth-child(2){animation-delay:-.7s;rotate:35deg;scale:.7}.confetti-field i:nth-child(3){animation-delay:-1.4s;rotate:-30deg;scale:.55}.confetti-field i:nth-child(4){animation-delay:-2.1s;translate:22% 0;scale:.8}.confetti-field i:nth-child(5){animation-delay:-2.8s;translate:-20% 0;scale:.6}.confetti-field i:nth-child(6){animation-delay:-3.5s;rotate:90deg;scale:.45}@keyframes starDrift{to{background-position:0 0,0 0,53px 53px,94px 101px,0 0}}@keyframes pulse{50%{scale:1.7;opacity:.45}}@keyframes hueSpin{to{filter:blur(13px) hue-rotate(360deg)}}@keyframes pieceLand{0%{scale:.15;rotate:-20deg;opacity:0}70%{scale:1.12;rotate:6deg}100%{scale:1;rotate:0}}@keyframes winnerCell{to{filter:brightness(1.45) drop-shadow(0 0 22px var(--gold));transform:translateZ(30px) scale(.94)}}@keyframes beamIn{from{scale:0 1}to{scale:1 1}}@keyframes roundBurst{0%{opacity:0;scale:.25}20%,70%{opacity:1;scale:1}100%{opacity:0;scale:1.5}}@keyframes confettiFall{0%{opacity:0;translate:0 -35%}12%{opacity:1}100%{opacity:1;translate:0 55%;rotate:90deg}}@media(max-width:700px){.topbar{padding:12px}.brand small{display:none}.brand h1{font-size:30px}.top-actions button{padding:8px;font-size:7px}.score-rig{grid-template-columns:1fr 96px 1fr}.score-card{padding:6px}.score-card>i{width:47px;height:47px}.score-card b{font-size:30px}.first-to{min-width:0;padding:4px}.first-to b{font-size:11px}.board-shell{width:min(92vw,52vh);margin:14px}.board{gap:5px;padding:8px}.tip{max-width:90vw;line-height:1.5}.pips em{width:15px}.winner-card{padding:24px 15px}.champion-piece{width:110px;height:110px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}