.board-stage,.student-board-card.board-focus{perspective:1250px}.yut-board.active-board{isolation:isolate;box-sizing:border-box;padding:7px;border:7px solid #8b572b;border-radius:22px;background:radial-gradient(circle at 46% 38%,rgba(255,225,157,.12),transparent 36%),repeating-linear-gradient(92deg,rgba(255,255,255,.025) 0 3px,transparent 3px 28px),linear-gradient(145deg,#263b55,#111d33 62%,#0a1427);box-shadow:inset 0 0 0 3px rgba(255,225,168,.22),inset 13px 15px 30px rgba(255,255,255,.04),inset -18px -20px 32px rgba(0,0,0,.3),0 10px 0 #4d2b16,0 17px 0 #27150c,0 28px 38px rgba(0,0,0,.48);transform:perspective(1250px) rotateX(7deg) rotate(-.7deg);transform-origin:50% 58%;transform-style:preserve-3d}.yut-board.active-board:before{content:"";position:absolute;inset:3.2%;z-index:-1;border:1px solid rgba(255,231,184,.13);border-radius:14px;box-shadow:inset 0 0 28px rgba(0,0,0,.32);pointer-events:none}.yut-board .board-grid{border-width:5px;border-color:#c89859;box-shadow:inset 0 0 0 2px rgba(255,231,181,.25),0 4px 0 #6a3b1d,0 7px 9px rgba(0,0,0,.34)}.yut-board .board-line{height:5px;border-radius:999px;background:linear-gradient(180deg,#e3bb79,#8a5329);box-shadow:0 4px 0 #4c2c17,0 7px 8px rgba(0,0,0,.3)}.yut-board .board-node{border-color:#f3d99f;background:radial-gradient(circle at 34% 25%,#63748b 0 13%,#324158 38%,#151f34 100%);box-shadow:inset 3px 4px 4px rgba(255,255,255,.18),inset -4px -5px 6px rgba(0,0,0,.34),0 5px 0 #6f4a28,0 9px 10px rgba(0,0,0,.45)}.yut-board .board-node.major{background:radial-gradient(circle at 34% 25%,#fff5d7,#dcb878 62%,#9a6734 100%);box-shadow:inset 4px 5px 6px rgba(255,255,255,.55),inset -5px -6px 7px rgba(78,38,14,.25),0 7px 0 #70431f,0 12px 13px rgba(0,0,0,.48)}.yut-board .board-item{box-shadow:inset 2px 2px 0 rgba(255,255,255,.35),4px 7px 0 rgba(0,0,0,.38),7px 12px 12px rgba(0,0,0,.3)!important}.yut-board .team-piece{border-width:4px;box-shadow:inset 3px 4px 4px rgba(255,255,255,.42),inset -4px -5px 5px rgba(0,0,0,.24),0 6px 0 #111a2c,0 11px 13px rgba(0,0,0,.5)}.yut-board .team-piece.active{box-shadow:inset 3px 4px 4px rgba(255,255,255,.45),inset -4px -5px 5px rgba(0,0,0,.22),0 6px 0 #10182a,0 0 0 6px rgba(255,255,255,.16),0 13px 16px rgba(0,0,0,.56)}.yut-board .board-center{border-radius:18px;background:linear-gradient(145deg,#fff3ce,#d7ab66);box-shadow:inset 5px 6px 7px rgba(255,255,255,.62),inset -6px -7px 8px rgba(83,41,16,.22),0 8px 0 #67401f,0 14px 16px rgba(0,0,0,.46)}.undo-move-button{width:100%;min-height:58px;margin-top:11px;padding:8px 14px;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;border:2px solid #ff9a72;border-radius:12px;color:#64230f;background:linear-gradient(135deg,#fff4ea,#ffd8c6);box-shadow:0 5px 0 #d77a57,0 9px 16px rgba(84,35,16,.18);cursor:pointer}.undo-move-button>span{grid-row:1/3;display:grid;place-items:center;font-size:31px;font-weight:1000}.undo-move-button>b{align-self:end;text-align:left;font-size:16px}.undo-move-button>small{align-self:start;text-align:left;font-size:12px!important;font-weight:800;opacity:.68}.undo-move-button:active{transform:translateY(3px);box-shadow:0 2px 0 #d77a57}.teacher-controls{grid-template-columns:auto auto 1fr auto}.teacher-controls .undo-teacher{color:#792b13;border-color:#ff9b73;background:#fff0e8}.teacher-controls .undo-teacher small{margin-left:5px;font-size:11px!important}.teacher-controls .undo-teacher:disabled{color:#8b929b;border-color:#d9dcdf;background:#eceeec;opacity:.62;cursor:not-allowed}.reward-meter{height:29px;margin-bottom:7px;overflow:visible;border:3px solid #f2f3ef;border-radius:8px;background:#dfe3e4}.reward-meter>i{position:absolute;inset:0 auto 0 0;z-index:1;opacity:.72;border-radius:5px}.reward-zone{position:absolute;top:0;z-index:2;height:100%;display:grid;place-items:center;box-sizing:border-box;border-right:2px solid rgba(255,255,255,.8);color:#18243d;background:rgba(255,255,255,.2);font:normal 1000 11px/1 Arial,sans-serif;pointer-events:none}.reward-zone.item{color:white;background:rgba(115,75,190,.32)}.reward-zone.reward-65{background:rgba(255,190,57,.28)}.reward-zone.reward-85{color:#24310b;background:rgba(199,255,74,.4)}.power-cursor{width:4px;height:39px;position:absolute;z-index:4;top:-7px;border-radius:4px;background:#fff;box-shadow:0 0 0 2px #17223b,0 0 9px rgba(255,255,255,.95);transform:translateX(-50%);transition:left 45ms linear}.power-reward-preview{min-height:38px;margin:0 0 12px;padding:7px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #dadddd;border-radius:9px;color:#727b87;background:#f1f2ef}.power-reward-preview b{font-size:14px}.power-reward-preview span{text-align:right;font-size:11px!important;font-weight:800}.power-reward-preview.score{color:#5a3e08;border-color:#f0bd42;background:#fff3c7}.power-reward-preview.item{color:#432671;border-color:#a889d9;background:#f1e9ff}@media (max-width:760px){.yut-board.active-board{border-width:5px;border-radius:17px;box-shadow:inset 0 0 0 2px rgba(255,225,168,.2),0 7px 0 #4d2b16,0 12px 0 #27150c,0 20px 24px rgba(0,0,0,.42);transform:perspective(1000px) rotateX(4deg) rotate(-.45deg) scale(.95)}.teacher-controls{grid-template-columns:1fr 1fr}.teacher-controls .item-only-note{grid-column:1/3}.reward-zone{font-size:9px}.power-reward-preview{align-items:flex-start;flex-direction:column;gap:2px}.power-reward-preview span{text-align:left}}@media (max-width:390px){.reward-zone{font-size:8px}.undo-move-button>b{font-size:15px}}@media (prefers-reduced-motion:reduce){.power-cursor{transition:none}.undo-move-button:active{transform:none}}.board-mode-toggle{display:inline-grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px;border:1px solid rgba(23,34,59,.17);border-radius:12px;background:#e8ebe9;box-shadow:inset 0 1px 3px rgba(0,0,0,.08)}.board-mode-toggle button{min-width:62px;min-height:38px;padding:0 11px;border:0;border-radius:8px;color:#68717d;background:transparent;font-size:14px;font-weight:1000;cursor:pointer}.board-mode-toggle button span{margin-right:3px;font-size:13px}.board-mode-toggle button.active{color:white;background:#17223b;box-shadow:0 3px 7px rgba(17,27,48,.28)}.board-mode-toggle button:focus-visible{outline:3px solid #55c8ff;outline-offset:2px}.teacher-board-mode{position:absolute;z-index:15;right:17px;top:16px;padding:7px;border:1px solid rgba(255,255,255,.17);border-radius:13px;background:rgba(9,19,36,.84);box-shadow:0 8px 20px rgba(0,0,0,.28);backdrop-filter:blur(8px)}.teacher-board-mode>small{display:block;margin:0 0 5px 4px;color:#aeb9c9;font-size:10px!important;font-weight:900;letter-spacing:.1em}.teacher-board-mode .board-mode-toggle{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.1)}.teacher-board-mode .board-mode-toggle button{color:#d9e0ea}.teacher-board-mode .board-mode-toggle button.active{color:#17223b;background:#c7ff4a}.student-board-mode{margin-top:13px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #d9dddc;border-radius:12px;background:#f0f2ef}.student-board-mode>span{display:flex;flex-direction:column}.student-board-mode>span small{color:#858d98;font-size:10px!important;font-weight:900;letter-spacing:.08em}.student-board-mode>span strong{margin-top:2px;font-size:15px}.yut-board.active-board{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease,border-width .4s ease,background .4s ease}.yut-board.active-board.board-2d{border:4px solid #d3a766;border-radius:16px;background:radial-gradient(circle at center,rgba(91,125,160,.14),transparent 43%),linear-gradient(145deg,#203650,#101e35);box-shadow:0 8px 18px rgba(0,0,0,.25);transform:none}.yut-board.board-2d:before{border-radius:10px;box-shadow:none}.yut-board.board-2d .board-grid{border-width:3px;box-shadow:none}.yut-board.board-2d .board-line{height:3px;box-shadow:none}.yut-board.board-2d .board-center,.yut-board.board-2d .board-node,.yut-board.board-2d .board-node.major,.yut-board.board-2d .team-piece,.yut-board.board-2d .team-piece.active{box-shadow:0 3px 7px rgba(0,0,0,.3)}.yut-board.board-2d .board-item{box-shadow:2px 3px 0 rgba(0,0,0,.28)!important}.yut-board.board-3d{transform:perspective(1250px) rotateX(7deg) rotate(-.7deg)}@media (max-width:760px){.teacher-board-mode{right:9px;top:9px;padding:5px}.teacher-board-mode>small{display:none}.board-mode-toggle button{min-width:54px;min-height:36px;padding:0 8px;font-size:13px}.student-board-mode{margin-top:10px}.yut-board.active-board.board-2d{transform:scale(.95)}.yut-board.active-board.board-3d{transform:perspective(1000px) rotateX(4deg) rotate(-.45deg) scale(.95)}}@media (max-width:390px){.student-board-mode>span strong{font-size:14px}.board-mode-toggle button{min-width:50px;min-height:34px}}@media (prefers-reduced-motion:reduce){.yut-board.active-board{transition:none}}.sr-only{width:1px;height:1px;position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.yut-board.board-3d{border-width:10px;border-color:#b87435;background:radial-gradient(circle at 48% 40%,rgba(91,198,255,.22),transparent 28%),repeating-linear-gradient(92deg,rgba(255,255,255,.04) 0 3px,transparent 3px 25px),linear-gradient(145deg,#31536f,#152a45 53%,#071329);box-shadow:inset 0 0 0 4px #e2a75c,inset 0 0 0 7px rgba(77,37,14,.55),inset 17px 18px 30px rgba(255,255,255,.08),inset -24px -28px 38px rgba(0,0,0,.48),0 12px 0 #7a421e,0 24px 0 #45230f,0 34px 0 #231108,0 48px 54px rgba(0,0,0,.66);transform:perspective(1100px) rotateX(13deg) rotate(-.8deg) translateY(-5px);transform-style:preserve-3d}.board-depth-layer{position:absolute;display:none;pointer-events:none}.board-3d .board-depth-layer{display:block}.board-3d .depth-back{inset:5.2%;z-index:-3;border:8px solid #3b210f;border-radius:15px;background:#101b30;box-shadow:0 26px 30px rgba(0,0,0,.45);transform:translateZ(-32px)}.board-3d .depth-mid{inset:6.7%;z-index:-2;border:4px solid #815027;border-radius:12px;background:linear-gradient(145deg,rgba(255,222,158,.1),transparent 42%);transform:translateZ(-13px)}.board-terrain{display:none}.board-3d .board-terrain{position:absolute;inset:0;z-index:0;display:block;pointer-events:none;transform-style:preserve-3d}.board-3d .board-terrain i{width:8.5%;aspect-ratio:1;position:absolute;border:3px solid rgba(255,230,178,.5);border-radius:32% 68% 38% 62%;background:radial-gradient(circle at 30% 22%,#70996a,#315746 56%,#173226 100%);box-shadow:inset 4px 4px 5px rgba(255,255,255,.18),0 8px 0 #173124,0 14px 16px rgba(0,0,0,.38);transform:translateZ(18px)}.board-3d .board-terrain i:first-child{left:20%;top:43%;transform:translateZ(18px) rotate(17deg) scale(.8)}.board-3d .board-terrain i:nth-child(2){right:20%;top:42%;transform:translateZ(20px) rotate(-14deg) scale(.66)}.board-3d .board-terrain i:nth-child(3){left:43%;top:19%;transform:translateZ(16px) rotate(30deg) scale(.58)}.board-3d .board-terrain i:nth-child(4){left:43%;bottom:18%;transform:translateZ(19px) rotate(-23deg) scale(.72)}.board-3d .board-grid{transform:translateZ(23px);box-shadow:inset 0 0 0 3px rgba(255,231,181,.25),0 7px 0 #71401d,0 13px 13px rgba(0,0,0,.48)}.board-3d .board-line{transform-style:preserve-3d}.board-3d .diagonal-a{transform:rotate(45deg) translateZ(25px)}.board-3d .diagonal-b{transform:rotate(-45deg) translateZ(25px)}.board-3d .board-node{transform:translate(-50%,-50%) translateZ(37px);box-shadow:inset 5px 5px 7px rgba(255,255,255,.24),inset -6px -8px 8px rgba(0,0,0,.4),0 8px 0 #8d572b,0 14px 0 #4d2b16,0 20px 18px rgba(0,0,0,.55)}.board-3d .board-node.major{transform:translate(-50%,-50%) translateZ(44px);box-shadow:inset 6px 7px 8px rgba(255,255,255,.62),inset -7px -9px 9px rgba(78,38,14,.32),0 10px 0 #9b622f,0 18px 0 #5a3219,0 25px 22px rgba(0,0,0,.58)}.board-3d .board-center{transform:translate(-50%,-50%) translateZ(50px) rotate(-3deg) rotateX(-8deg);border-width:6px;box-shadow:inset 7px 8px 9px rgba(255,255,255,.7),inset -8px -10px 10px rgba(83,41,16,.3),0 12px 0 #8a5829,0 22px 0 #4d2b16,0 29px 28px rgba(0,0,0,.58)}.board-3d .board-item{transform:rotate(-7deg) translateZ(18px)}.board-3d .start-direction{transform:translateZ(50px) rotateX(-8deg)}.board-3d .board-legend{transform:translateZ(35px) rotateX(-8deg)}.yut-board .team-piece{overflow:visible;padding:0;border:0;color:inherit;background:transparent!important;box-shadow:none;isolation:isolate}.board-3d .team-piece{transform:translate(-50%,-50%) translateZ(72px) rotateX(-10deg);filter:drop-shadow(0 13px 8px rgba(0,0,0,.55))}.mascot-token{width:46px;height:52px;position:absolute;left:50%;top:50%;display:block;transform:translate(-50%,-62%)}.mascot-token:after{content:"";width:34px;height:12px;position:absolute;bottom:-3px;z-index:-2;border:3px solid rgba(255,255,255,.76);border-radius:50%;background:linear-gradient(180deg,#65728a,#202b41);box-shadow:0 5px 0 #0b1323,0 9px 9px rgba(0,0,0,.45)}.mascot-head{width:42px;height:40px;position:absolute;left:2px;top:5px;z-index:2;display:block;border:3px solid rgba(255,255,255,.88);border-radius:48% 52% 45% 48%;background:var(--mascot-body);box-shadow:inset 7px 7px 8px rgba(255,255,255,.42),inset -8px -9px 10px rgba(38,16,14,.24),0 5px 0 var(--mascot-dark),0 9px 10px rgba(0,0,0,.4)}.mascot-head:before{content:"";width:18px;height:10px;position:absolute;left:9px;top:19px;border-radius:50%;background:rgba(255,255,255,.19)}.mascot-eye{width:9px;height:11px;position:absolute;top:10px;z-index:4;border:2px solid white;border-radius:50%;background:#111827;box-shadow:inset 2px 2px 0 rgba(255,255,255,.75)}.mascot-eye.eye-left{left:8px;transform:rotate(7deg)}.mascot-eye.eye-right{right:8px;transform:rotate(-7deg)}.mascot-mouth{width:11px;height:5px;position:absolute;left:13px;bottom:7px;z-index:4;border:2px solid #2b1720;border-top:0;border-radius:0 0 10px 10px}.mascot-ear{width:17px;height:24px;position:absolute;top:-4px;display:block;border:3px solid rgba(255,255,255,.8);border-radius:70% 30% 60% 40%;background:var(--mascot-body);box-shadow:inset 4px 4px 4px rgba(255,255,255,.3),0 4px 0 var(--mascot-dark)}.mascot-ear.ear-left{left:2px;transform:rotate(-28deg)}.mascot-ear.ear-right{right:2px;transform:scaleX(-1) rotate(-28deg)}.mascot-aura{width:52px;height:52px;position:absolute;left:-3px;top:0;z-index:-1;display:block;border-radius:50%;background:radial-gradient(circle,var(--mascot-glow),transparent 68%);filter:blur(3px)}.mascot-badge{min-width:18px;height:18px;padding:0 3px;position:absolute;right:-4px;bottom:-1px;z-index:6;display:grid;place-items:center;box-sizing:border-box;border:2px solid white;border-radius:999px;color:white;background:#17223b;font:1000 10px/1 Arial,sans-serif;box-shadow:0 3px 0 #080e1c}.team-piece.coral{--mascot-body:linear-gradient(145deg,#ff9b69,#ef4f35 58%,#b32224);--mascot-dark:#86191d;--mascot-glow:rgba(255,94,52,.65)}.team-piece.lime{--mascot-body:linear-gradient(145deg,#dcff72,#72c948 58%,#278747);--mascot-dark:#146337;--mascot-glow:rgba(154,255,88,.58)}.team-piece.blue{--mascot-body:linear-gradient(145deg,#a4efff,#46bce8 56%,#2777c6);--mascot-dark:#18539c;--mascot-glow:rgba(69,202,255,.7)}.team-piece.purple{--mascot-body:linear-gradient(145deg,#d6a7ff,#8d55cf 56%,#573095);--mascot-dark:#402276;--mascot-glow:rgba(176,97,255,.65)}.team-piece.coral .mascot-ear{height:28px;top:-8px;border-radius:90% 12% 70% 30%}.team-piece.lime .mascot-ear{width:15px;height:27px;top:-9px;border-radius:90% 12% 90% 12%;background:linear-gradient(145deg,#e8ff8b,#50b94e)}.team-piece.blue .mascot-ear{width:19px;height:19px;top:0;border-radius:10% 85% 24% 76%}.team-piece.blue .mascot-mouth{width:12px;height:8px;left:13px;bottom:5px;border:0;border-radius:50% 50% 65% 35%;background:#ffd354;transform:rotate(-4deg)}.team-piece.purple .mascot-ear{width:14px;height:26px;top:-7px;border-radius:50% 50% 15% 85%}.team-piece.selected-piece .mascot-token{animation:mascot-ready .65s ease-in-out infinite alternate}.team-piece.active .mascot-aura{animation:mascot-glow 1s ease-in-out infinite alternate}.team-piece.finished-piece .mascot-token{filter:grayscale(.45);opacity:.78}@keyframes mascot-ready{to{transform:translate(-50%,-72%) scale(1.12)}}@keyframes mascot-glow{to{transform:scale(1.22);opacity:.65}}.board-2d .board-depth-layer,.board-2d .board-terrain{display:none}.board-2d .mascot-token{width:34px;height:38px;transform:translate(-50%,-55%) scale(.78)}.board-2d .mascot-token:after{box-shadow:0 3px 5px rgba(0,0,0,.35)}.board-2d .mascot-head{box-shadow:inset 3px 3px 4px rgba(255,255,255,.32),0 3px 5px rgba(0,0,0,.3)}.board-2d .mascot-ear{box-shadow:none}.board-2d .mascot-aura{display:none}@media (max-width:760px){.yut-board.active-board.board-3d{transform:perspective(950px) rotateX(8deg) rotate(-.5deg) scale(.92)}.mascot-token{transform:translate(-50%,-60%) scale(.86)}.board-3d .team-piece{transform:translate(-50%,-50%) translateZ(58px) rotateX(-7deg)}}@media (max-width:390px){.mascot-token{transform:translate(-50%,-58%) scale(.72)}}@media (prefers-reduced-motion:reduce){.team-piece.active .mascot-aura,.team-piece.selected-piece .mascot-token{animation:none}}.throw-sound-tools{display:flex;align-items:center;gap:7px}.throw-heading .throw-sound-tools>button{min-height:42px;white-space:nowrap}.throw-heading .throw-sound-tools>button.sound-on{color:#17223b;border-color:#c7ff4a;background:#c7ff4a;box-shadow:0 4px 0 #8caf2f,0 7px 13px rgba(84,118,18,.2)}.throw-heading .throw-sound-tools>button.sound-off{color:#7f8791;border-color:#d6d9dc;background:#eceeec}.throw-heading .throw-sound-tools .tiny-icon{min-width:25px;font-size:14px;font-weight:1000;letter-spacing:-3px}.sound-status{margin:10px 0 0;padding:8px 10px;display:flex;align-items:center;gap:7px;border:1px solid #dce0dc;border-radius:8px;color:#66707d;background:#f1f3ef;font-size:12px!important;font-weight:850}.sound-status>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#17223b;background:#c7ff4a;font-size:13px;font-weight:1000}.throw-card.tossing .sound-status{color:#633018;border-color:#ffc48c;background:#fff0df}.throw-card.tossing .sound-status>span{color:white;background:#ef6038;animation:sound-pulse .42s ease-in-out infinite alternate}@keyframes sound-pulse{to{transform:scale(1.14);box-shadow:0 0 0 7px rgba(239,96,56,.13)}}@media (max-width:760px){.throw-heading{align-items:flex-start;gap:10px}.throw-sound-tools{flex-direction:column;align-items:stretch}.throw-heading .throw-sound-tools>button{min-height:38px;padding-inline:8px}.sound-status{font-size:11px!important}}@media (max-width:420px){.throw-heading{display:grid;grid-template-columns:1fr}.throw-sound-tools{display:grid;grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.throw-card.tossing .sound-status>span{animation:none}}.board-item.bonus,.board-legend i.bonus{background:linear-gradient(145deg,#fff36a,#ff9d1f 58%,#ff6a35);color:#17223b;border-color:rgba(255,255,255,.9);box-shadow:0 6px 14px rgba(255,128,29,.4),inset 0 2px 3px rgba(255,255,255,.72)}.board-item.bonus.rare{animation:bonus-pop 1.1s ease-in-out infinite alternate}.bonus-lock>span,.bonus-standby>span,.bonus-trigger-note>b{background:linear-gradient(145deg,#fff36a,#ff9d1f);color:#17223b;box-shadow:0 7px 18px rgba(255,139,28,.35)}.bonus-standby{border-color:rgba(255,164,35,.5);background:linear-gradient(120deg,rgba(255,249,208,.97),rgba(255,237,176,.94))}@keyframes bonus-pop{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.12) rotate(4deg)}}@media (prefers-reduced-motion:reduce){.board-item.bonus.rare{animation:none}}.mascot-token{width:54px;height:68px;perspective:170px;transform-style:preserve-3d}.mascot-figure{width:52px;height:61px;position:absolute;left:1px;top:-8px;z-index:3;display:block;transform:rotateX(-5deg) rotateY(-12deg) translateZ(10px);transform-style:preserve-3d;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.mascot-head{width:46px;height:44px;left:3px;top:4px;border-width:2px;background:radial-gradient(circle at 27% 18%,rgba(255,255,255,.98) 0 4%,rgba(255,255,255,.42) 5% 15%,transparent 31%),var(--mascot-body);box-shadow:inset 9px 8px 10px rgba(255,255,255,.48),inset -11px -12px 13px rgba(25,18,32,.34),5px 2px 0 var(--mascot-dark),7px 6px 0 color-mix(in srgb,var(--mascot-dark) 82%,#050915),8px 11px 14px rgba(0,0,0,.46);transform:translateZ(15px);transform-style:preserve-3d}.mascot-head:after{content:"";position:absolute;inset:5px -8px 4px 8px;z-index:-1;border-radius:48%;background:var(--mascot-dark);filter:brightness(.72);transform:translateZ(-12px);box-shadow:7px 5px 8px rgba(0,0,0,.28)}.mascot-face-shine{width:11px;height:18px;position:absolute;left:7px;top:6px;z-index:6;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.8),transparent 72%);transform:translateZ(5px) rotate(22deg)}.mascot-eye{transform:translateZ(8px);box-shadow:inset 2px 2px 0 rgba(255,255,255,.9),1px 2px 2px rgba(0,0,0,.35)}.mascot-eye.eye-left{left:9px;transform:translateZ(8px) rotate(7deg)}.mascot-eye.eye-right{right:9px;transform:translateZ(8px) rotate(-7deg)}.mascot-mouth{left:15px;transform:translateZ(7px)}.mascot-ear{z-index:1;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.65),transparent 28%),var(--mascot-body);box-shadow:inset 5px 5px 5px rgba(255,255,255,.34),inset -5px -6px 6px rgba(0,0,0,.24),4px 4px 0 var(--mascot-dark),6px 7px 8px rgba(0,0,0,.3);transform-style:preserve-3d}.mascot-ear.ear-left{transform:translateZ(3px) rotate(-28deg) rotateY(-18deg)}.mascot-ear.ear-right{transform:translateZ(3px) scaleX(-1) rotate(-28deg) rotateY(-18deg)}.mascot-body-3d{width:34px;height:31px;position:absolute;left:9px;top:37px;z-index:1;display:block;border:2px solid rgba(255,255,255,.72);border-radius:48% 48% 42% 42%;background:radial-gradient(circle at 30% 16%,rgba(255,255,255,.72),transparent 27%),var(--mascot-body);box-shadow:inset 7px 6px 8px rgba(255,255,255,.3),inset -8px -9px 10px rgba(0,0,0,.28),4px 5px 0 var(--mascot-dark),6px 10px 9px rgba(0,0,0,.4);transform:translateZ(2px) rotateX(-4deg);transform-style:preserve-3d}.mascot-chest{width:17px;height:18px;position:absolute;left:6px;top:4px;border-radius:48%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.62),rgba(255,255,255,.12) 58%,transparent 60%);transform:translateZ(6px)}.mascot-arm,.mascot-foot{position:absolute;display:block;border:2px solid rgba(255,255,255,.56);background:var(--mascot-body);box-shadow:inset 3px 3px 4px rgba(255,255,255,.32),3px 4px 0 var(--mascot-dark),4px 6px 6px rgba(0,0,0,.28)}.mascot-arm{width:12px;height:21px;top:5px;border-radius:60%}.mascot-arm.arm-left{left:-8px;transform:translateZ(-2px) rotate(26deg)}.mascot-arm.arm-right{right:-8px;transform:translateZ(-2px) rotate(-26deg)}.mascot-foot{width:14px;height:9px;bottom:-8px;border-radius:65% 65% 45% 45%}.mascot-foot.foot-left{left:1px;transform:translateZ(3px) rotate(-8deg)}.mascot-foot.foot-right{right:1px;transform:translateZ(3px) rotate(8deg)}.mascot-ground-shadow{width:45px;height:15px;position:absolute;left:5px;bottom:-8px;z-index:-3;display:block;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.68),rgba(0,0,0,.2) 58%,transparent 74%);filter:blur(2px);transform:translateZ(-9px) rotateX(66deg)}.mascot-token:after{width:42px;height:14px;left:6px;bottom:-5px;background:linear-gradient(180deg,#9aa6ba,#3b4961 48%,#182137);box-shadow:inset 0 2px 2px rgba(255,255,255,.55),0 6px 0 #0b1323,0 11px 12px rgba(0,0,0,.48);transform:translateZ(-5px)}.mascot-badge{right:-5px;bottom:-8px;transform:translateZ(26px);box-shadow:inset 2px 2px 3px rgba(255,255,255,.3),3px 4px 0 #080e1c,5px 7px 8px rgba(0,0,0,.34)}.board-3d .team-piece{filter:drop-shadow(8px 17px 9px rgba(0,0,0,.55))}.board-3d .team-piece:focus-visible .mascot-figure,.board-3d .team-piece:hover .mascot-figure{transform:rotateX(-7deg) rotateY(12deg) translateZ(18px) scale(1.08)}.piece-moving .team-piece.selected-piece .mascot-figure{animation:mascot-hop-3d .28s cubic-bezier(.2,.8,.25,1) infinite alternate}.piece-moving .team-piece.selected-piece .mascot-ground-shadow{animation:mascot-shadow-step .28s ease-in-out infinite alternate}@keyframes mascot-hop-3d{0%{transform:rotateX(-5deg) rotateY(-12deg) translateZ(10px) scale(1)}to{transform:rotateX(-13deg) rotateY(14deg) translate3d(0,-12px,24px) scale(1.06)}}@keyframes mascot-shadow-step{to{opacity:.35;transform:translateZ(-9px) rotateX(66deg) scale(.72)}}@media (max-width:760px){.mascot-token{width:50px;height:62px}.mascot-figure{transform:rotateX(-4deg) rotateY(-10deg) translateZ(8px) scale(.9)}}@media (prefers-reduced-motion:reduce){.piece-moving .team-piece.selected-piece .mascot-figure,.piece-moving .team-piece.selected-piece .mascot-ground-shadow{animation:none}}.board-sound-toggle{width:100%;min-height:58px;margin-top:12px;padding:9px 13px;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;border:2px solid #c6ccd5;border-radius:15px;text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.board-sound-toggle>span{width:38px;height:38px;grid-row:1/3;display:grid;place-items:center;border-radius:50%;font-size:20px;font-weight:1000}.board-sound-toggle>b{font-size:15px;font-weight:1000}.board-sound-toggle>small{margin-top:2px;font-size:12px;font-weight:800}.board-sound-toggle.sound-on{color:#17223b;border-color:#9ecf29;background:linear-gradient(135deg,#efffc9,#d7ff70);box-shadow:0 5px 0 #8aae36,0 10px 16px rgba(91,125,22,.2)}.board-sound-toggle.sound-on>span{color:#17223b;background:#fff;box-shadow:0 3px 0 #b4d956}.board-sound-toggle.sound-on>small{color:#52672a}.board-sound-toggle.sound-off{color:#697180;background:#edf0f2;box-shadow:0 4px 0 #c5cad0}.board-sound-toggle.sound-off>span{color:#737b87;background:#d8dde1}.board-sound-toggle:active{transform:translateY(3px);box-shadow:none}.board-sound-toggle:focus-visible{outline:4px solid rgba(48,129,255,.3);outline-offset:2px}@media (max-width:760px){.board-sound-toggle{min-height:62px}.board-sound-toggle>b{font-size:16px}.board-sound-toggle>small{font-size:13px}}