.portal-nav{justify-content:flex-start;margin:0 0 8px;padding:0 4px;display:flex}.portal-link{color:#f4b56f;letter-spacing:.1em;background:#080a0dd1;border:1px solid #ef7f1a6b;border-radius:999px;align-items:center;min-height:36px;padding:0 12px;font-size:11px;font-weight:900;text-decoration:none;display:inline-flex}.portal-link:hover{border-color:#ef7f1ad1}.portal-link:focus-visible{outline-offset:3px;outline:3px solid #f4b56f}.piece.opponent .piece-inner{transform:rotate(180deg)}.piece.opponent.holder .piece-inner{transform:rotate(180deg)rotateY(180deg)}.piece .piece-back{padding:14% 10% 18%}.piece .piece-back .piece-label{letter-spacing:0;max-height:72%;font-size:clamp(11px,3vw,16px);line-height:.95;transform:translateY(-8%)}.piece .piece-position-label{color:#fff8e7;letter-spacing:.04em;text-align:center;min-width:18px;text-shadow:none;pointer-events:none;background:#361f0cc7;border-radius:999px;padding:1px 3px;font:900 clamp(7px,1.8vw,9px)/1 system-ui,sans-serif;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.piece .ball-marker{pointer-events:none;border-width:1px;width:14px;height:14px;top:26%;right:12%;box-shadow:0 1px 5px #0000006b}.board-wrap{position:relative}.cell.opponent-preview-source{outline-offset:-4px;outline:3px solid #ff9d2ef2}.cell.opponent-preview-target{outline-offset:-6px;outline:2px dashed #ffd373fa}.opponent-preview-note{z-index:8;color:#ffe4a3;letter-spacing:.08em;pointer-events:none;white-space:nowrap;background:#17110be0;border:1px solid #ffc85ab8;border-radius:999px;padding:.35rem .65rem;font:800 .72rem/1.1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;position:absolute;top:22px;left:50%;transform:translate(-50%)}.opponent-preview-note.hidden{display:none}.score-celebration{z-index:80;opacity:0;pointer-events:none;text-align:center;color:#fff4d6;text-shadow:0 3px #472305ad,0 0 24px #ff9724b8;align-content:center;place-items:center;gap:.3rem;display:grid;position:fixed;inset:0;transform:scale(.72)}.score-celebration:before{content:"";aspect-ratio:1;border:4px solid #ffac3ab8;border-radius:50%;width:min(82vw,360px);position:absolute;box-shadow:0 0 0 14px #ff731c24,0 0 46px #ff8c1f73}.score-celebration strong{letter-spacing:.03em;font-family:Arial Narrow,Impact,sans-serif;font-size:clamp(3rem,18vw,6.5rem);font-style:italic;line-height:.9;position:relative}.score-celebration>span:last-child{letter-spacing:.16em;color:#ffd27a;font:900 clamp(.8rem,3.8vw,1.2rem)/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;position:relative}.score-celebration-ball{aspect-ratio:1;background:linear-gradient(90deg,#0000 46%,#5a2c0b 47% 53%,#0000 54%),linear-gradient(#0000 46%,#5a2c0b 47% 53%,#0000 54%),#ec7e21;border-radius:50%;width:54px;position:relative;box-shadow:inset -8px -9px #70320538,0 7px 20px #00000057}.score-celebration.active{animation:1.25s ease-out both bucket-pop}@keyframes bucket-pop{0%{opacity:0;transform:scale(.55)translateY(20px)}18%{opacity:1;transform:scale(1.12)translateY(0)}42%{opacity:1;transform:scale(1)}78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08)translateY(-12px)}}@media (prefers-reduced-motion:reduce){.score-celebration.active{animation:.8s both bucket-fade}@keyframes bucket-fade{0%,15%{opacity:0}25%,75%{opacity:1}to{opacity:0}}}.cell.steal-target{outline-offset:-4px;outline:3px solid #ff4d2e;box-shadow:inset 0 0 0 3px #ffd94f80,inset 0 0 24px #ff4d2e7a}.cell.steal-target:after{content:"STEAL";z-index:8;color:#ffe36e;letter-spacing:.08em;pointer-events:none;background:#2a0a06d6;border-radius:.2rem;padding:.08rem .2rem;font:900 .48rem/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;position:absolute;bottom:.12rem;right:.15rem}.cell.turnover-holder{box-shadow:inset 0 0 0 3px #ffe366db,inset 0 0 26px #ff5b2a6b}.turnover-holder-piece{filter:drop-shadow(0 0 8px #ffdc4af2)}.steal-celebration{z-index:82;opacity:0;pointer-events:none;text-align:center;color:#fff7d2;text-shadow:0 3px #421107b3,0 0 28px #ff5622d1;background:radial-gradient(circle,#ff60243d,#0000 46%);align-content:center;place-items:center;gap:.45rem;display:grid;position:fixed;inset:0;transform:scale(.82)}.steal-celebration:before,.steal-celebration:after{content:"";background:linear-gradient(90deg,#0000,#ffe252f2,#0000);width:min(88vw,390px);height:4px;position:absolute;box-shadow:0 0 24px #ff4a20db}.steal-celebration:before{transform:translateY(-3.6rem)rotate(-4deg)}.steal-celebration:after{transform:translateY(3.6rem)rotate(4deg)}.steal-celebration strong{letter-spacing:.035em;font-family:Arial Narrow,Impact,sans-serif;font-size:clamp(3.4rem,20vw,7rem);font-style:italic;line-height:.86;position:relative}.steal-celebration>span{letter-spacing:.28em;color:#ffe45e;font:900 clamp(.85rem,4vw,1.25rem)/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;position:relative}.steal-celebration.active{animation:1.1s ease-out both steal-flash}@keyframes steal-flash{0%{opacity:0;transform:scale(.7)translate(-10px)}15%{opacity:1;transform:scale(1.1)translate(7px)}27%{transform:scale(1)translate(-4px)}40%,76%{opacity:1;transform:scale(1)translate(0)}to{opacity:0;transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.turnover-holder-piece{filter:none}.steal-celebration.active{animation:.8s both steal-fade}@keyframes steal-fade{0%,15%{opacity:0;transform:none}25%,75%{opacity:1;transform:none}to{opacity:0;transform:none}}}