:root{-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.5 system-ui,-apple-system,sans-serif}body{color:#fff;background:#0d0d1a;min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex}.ss-wrapper{color:#fff;background:radial-gradient(110% 55% at 50% -5%,#00d2ff2e 0%,#0000 60%),radial-gradient(70% 50% at 10% 110%,#6400ff21 0%,#0000 55%),radial-gradient(70% 50% at 90% 110%,#ff14501a 0%,#0000 55%),linear-gradient(#010d1f 0%,#010309 100%);flex-direction:column;align-items:center;gap:0;min-height:100vh;padding:48px 24px 64px;font-family:system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.ss-corona{pointer-events:none;background:radial-gradient(#00dcff33 0%,#3c00ff1a 45%,#0000 72%);width:900px;height:340px;animation:9s ease-in-out infinite alternate ss-corona-drift;position:fixed;top:-120px;left:50%;transform:translate(-50%)}@keyframes ss-corona-drift{0%{opacity:.7;transform:translate(-55%)scaleX(.9)}to{opacity:1;transform:translate(-45%)scaleX(1.05)}}.ss-logo{filter:drop-shadow(0 0 18px #00dcffb3);width:72px;height:72px;margin-bottom:20px;animation:4s ease-in-out infinite alternate ss-logo-float}@keyframes ss-logo-float{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.ss-title{letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,#00f2ff 0%,#a0f0ff 28%,#fff 46%,#ff3d8a 72%,#bf00ff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #00e6ffd9)drop-shadow(0 0 24px #00b4ff8c);-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:clamp(2.6rem,9vw,5rem);font-weight:900}.ss-subtitle{color:#b4e6ff80;letter-spacing:.04em;margin:0 0 40px;font-size:1rem}.ss-modes{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:28px;display:flex}.ss-mode-btn{cursor:pointer;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;min-width:150px;padding:14px 24px;font-family:inherit;transition:transform .12s,box-shadow .12s;display:flex}.ss-mode-btn:hover{transform:translateY(-2px)}.ss-mode-btn:active{transform:translateY(0)}.ss-mode-icon{flex-shrink:0;font-size:1.6rem;line-height:1}.ss-mode-text{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.ss-mode-title{color:#fff;letter-spacing:.03em;font-size:1rem;font-weight:800;line-height:1}.ss-mode-sub{letter-spacing:.08em;text-transform:uppercase;opacity:.65;color:#fff;font-size:.72rem;font-weight:600}.ss-mode-2p{background:linear-gradient(135deg,#00b4ff2e,#0050c838);border-color:#00beff66;box-shadow:0 0 20px #00b4ff2e,inset 0 0 20px #00a0ff0d}.ss-mode-2p:hover{box-shadow:0 4px 32px #00c8ff59,inset 0 0 20px #00a0ff14}.ss-mode-easy{background:linear-gradient(135deg,#50dc7826,#00a05033);border-color:#3cdc6459;box-shadow:0 0 20px #3cdc6424,inset 0 0 20px #00b4500d}.ss-mode-easy:hover{box-shadow:0 4px 32px #3cdc6447,inset 0 0 20px #00b45014}.ss-mode-hard{background:linear-gradient(135deg,#ff3c5a29,#b4003c33);border-color:#ff3c5a61;box-shadow:0 0 20px #ff3c5a24,inset 0 0 20px #c8003c0d}.ss-mode-hard:hover{box-shadow:0 4px 32px #ff3c5a4d,inset 0 0 20px #c8003c14}.ss-rules-toggle{color:#b4e6ff99;letter-spacing:.06em;cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:999px;margin-bottom:24px;padding:8px 22px;font-family:inherit;font-size:.82rem;font-weight:700;transition:color .15s,border-color .15s,background .15s}.ss-rules-toggle:hover{color:#fff;background:#00c8ff12;border-color:#00c8ff73}.ss-rules{flex-direction:column;gap:10px;width:100%;max-width:520px;animation:.22s both ss-rules-in;display:flex}@keyframes ss-rules-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ss-rule-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030c1cbf;border:1px solid #ffffff14;border-radius:12px;align-items:flex-start;gap:14px;padding:14px 18px;display:flex}.ss-rule-icon{flex-shrink:0;margin-top:1px;font-size:1.4rem;line-height:1}.ss-rule-body{flex-direction:column;gap:3px;display:flex}.ss-rule-title{color:#b4ebfff2;letter-spacing:.04em;font-size:.88rem;font-weight:800}.ss-rule-desc{color:#b4d2f08c;font-size:.82rem;line-height:1.55}@media (width<=480px){.ss-modes{gap:10px}.ss-mode-btn{min-width:130px;padding:12px 18px}.ss-mode-title{font-size:.9rem}}.tut-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#000512d1;place-items:center;padding:20px;animation:.25s both tut-fade-in;display:grid;position:fixed;inset:0}@keyframes tut-fade-in{0%{opacity:0}to{opacity:1}}.tut-card{background:#030c1ef5;border:1px solid #00c8ff38;border-radius:20px;flex-direction:column;align-items:center;gap:20px;width:min(92vw,400px);padding:28px 28px 24px;animation:.28s cubic-bezier(.2,0,.3,1.5) both tut-card-in;display:flex;box-shadow:0 0 40px #00b4ff24,0 0 100px #0050c81a,0 24px 60px #0000008c}@keyframes tut-card-in{0%{opacity:0;transform:scale(.88)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.tut-visual-area{background:#00143280;border:1px solid #00c8ff1a;border-radius:12px;justify-content:center;align-items:center;width:100%;height:130px;display:flex;position:relative;overflow:hidden}.tut-scene{width:100%;height:100%;position:relative}.tut-blue-dot{background:radial-gradient(circle at 35% 30%,#80cfff,#1a6fff);box-shadow:0 0 10px #50b4ffcc}.tut-red-dot{background:radial-gradient(circle at 35% 30%,#ffa0aa,#ff2050);box-shadow:0 0 10px #ff5064cc}.tut-arena-ring{border:2px solid #00c8ff59;border-radius:50%;width:90px;height:90px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #00b4ff1f}.tut-cursor{background:#ffffffe6;border-radius:50%;width:14px;height:14px;animation:2.8s ease-in-out infinite tut-cursor;position:absolute;box-shadow:0 0 8px #fff9}@keyframes tut-cursor{0%{opacity:0;top:22%;left:22%;transform:scale(1)}15%{opacity:1}50%{opacity:1;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}58%{transform:translate(-50%,-50%)scale(.6)}66%{transform:translate(-50%,-50%)scale(1)}to{opacity:.4;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}}.tut-ripple{border:2px solid #64d2ffe6;border-radius:50%;width:18px;height:18px;animation:2.8s ease-out infinite tut-ripple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes tut-ripple{0%,54%{opacity:0;transform:translate(-50%,-50%)scale(.3)}58%{opacity:1;transform:translate(-50%,-50%)scale(.5)}85%{opacity:0;transform:translate(-50%,-50%)scale(3)}to{opacity:0}}.tut-placed-dot{border-radius:50%;width:22px;height:22px;animation:2.8s ease-out infinite tut-placed;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes tut-placed{0%,60%{opacity:0;transform:translate(-50%,-50%)scale(0)}68%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}76%{transform:translate(-50%,-50%)scale(.9)}82%{transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.tut-click-label{letter-spacing:.1em;text-transform:uppercase;color:#64d2ff8c;white-space:nowrap;font-size:.64rem;font-weight:700;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.tut-scene-forces{flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:0 16px;display:flex}.tut-force-row{justify-content:center;align-items:center;gap:0;width:100%;max-width:260px;display:flex;position:relative}.tut-fdot{border-radius:50%;flex-shrink:0;width:22px;height:22px}.tut-attract-arrows,.tut-repel-arrows{justify-content:center;width:80px;font-size:1rem;font-weight:900;display:flex}.tut-attract-arrows{color:#50c8ffd9;animation:1.4s ease-in-out infinite alternate tut-attract}@keyframes tut-attract{0%{opacity:.5;gap:24px}to{opacity:1;gap:4px}}.tut-repel-arrows{color:#ff788cd9;animation:1.4s ease-in-out infinite alternate tut-repel}@keyframes tut-repel{0%{opacity:.5;gap:4px}to{opacity:1;gap:24px}}.tut-row-label{text-transform:uppercase;letter-spacing:.1em;font-size:.6rem;font-weight:800;position:absolute;right:0}.tut-label-cyan{color:#50d2ffa6}.tut-label-red{color:#ff6478a6}.tut-scene-ringout{justify-content:center;align-items:center;display:flex}.tut-ringout-arena{border:2px solid #00c8ff4d;border-radius:50%;width:90px;height:90px;position:absolute;top:50%;left:38%;transform:translate(-50%,-50%)}.tut-ringout-edge{background:linear-gradient(#0000,#ff503cb3,#0000);border-radius:2px;width:4px;height:50px;animation:1s ease-in-out infinite alternate tut-edge-pulse;position:absolute;top:50%;left:62%;transform:translate(-50%,-50%)}@keyframes tut-edge-pulse{0%{opacity:.5;box-shadow:none}to{opacity:1;box-shadow:0 0 12px #ff3c2899}}.tut-ringout-dot{background:radial-gradient(circle at 35% 30%,#ffa0aa,#ff2050);border-radius:50%;width:22px;height:22px;animation:2.2s ease-in-out infinite tut-ringout-fly;position:absolute;top:50%;left:38%;transform:translate(-50%,-50%);box-shadow:0 0 10px #ff5064cc}@keyframes tut-ringout-fly{0%{opacity:1;left:38%;transform:translate(-50%,-50%)scale(1)}60%{opacity:1;left:38%;transform:translate(-50%,-50%)scale(1)}90%{opacity:0;left:75%;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;left:75%}}.tut-ringout-trail{background:linear-gradient(90deg,#0000,#ff506480,#0000);width:0;height:3px;animation:2.2s ease-in-out infinite tut-trail;position:absolute;top:50%;left:38%;transform:translateY(-50%)}@keyframes tut-trail{0%,55%{opacity:0;width:0;left:38%}70%{opacity:1;width:60px;left:38%}90%{opacity:0;width:60px;left:38%}to{opacity:0;width:0}}.tut-ringout-label{text-transform:uppercase;letter-spacing:.1em;color:#ff6450a6;font-size:.6rem;font-weight:800;animation:2.2s ease-in-out infinite tut-ringout-label-blink;position:absolute;top:50%;right:14px;transform:translateY(-50%)}@keyframes tut-ringout-label-blink{0%,70%{opacity:0}80%{opacity:1}to{opacity:.6}}.tut-scene-overload{justify-content:center;align-items:center;display:flex}.tut-trio-svg{width:100px;height:86px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tut-trio-line{stroke:#50c8ff59;stroke-width:2px;stroke-dasharray:5 3;animation:1.8s ease-in-out infinite tut-line-pulse}@keyframes tut-line-pulse{0%,to{stroke-opacity:.3}50%{stroke-opacity:.8}}.tut-trio-dot{border-radius:50%;width:22px;height:22px;animation:2.4s ease-in-out infinite tut-trio-burst;position:absolute}.tut-trio-top{top:calc(50% - 36px);left:50%;transform:translate(-50%)}.tut-trio-bl{top:calc(50% + 10px);left:calc(50% - 32px);transform:translate(-50%)}.tut-trio-br{top:calc(50% + 10px);left:calc(50% + 32px);transform:translate(-50%)}@keyframes tut-trio-burst{0%{opacity:1;filter:brightness()}65%{opacity:1;filter:brightness(1.5)}70%{opacity:0}72%{opacity:0}78%{opacity:1;filter:brightness()}to{opacity:1;filter:brightness()}}.tut-trio-top{animation-name:tut-burst-top}.tut-trio-bl{animation-name:tut-burst-bl}.tut-trio-br{animation-name:tut-burst-br}@keyframes tut-burst-top{0%,64%{opacity:1;top:calc(50% - 36px)}65%{filter:brightness(2)}70%{opacity:0;top:calc(50% - 58px)}78%{opacity:1;filter:brightness();top:calc(50% - 36px)}to{opacity:1;top:calc(50% - 36px)}}@keyframes tut-burst-bl{0%,64%{opacity:1;top:calc(50% + 10px);left:calc(50% - 32px)}65%{filter:brightness(2)}70%{opacity:0;top:calc(50% + 26px);left:calc(50% - 52px)}78%{opacity:1;filter:brightness();top:calc(50% + 10px);left:calc(50% - 32px)}to{opacity:1;top:calc(50% + 10px);left:calc(50% - 32px)}}@keyframes tut-burst-br{0%,64%{opacity:1;top:calc(50% + 10px);left:calc(50% + 32px)}65%{filter:brightness(2)}70%{opacity:0;top:calc(50% + 26px);left:calc(50% + 52px)}78%{opacity:1;filter:brightness();top:calc(50% + 10px);left:calc(50% + 32px)}to{opacity:1;top:calc(50% + 10px);left:calc(50% + 32px)}}.tut-burst-ring{border:3px solid #50c8ffe6;border-radius:50%;width:30px;height:30px;animation:2.4s ease-out infinite tut-burst-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)scale(0)}@keyframes tut-burst-ring{0%,64%{opacity:0;transform:translate(-50%,-46%)scale(0)}66%{opacity:1;transform:translate(-50%,-46%)scale(.4)}78%{opacity:0;transform:translate(-50%,-46%)scale(3.5)}to{opacity:0}}.tut-overload-label{letter-spacing:.14em;text-transform:uppercase;color:#64d2ff8c;font-size:.64rem;font-weight:900;animation:2.4s ease-out infinite tut-burst-label;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}@keyframes tut-burst-label{0%,64%{opacity:0}70%{opacity:1}90%{opacity:.5}to{opacity:0}}.tut-content{text-align:center;flex-direction:column;gap:6px;display:flex}.tut-step-tag{letter-spacing:.14em;text-transform:uppercase;color:#64d2ff73;font-size:.62rem;font-weight:700}.tut-title{color:#dcf5fff2;letter-spacing:.04em;margin:0;font-size:1.2rem;font-weight:900}.tut-desc{color:#a0d2f09e;max-width:320px;margin:0;font-size:.84rem;line-height:1.55}.tut-dots{gap:8px;display:flex}.tut-dot-pip{cursor:pointer;background:#ffffff2e;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,transform .2s}.tut-dot-pip.active{background:#00c8ffd9;transform:scale(1.25);box-shadow:0 0 8px #00c8ff99}.tut-actions{gap:10px;width:100%;display:flex}.tut-btn{letter-spacing:.04em;cursor:pointer;border:1px solid #0000;border-radius:10px;flex:1;padding:11px 16px;font-family:inherit;font-size:.88rem;font-weight:700;transition:transform .12s,box-shadow .12s}.tut-btn:hover{transform:translateY(-1px)}.tut-btn:active{transform:translateY(0)}.tut-btn-skip{color:#b4d2f08c;background:#ffffff0f;border-color:#ffffff1a}.tut-btn-skip:hover{color:#b4d2f0d9;border-color:#fff3}.tut-btn-next{color:#fff;background:linear-gradient(135deg,#00a0ff4d,#0050c859);border-color:#00beff73;box-shadow:0 0 18px #00a0ff33}.tut-btn-next:hover{box-shadow:0 4px 28px #00b4ff59}@media (width<=420px){.tut-card{gap:16px;padding:20px 18px 18px}.tut-visual-area{height:110px}.tut-title{font-size:1.05rem}.tut-desc{font-size:.78rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#010309;min-height:100vh;font-family:system-ui,-apple-system,sans-serif}.game-layout{background:radial-gradient(110% 55% at 50% -5%,#00d2ff2e 0%,#0000 60%),radial-gradient(70% 50% at 10% 110%,#6400ff21 0%,#0000 55%),radial-gradient(70% 50% at 90% 110%,#ff14501a 0%,#0000 55%),repeating-linear-gradient(0deg,#00c8ff07 0 1px,#0000 1px 48px),repeating-linear-gradient(90deg,#00c8ff07 0 1px,#0000 1px 48px),linear-gradient(#010d1f 0%,#010309 100%);flex-direction:column;align-items:center;gap:16px;min-height:100vh;padding:16px;animation:7s ease-in-out infinite alternate bg-breathe;display:flex;position:relative;overflow:hidden}@keyframes bg-breathe{0%{filter:brightness()saturate()}to{filter:brightness(1.06)saturate(1.18)}}.game-layout:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#00dcff38 0%,#3c00ff1a 45%,#0000 72%);width:900px;height:340px;animation:9s ease-in-out infinite alternate corona-drift;position:fixed;top:-120px;left:50%;transform:translate(-50%)}@keyframes corona-drift{0%{opacity:.7;transform:translate(-55%)scaleX(.9)}50%{opacity:1;transform:translate(-50%)scaleX(1.05)}to{opacity:.75;transform:translate(-45%)scaleX(.95)}}.game-layout:after{content:"";pointer-events:none;z-index:0;background:0 0;animation:6.4s ease-in-out infinite arc-flicker;position:fixed;inset:0}@keyframes arc-flicker{0%,92%,to{opacity:0}93%{opacity:1;background:#00e6ff06}94%{opacity:0}96%{opacity:1;background:#b400ff05}97%{opacity:0}}.game-header{z-index:1;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:720px;display:flex;position:relative}.mute-btn{cursor:pointer;opacity:.55;background:0 0;border:none;flex-shrink:0;margin-left:4px;padding:4px 6px;font-size:1rem;line-height:1;transition:opacity .15s}.mute-btn:hover{opacity:1}.game-title{letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(135deg,#00f2ff 0%,#a0f0ff 28%,#fff 46%,#ff3d8a 72%,#bf00ff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #00e6ffe6)drop-shadow(0 0 22px #00beff99)drop-shadow(0 0 55px #7800ff59);will-change:filter;-webkit-background-clip:text;background-clip:text;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:clamp(2rem,6.5vw,3.1rem);font-weight:900;animation:4s ease-in-out infinite alternate title-charge}@keyframes title-charge{0%{filter:drop-shadow(0 0 6px #00e6ffcc)drop-shadow(0 0 20px #00aaff80)drop-shadow(0 0 50px #6400ff4d)}50%{filter:drop-shadow(0 0 12px #00f0ff)drop-shadow(0 0 32px #00c8ffbf)drop-shadow(0 0 80px #b400ff8c)}to{filter:drop-shadow(0 0 8px #ff328ce6)drop-shadow(0 0 24px #c800ff99)drop-shadow(0 0 60px #00c8ff66)}}.scoreboard{z-index:1;justify-content:center;align-items:center;gap:20px;width:100%;max-width:420px;display:flex;position:relative}.score-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030a16d1;border-radius:10px;flex-direction:column;align-items:center;gap:3px;min-width:92px;padding:10px 28px;transition:transform .15s;display:flex;position:relative;overflow:hidden}.score-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.score-card.blue{border:1px solid #00b4ff66;box-shadow:0 0 14px #00b4ff2e,0 0 40px #0064ff1a,inset 0 0 20px #00a0ff0f}.score-card.red{border:1px solid #ff325a66;box-shadow:0 0 14px #ff325a2e,0 0 40px #c8003c1a,inset 0 0 20px #ff28500f}.score-label{letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:800}.score-card.blue .score-label{color:#50c8ffcc}.score-card.red .score-label{color:#ff6478cc}.score-value{font-size:2.2rem;font-weight:900;line-height:1}.score-card.blue .score-value{color:#5cf5ff;text-shadow:0 0 14px #00dcffbf,0 0 30px #00a0ff66}.score-card.red .score-value{color:#ff667a;text-shadow:0 0 14px #ff5064bf,0 0 30px #dc003c66}.score-turn{color:#a0e6ff8c;letter-spacing:.04em;white-space:nowrap;font-size:.78rem;font-weight:700}.canvas-wrapper{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;max-width:680px;display:flex;position:relative}.board-stage{place-items:center;width:100%;max-width:680px;display:grid;position:relative}.board-stage:after{content:"";pointer-events:none;background:0 0;border-radius:50%;animation:5s ease-in-out infinite alternate board-pulse;position:absolute;inset:-2px;box-shadow:0 0 30px #00c8ff1f,0 0 80px #0064ff14}@keyframes board-pulse{0%{opacity:.6}to{opacity:1}}.board-turn{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-transform:uppercase;letter-spacing:.06em;pointer-events:none;white-space:nowrap;background:#030a16e0;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;padding:6px 16px;font-size:.78rem;font-weight:900;line-height:1;display:flex;position:absolute;bottom:5.5%;left:50%;transform:translate(-50%);box-shadow:0 0 18px #0000008c,0 0 8px #00c8ff1f}.turn-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 6px}.score-turn--urgent{letter-spacing:.1em;font-size:.88rem;font-weight:900;animation:.38s cubic-bezier(.2,0,.3,1.7) both turn-pop,.75s ease-in-out .38s infinite alternate urgent-pulse}@keyframes turn-pop{0%{transform:scale(1)}45%{transform:scale(1.45)}75%{transform:scale(.94)}to{transform:scale(1)}}@keyframes urgent-pulse{0%{color:#ff6030;text-shadow:0 0 8px #ff5014e6}to{color:#ffd000;text-shadow:0 0 18px #ffc800,0 0 36px #ff6400b3}}.game-layout--urgent:before{background:radial-gradient(#ff3c1447 0%,#ff003c1f 40%,#0000 68%);animation:.9s ease-in-out infinite alternate corona-danger}@keyframes corona-danger{0%{opacity:.7;transform:translate(-55%)scaleX(.9)}to{opacity:1;transform:translate(-45%)scaleX(1.08)}}.game-layout--urgent .board-stage:after{animation:.85s ease-in-out infinite alternate board-danger;box-shadow:0 0 40px #ff3c1438,0 0 90px #c8002824}@keyframes board-danger{0%{opacity:.7}to{opacity:1}}.score-flash{animation:.6s both score-pulse}@keyframes score-pulse{0%{transform:scale(1)}28%{transform:scale(1.13);box-shadow:0 0 36px #00dcffa6,0 0 80px #0078ff59,inset 0 0 24px #00b4ff26}to{transform:scale(1)}}.score-card.red.score-flash{animation:.6s both score-pulse-red}@keyframes score-pulse-red{0%{transform:scale(1)}28%{transform:scale(1.13);box-shadow:0 0 36px #ff3c5aa6,0 0 80px #c8003259,inset 0 0 24px #ff284626}to{transform:scale(1)}}.debug-log{z-index:1;width:100%;max-width:680px;font-family:ui-monospace,monospace;font-size:.75rem;position:relative}.debug-toolbar{gap:8px;display:flex}.debug-toggle{color:#b4f0ff80;cursor:pointer;text-align:left;background:#030a16b3;border:1px solid #00c8ff24;border-radius:6px;width:100%;padding:4px 12px}.debug-copy{color:#b4f0ff80;cursor:pointer;background:#030a16b3;border:1px solid #00c8ff24;border-radius:6px;padding:4px 12px}.debug-entries{background:#00000073;border:1px solid #ffffff14;border-radius:6px;max-height:180px;margin-top:4px;padding:6px 0;overflow-y:auto}.debug-row{color:#fffc;flex-direction:column;gap:10px;padding:2px 10px;display:flex}.debug-row:nth-child(2n){background:#ffffff08}.debug-row-main{align-items:center;gap:10px;display:flex}.debug-turn{color:#ffffff4d;min-width:24px}.debug-status{color:#ffffff8c;flex:1}.debug-score{color:#ffffff59;white-space:nowrap}.debug-detail{color:#ffffff4d;padding-left:34px;line-height:1.35}.muted{color:#ffffff47}.countdown-layout{justify-content:center}.countdown-board{width:min(100%,680px)}.countdown-overlay{pointer-events:none;background:radial-gradient(circle,#00285047 0 14%,#000a1e1a 15% 55%,#00051438 56% 100%);border-radius:0;place-items:center;display:grid;position:absolute;inset:0}.countdown-number{aspect-ratio:1;color:#0a1e30;background:#dcfaffeb;border:2px solid #00dcff8c;border-radius:50%;place-items:center;width:min(38vw,170px);font-size:clamp(4rem,18vw,7rem);font-weight:1000;line-height:1;animation:.9s both countdown-pop;display:grid;box-shadow:0 0 28px #00dcffcc,0 0 70px #00a0ff8c,0 0 130px #5000ff4d,0 12px 40px #000a1e66}@keyframes countdown-pop{0%{opacity:0;transform:scale(.72)}18%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (width<=560px){.game-layout{gap:10px;padding:10px}.game-header,.scoreboard{gap:10px}.score-card{min-width:76px;padding:8px 16px}.score-value{font-size:1.75rem}.score-turn{font-size:.7rem}.board-turn{padding:5px 12px;font-size:.68rem;bottom:6%}.debug-log{font-size:.66rem}}