@import "https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500;700;800;900&family=Fredoka:wght@500;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#2b2640;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff6e6;font-family:"M PLUS Rounded 1c",Fredoka,Hiragino Maru Gothic ProN,Hiragino Sans,system-ui,sans-serif;font-weight:700;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{background-color:#0000;background-image:radial-gradient(circle at 15% 12%,#ffd1668c,#0000 55%),radial-gradient(circle at 85% 18%,#ff7eb673,#0000 55%),radial-gradient(circle at 80% 85%,#6bcb7773,#0000 60%),radial-gradient(circle at 18% 88%,#4d96ff80,#0000 60%),linear-gradient(#fff6e6 0%,#ffeaf5 50%,#e8f6ff 100%);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;overflow-x:hidden}button{cursor:pointer;font-family:inherit;font-weight:800}button:disabled{cursor:not-allowed}input{font-family:inherit;font-weight:700}:root{--bg-deep:#fff8ee;--bg-card:#ffffffeb;--border:#785ab440;--border-strong:#785ab473;--text:#2b2640;--text-mute:#7a6f9a;--pink:#ff7eb6;--yellow:#ffd93d;--mint:#6bcb77;--blue:#4d96ff;--purple:#b48cff;--red:#ff6b6b;--orange:#ff9f43;--accent:var(--blue);--accent2:var(--pink);--gold:var(--yellow);--green:var(--mint);--board-felt:#88d684;--board-felt-2:#5fb867}.app{flex-direction:column;align-items:center;min-height:100vh;padding:0 16px 32px;display:flex}.title-screen{text-align:center;z-index:1;width:100%;max-width:760px;margin:0 auto;padding:50px 20px;position:relative}.title-screen__bg{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.title-disc{opacity:.4;border-radius:50%;width:22px;height:22px;animation:5s ease-in-out infinite floaty;position:absolute}.title-disc--black{background:radial-gradient(circle at 35% 35%,#555,#000);box-shadow:0 4px 10px #00000040}.title-disc--white{background:radial-gradient(circle at 35% 35%,#fff,#d8dde8);box-shadow:0 4px 10px #0000002e}@keyframes floaty{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-24px)rotate(15deg)}}.title-main{letter-spacing:.01em;filter:drop-shadow(0 6px #ff7eb666)drop-shadow(0 12px 24px #b48cff59);margin-bottom:8px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:clamp(48px,9vw,86px);font-weight:900;line-height:1;animation:3s ease-in-out infinite titleBounce}.title-main__shin{background:linear-gradient(135deg,#ff7eb6 0%,#ffd93d 50%,#6bcb77 100%);color:#0000;-webkit-text-stroke:2px #fff;-webkit-background-clip:text;background-clip:text}.title-main__name{background:linear-gradient(135deg,#4d96ff 0%,#b48cff 100%);color:#0000;-webkit-text-stroke:2px #fff;-webkit-background-clip:text;background-clip:text}@keyframes titleBounce{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}.title-sub{color:#6a4fa8;letter-spacing:.2em;margin-bottom:36px;font-size:16px;font-weight:800}.mode-grid{grid-template-columns:1fr;gap:14px;max-width:440px;margin:0 auto 24px;display:grid}.mode-card{background:var(--bg-card);color:var(--text);border:4px solid #2b2640;border-radius:24px;padding:22px 18px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 6px #2b2640}.mode-card:hover{transform:translateY(-2px);box-shadow:0 8px #2b2640}.mode-card:active{transform:translateY(3px);box-shadow:0 3px #2b2640}.mode-card:disabled{opacity:.5;transform:none}.mode-card--ai{background:linear-gradient(135deg,#fff 0%,#d6ecff 100%)}.mode-card--human{background:linear-gradient(135deg,#fff 0%,#ffd8e8 100%)}.mode-card--online{background:linear-gradient(135deg,#fff 0%,#e6dcff 100%)}.mode-card__icon,.mode-card__label,.mode-card__sub{z-index:1;position:relative}.mode-card__icon{filter:drop-shadow(0 3px 4px #00000026);margin-bottom:8px;font-size:40px;line-height:1}.mode-card__label{letter-spacing:.04em;color:#2b2640;margin-bottom:2px;font-size:22px;font-weight:900}.mode-card__sub{color:#6a6285;letter-spacing:.06em;font-size:13px;font-weight:700}.difficulty-grid{grid-template-columns:repeat(2,1fr);gap:14px;max-width:520px;margin:0 auto 16px;display:grid}.diff-card{background:var(--bg-card);color:var(--text);border:4px solid #2b2640;border-radius:22px;padding:22px 14px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 6px #2b2640}.diff-card:hover{transform:translateY(-2px);box-shadow:0 8px #2b2640}.diff-card:active{transform:translateY(3px);box-shadow:0 3px #2b2640}.diff-card--easy{background:linear-gradient(135deg,#fff 0%,#ddf6e1 100%)}.diff-card--normal{background:linear-gradient(135deg,#fff 0%,#d6ecff 100%)}.diff-card--hard{background:linear-gradient(135deg,#fff 0%,#fff0c4 100%)}.diff-card--oni{background:linear-gradient(135deg,#fff 0%,#ffd0d0 100%)}.diff-card__aura{opacity:.45;z-index:0;filter:blur(22px);border-radius:22px;position:absolute;inset:-6px}.aura-easy{background:radial-gradient(circle, var(--mint), transparent 70%)}.aura-normal{background:radial-gradient(circle, var(--blue), transparent 70%)}.aura-hard{background:radial-gradient(circle, var(--yellow), transparent 70%)}.aura-oni{background:radial-gradient(circle, var(--red), transparent 70%)}.diff-card__label,.diff-card__sub{z-index:1;position:relative}.diff-card__label{letter-spacing:.04em;color:#2b2640;margin-bottom:2px;font-size:24px;font-weight:900}.diff-card__sub{color:#6a6285;letter-spacing:.12em;font-size:12px;font-weight:700}.title-back{color:#2b2640;letter-spacing:.05em;background:#fff;border:3px solid #2b2640;border-radius:99px;margin-top:12px;padding:8px 16px;font-size:13px;font-weight:800;transition:transform .12s,box-shadow .12s;box-shadow:0 4px #2b2640}.title-back:hover{transform:translateY(-1px);box-shadow:0 5px #2b2640}.title-back:active{transform:translateY(2px);box-shadow:0 2px #2b2640}.title-hint{color:#6a4fa8;min-height:1.2em;margin-top:14px;font-size:14px;font-weight:700}.online-panel{flex-direction:column;gap:16px;max-width:440px;margin:0 auto 12px;display:flex}.online-join{background:var(--bg-card);border:4px solid #2b2640;border-radius:20px;padding:16px;box-shadow:0 6px #2b2640}.online-join__title{color:#2b2640;letter-spacing:.06em;margin-bottom:10px;font-size:13px;font-weight:800}.online-input{letter-spacing:.3em;text-align:center;color:#2b2640;background:#fffce8;border:3px solid #2b2640;border-radius:14px;width:100%;margin-bottom:12px;padding:12px 14px;font-size:22px;font-weight:900}.online-input:focus{outline:3px solid var(--blue);outline-offset:2px}.online-room{text-align:center;background:linear-gradient(135deg,#fff 0%,#e6dcff 100%);border:4px solid #2b2640;border-radius:20px;padding:20px;box-shadow:0 6px #2b2640}.online-room__label{color:#6a4fa8;letter-spacing:.2em;font-size:12px;font-weight:800}.online-room__code{letter-spacing:.3em;color:var(--purple);text-shadow:0 3px #b48cff59;margin:8px 0;font-size:36px;font-weight:900}.online-room__hint{color:var(--text-mute);font-size:13px;font-weight:700}.online-error{color:#c92a2a;text-align:center;background:#ffe3e3;border:3px solid #ff6b6b;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:800}.play-screen{flex-direction:column;gap:14px;width:100%;max-width:760px;margin:0 auto;padding-top:16px;display:flex}.play-header{background:var(--bg-card);border:3px solid #2b2640;border-radius:20px;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex;box-shadow:0 4px #2b2640}.play-header__title{letter-spacing:.04em;text-align:center;color:#2b2640;flex-direction:column;gap:2px;font-size:16px;font-weight:900;display:flex}.play-header__diff{color:var(--purple);letter-spacing:.15em;font-size:11px;font-weight:800}.ghost-btn{color:#2b2640;background:#fff;border:3px solid #2b2640;border-radius:99px;padding:8px 12px;font-size:12px;font-weight:800;transition:transform .12s,box-shadow .12s;box-shadow:0 3px #2b2640}.ghost-btn:hover{background:#fffce8;transform:translateY(-1px);box-shadow:0 4px #2b2640}.ghost-btn:active{transform:translateY(2px);box-shadow:0 1px #2b2640}.ghost-btn--icon{padding:8px 12px;font-size:16px}.ghost-btn--corner{z-index:10;position:absolute;top:12px;right:12px}.play-header__actions{gap:8px;display:flex}.scoreboard{background:var(--bg-card);border:3px solid #2b2640;border-radius:18px;padding:12px 16px;box-shadow:0 4px #2b2640}.scoreboard__row{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.score{border:2px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:8px 14px;transition:all .2s;display:flex}.score--black{justify-content:flex-start}.score--white{justify-content:flex-end}.score--active{background:linear-gradient(135deg,#fff5b8,#ffe066);border-color:#ffb84d;box-shadow:0 0 0 4px #ffd93d4d}.score__disc{border-radius:50%;flex-shrink:0;width:28px;height:28px}.score__disc--black{background:radial-gradient(circle at 35% 30%,#555,#000 65%);box-shadow:inset 0 -3px 4px #0009,0 3px 5px #0006}.score__disc--white{background:radial-gradient(circle at 35% 30%,#fff,#cdd2dc 70%);box-shadow:inset 0 -3px 4px #0003,0 3px 5px #00000040}.score__num{letter-spacing:.02em;color:#2b2640;font-size:26px;font-weight:900}.scoreboard__status{text-align:center;color:#2b2640;letter-spacing:.04em;font-size:13px;font-weight:800}.progress-bar{background:#fff;border:2px solid #2b2640;border-radius:99px;height:10px;margin-top:10px;position:relative;overflow:hidden}.progress-bar__black{background:linear-gradient(90deg,#2b2640,#000);height:100%}.game-area{grid-template-columns:1fr 1fr;grid-template-areas:"board board""panelB panelW";align-items:start;gap:14px;display:grid}.board-wrap{grid-area:board}.special-panel--black{grid-area:panelB}.special-panel--white{grid-area:panelW}.board-wrap{justify-content:center;display:flex}.board-frame{aspect-ratio:9/9;background:radial-gradient(circle at 50% 50%, var(--board-felt) 0%, var(--board-felt-2) 100%);border:5px solid #2b2640;border-radius:22px;grid-template-columns:28px repeat(8,1fr);grid-auto-rows:minmax(0,1fr);width:min(82vw,520px);padding:8px;display:grid;position:relative;box-shadow:0 8px #2b2640,0 16px 32px -8px #0000004d}.board-corner{background:0 0}.board-label{color:#fff;letter-spacing:.08em;text-shadow:0 2px #0003;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:flex}.cell{background:#ffffff1a;border:1.5px solid #ffffff59;border-radius:8px;justify-content:center;align-items:center;margin:1.5px;transition:background .15s;display:flex;position:relative}.cell--legal{cursor:pointer;background:#ffffff2e}.cell--legal:hover{background:#ffd93d8c;box-shadow:inset 0 0 16px #ffd93db3}.cell--last{box-shadow:inset 0 0 0 3px #ffd93d}.cell--flipped{animation:.6s ease-out cellFlash}.cell--blast-flipped{animation:.6s ease-out cellFlashBlast}.cell--cross-flipped{animation:.6s ease-out cellFlashCross}.board-frame--replay .cell--blast-flipped,.board-frame--replay .cell--cross-flipped{animation-duration:2.1s!important}@keyframes cellFlash{0%{background:#fffc;box-shadow:inset 0 0 30px #fff}to{background:inherit}}@keyframes cellFlashBlast{0%{background:#ff6b6bd9;box-shadow:inset 0 0 50px #ff6b6b}to{background:inherit}}@keyframes cellFlashCross{0%{background:#4d96ffd9;box-shadow:inset 0 0 50px #4d96ff}to{background:inherit}}.hint{opacity:.85;border-radius:50%;width:36%;height:36%;animation:1.2s ease-in-out infinite hintPulse}.hint--black{background:radial-gradient(circle,#000 40%,#0000 75%)}.hint--white{background:radial-gradient(circle,#fff 40%,#0000 75%)}@keyframes hintPulse{0%,to{opacity:.55;transform:scale(.75)}50%{opacity:1;transform:scale(1.15)}}.star-point{background:#fff9;border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #ffffff80}.cell--lightning-target{cursor:crosshair}.cell--lightning-target:hover{background:#b48cff59;box-shadow:inset 0 0 28px #b48cffb3}.lightning-target{pointer-events:none;border:3px dashed var(--purple);border-radius:50%;margin:8%;animation:.9s ease-in-out infinite lightningPulse;position:absolute;inset:0;box-shadow:0 0 16px #b48cffd9,inset 0 0 16px #b48cff99}.capture-ring{pointer-events:none;z-index:5;border-radius:50%;margin:4%;animation:.6s ease-in-out infinite alternate captureRingPulse;position:absolute;inset:0}.capture-ring--blast{border:4px solid var(--red);box-shadow:0 0 0 2px #fff, 0 0 18px var(--red), 0 0 36px #ff6b6bf2, inset 0 0 18px #ff6b6bb3}.capture-ring--cross{border:4px solid var(--blue);box-shadow:0 0 0 2px #fff, 0 0 18px var(--blue), 0 0 36px #4d96fff2, inset 0 0 18px #4d96ffb3}@keyframes captureRingPulse{0%{filter:brightness();transform:scale(.9)}to{filter:brightness(1.3);transform:scale(1.08)}}.capture-ring__emoji{filter:drop-shadow(0 2px 4px #00000073);font-size:18px;animation:1.4s ease-in-out infinite captureEmojiFloat;position:absolute;top:-45%;left:50%;transform:translate(-50%)}@keyframes captureEmojiFloat{0%,to{transform:translate(-50%)translateY(0)rotate(-8deg)}50%{transform:translate(-50%)translateY(-6px)rotate(8deg)}}@keyframes lightningPulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}.disc{width:84%;height:84%;transform-style:preserve-3d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.disc--black{background:radial-gradient(circle at 30% 28%,#4a4a4a 0%,#1a1a1a 40%,#000 100%);box-shadow:inset 0 -5px 8px #000c,inset 0 3px 6px #ffffff2e,0 5px 10px #00000073}.disc--white{background:radial-gradient(circle at 30% 28%,#fff 0%,#e2e6ee 50%,#b9c0cf 100%);box-shadow:inset 0 -5px 8px #0003,inset 0 3px 6px #fffffff2,0 5px 10px #0000004d}.disc__shine{pointer-events:none;background:radial-gradient(#ffffffd9,#0000 70%);border-radius:50%;width:34%;height:26%;position:absolute;top:10%;left:16%}.disc--black .disc__shine{opacity:.5}.disc--placed{animation:.4s cubic-bezier(.34,1.56,.64,1) discDrop}@keyframes discDrop{0%{filter:brightness(1.4);transform:scale(1.4)}to{filter:brightness();transform:scale(1)}}.disc--locked{box-shadow:inset 0 -5px 8px #000000b3, 0 0 0 3px var(--yellow), 0 0 22px #ffd93dd9, 0 5px 10px #00000059;animation:1.6s ease-in-out infinite lockGlow}@keyframes lockGlow{0%,to{box-shadow:inset 0 -5px 8px #000000b3, 0 0 0 3px var(--yellow), 0 0 18px #ffd93d99, 0 5px 10px #00000059}50%{box-shadow:inset 0 -5px 8px #000000b3, 0 0 0 3px var(--yellow), 0 0 36px #ffd93d, 0 5px 10px #00000059}}.disc__lock{filter:drop-shadow(0 0 4px #ffd93d);font-size:60%;position:absolute}.disc--blast{box-shadow:inset 0 -5px 8px #0009, 0 0 0 3px var(--red), 0 0 22px #ff6b6bd9}.disc--cross{box-shadow:inset 0 -5px 8px #0009, 0 0 0 3px var(--blue), 0 0 22px #4d96ffd9}.disc__badge{filter:drop-shadow(0 0 4px #fffffff2);font-size:55%;position:absolute}.disc--burst-lock{animation:.9s ease-out burstLock}.disc--burst-blast{animation:.9s ease-out burstBlast}.disc--burst-cross{animation:.9s ease-out burstCross}@keyframes burstLock{0%{filter:brightness(2.5)drop-shadow(0 0 40px #ffd93d);transform:scale(2)}60%{filter:brightness(1.2);transform:scale(.9)}to{filter:brightness();transform:scale(1)}}@keyframes burstBlast{0%{filter:brightness(2.8)drop-shadow(0 0 40px #ff6b6b);transform:scale(2)}60%{filter:brightness(1.2);transform:scale(.9)}to{filter:brightness();transform:scale(1)}}@keyframes burstCross{0%{filter:brightness(2.5)drop-shadow(0 0 40px #4d96ff);transform:scale(2)}60%{filter:brightness(1.2);transform:scale(.9)}to{filter:brightness();transform:scale(1)}}.screen-flash{pointer-events:none;z-index:90;mix-blend-mode:screen;position:fixed;inset:0}.board-frame--burst{animation:.6s ease-out boardPulse}.board-frame--replay,.board-frame--replay .cell--legal{cursor:wait}@keyframes boardPulse{0%{box-shadow:0 8px #2b2640,0 16px 32px -8px #0000004d,0 0 80px #fff9}to{box-shadow:0 8px #2b2640,0 16px 32px -8px #0000004d}}.burst{pointer-events:none;z-index:10;position:absolute;transform:translate(-50%,-50%)}.burst__svg{pointer-events:none;z-index:9;width:100%;height:100%;position:absolute;inset:0}.burst__ring{border:4px solid;border-radius:50%;width:60px;height:60px;margin:-30px 0 0 -30px;position:absolute;top:50%;left:50%}.burst__flash{filter:blur(4px);border-radius:50%;width:90px;height:90px;margin:-45px 0 0 -45px;position:absolute;top:50%;left:50%}.burst__spark{border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%}.burst__shockwave{border:5px solid;border-radius:50%;width:80px;height:80px;margin:-40px 0 0 -40px;position:absolute;top:50%;left:50%}.burst__beam{position:absolute;top:50%;left:50%}.burst__beam--h{transform-origin:50%;filter:blur(1px);width:600px;height:14px;margin:-7px 0 0 -300px}.burst__beam--v{transform-origin:50%;filter:blur(1px);width:14px;height:600px;margin:-300px 0 0 -7px}.burst__bolt{transform-origin:bottom;filter:blur(1px);width:16px;height:700px;margin-left:-8px;position:absolute;top:-300%;left:50%}.burst__label{letter-spacing:.1em;white-space:nowrap;-webkit-text-stroke:1.5px #2b2640;font-size:26px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.burst__label--pop{letter-spacing:.04em;white-space:nowrap;-webkit-text-stroke:4px #2b2640;paint-order:stroke fill;filter:drop-shadow(0 4px #2b2640)drop-shadow(0 8px #2b2640)drop-shadow(0 0 16px #ffffffd9)drop-shadow(0 12px 18px #2b26408c);font-family:"M PLUS Rounded 1c",Fredoka,sans-serif;font-size:64px;font-weight:900}@media (width<=640px){.burst__label--pop{-webkit-text-stroke:3px #2b2640;font-size:44px}}.burst__emoji{pointer-events:none;filter:drop-shadow(0 3px 4px #00000059);z-index:11;font-size:32px;position:absolute;top:50%;left:50%}.burst__star{pointer-events:none;filter:drop-shadow(0 0 6px #ffffffe6);z-index:11;font-size:26px;position:absolute;top:50%;left:50%}.special-panel{background:var(--bg-card);border:3px solid #2b2640;border-radius:18px;flex-direction:column;gap:10px;padding:12px;transition:all .2s;display:flex;box-shadow:0 4px #2b2640}.special-panel--active{border-color:var(--orange);box-shadow:0 4px #2b2640,0 0 20px #ff9f4380}.special-panel__label{color:#2b2640;letter-spacing:.1em;text-align:center;border-bottom:2px dashed #785ab466;padding-bottom:6px;font-size:12px;font-weight:900}.special-panel__lockmsg{color:var(--orange);text-align:center;letter-spacing:.06em;background:#fff3d6;border-radius:8px;padding:2px 0;font-size:11px;font-weight:800}.special-panel__lockmsg strong{color:var(--red);font-size:13px}.special-btn{color:#2b2640;text-align:left;background:#fff;border:3px solid #2b2640;border-radius:14px;flex-direction:row;align-items:center;gap:10px;width:100%;padding:10px 12px;font-weight:900;transition:transform .12s,box-shadow .12s;display:flex;position:relative;box-shadow:0 3px #2b2640}.special-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px #2b2640}.special-btn:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px #2b2640}.special-btn:disabled{opacity:.4;box-shadow:0 2px #2b2640}.special-btn__icon{filter:drop-shadow(0 2px 3px #0003);flex-shrink:0;font-size:28px;line-height:1}.special-btn__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.special-btn__name{font-size:14px;font-weight:900;line-height:1.1}.special-btn__desc{color:var(--text-mute);font-size:11px;font-weight:700;line-height:1.25}.special-btn--selected .special-btn__desc{color:#ffffffeb}.special-btn--lock.special-btn--selected .special-btn__desc{color:#2b2640d9}.special-btn__count{color:var(--text);background:#fff;border:2px solid #2b2640;border-radius:99px;flex-shrink:0;padding:2px 9px;font-size:14px;font-weight:900}.special-btn--selected .special-btn__count{color:#2b2640}.special-btn--lock{background:linear-gradient(135deg,#fff 0%,#fff3a8 100%)}.special-btn--blast{background:linear-gradient(135deg,#fff 0%,#ffd1d1 100%)}.special-btn--cross{background:linear-gradient(135deg,#fff 0%,#d6ecff 100%)}.special-btn--lightning{background:linear-gradient(135deg,#fff 0%,#e8dcff 100%)}.special-btn--lock.special-btn--selected{background:var(--yellow);animation:1s ease-in-out infinite pulseGold;box-shadow:0 3px #2b2640,0 0 24px #ffd93dd9}.special-btn--blast.special-btn--selected{background:var(--red);color:#fff;animation:1s ease-in-out infinite pulseRed;box-shadow:0 3px #2b2640,0 0 24px #ff6b6bd9}.special-btn--cross.special-btn--selected{background:var(--blue);color:#fff;animation:1s ease-in-out infinite pulseBlue;box-shadow:0 3px #2b2640,0 0 24px #4d96ffd9}.special-btn--lightning.special-btn--selected{background:var(--purple);color:#fff;animation:1s ease-in-out infinite pulsePurple;box-shadow:0 3px #2b2640,0 0 24px #b48cffd9}@keyframes pulseGold{0%,to{filter:brightness()}50%{filter:brightness(1.2)}}@keyframes pulseRed{0%,to{filter:brightness()}50%{filter:brightness(1.2)}}@keyframes pulseBlue{0%,to{filter:brightness()}50%{filter:brightness(1.2)}}@keyframes pulsePurple{0%,to{filter:brightness()}50%{filter:brightness(1.2)}}.special-btn__tooltip{color:#fff;text-align:left;opacity:0;pointer-events:none;z-index:20;background:#2b2640;border:2px solid #2b2640;border-radius:12px;width:200px;padding:10px 12px;font-size:11px;font-weight:700;line-height:1.5;transition:opacity .18s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.special-btn:hover:not(:disabled) .special-btn__tooltip{opacity:1}.game-help{background:var(--bg-card);border:3px solid #2b2640;border-radius:16px;padding:10px 16px;font-size:13px;box-shadow:0 3px #2b2640}.game-help summary{cursor:pointer;color:#2b2640;letter-spacing:.05em;font-weight:900}.game-help ul{color:#4a4660;margin:10px 0 4px;padding-left:20px;font-weight:700;line-height:1.7}.game-help strong{color:#2b2640}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#2b26408c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.modal{text-align:center;background:linear-gradient(160deg,#fff 0%,#fff8e8 100%);border:5px solid #2b2640;border-radius:28px;min-width:280px;max-width:90vw;padding:28px 32px 24px;box-shadow:0 10px #2b2640,0 24px 60px #0000004d}.modal__banner{letter-spacing:.3em;border:3px solid #2b2640;border-radius:99px;margin-bottom:14px;padding:6px 18px;font-size:13px;font-weight:900;display:inline-block;box-shadow:0 3px #2b2640}.modal__banner--black{color:#2b2640;background:linear-gradient(135deg, var(--yellow), var(--pink))}.modal__banner--white{color:#2b2640;background:#fff}.modal__banner--draw{color:#fff;background:var(--blue)}.modal__title{letter-spacing:.02em;color:#2b2640;margin-bottom:18px;font-size:30px;font-weight:900}.modal__scores{color:#2b2640;justify-content:center;align-items:center;gap:18px;margin-bottom:22px;font-size:26px;font-weight:900;display:flex}.modal__score{align-items:center;gap:8px;display:inline-flex}.modal__vs{color:var(--text-mute);font-size:14px}.modal__actions{justify-content:center;gap:10px;display:flex}.btn{color:#2b2640;background:#fff;border:3px solid #2b2640;border-radius:99px;padding:12px 22px;font-size:14px;font-weight:900;transition:transform .12s,box-shadow .12s;box-shadow:0 4px #2b2640}.btn:hover{transform:translateY(-1px);box-shadow:0 5px #2b2640}.btn:active{transform:translateY(2px);box-shadow:0 2px #2b2640}.btn--ghost{background:#fff}.btn--primary{background:linear-gradient(135deg, var(--pink), var(--yellow));color:#2b2640}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti__piece{border-radius:3px;width:12px;height:16px;animation:linear forwards confettiFall;position:absolute;top:-20px}.confetti__piece--b{background:linear-gradient(135deg, var(--pink), var(--purple))}.confetti__piece--w{background:linear-gradient(135deg, var(--yellow), var(--mint))}@keyframes confettiFall{0%{transform:translateY(-20px)rotate(0)}to{transform:translateY(110vh)rotate(720deg)}}.site-footer{color:var(--text-mute);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:28px;padding:12px 16px;font-size:12px;font-weight:700;display:flex}.footer-link{color:var(--text-mute);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-family:inherit;font-size:12px;font-weight:800;transition:color .15s,background .15s}.footer-link:hover{color:var(--purple);background:#b48cff1f}.footer-sep{opacity:.5}.footer-copy{letter-spacing:.05em}.policy-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#2b26408c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.policy-modal{background:#fff8ee;border:4px solid #2b2640;border-radius:24px;flex-direction:column;width:100%;max-width:640px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 10px #2b2640,0 24px 60px #0000004d}.policy-modal__head{background:linear-gradient(135deg,#fff5d6,#ffe0ef);border-bottom:3px solid #2b2640;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.policy-modal__title{color:#2b2640;margin:0;font-size:18px;font-weight:900}.policy-modal__body{color:#3a3458;padding:18px 22px 24px;font-size:14px;font-weight:500;line-height:1.75;overflow-y:auto}.policy-modal__body h3{color:#2b2640;border-bottom:2px dashed #785ab466;margin:18px 0 8px;padding-bottom:4px;font-size:16px;font-weight:900}.policy-modal__body h3:first-of-type{margin-top:8px}.policy-modal__body p{margin:8px 0;font-weight:600}.policy-modal__body ul{margin:8px 0;padding-left:22px;font-weight:600}.policy-modal__body li{margin:4px 0}.policy-modal__body strong{color:#2b2640;font-weight:900}.policy-lead{border:2px solid var(--border);background:#fff;border-radius:12px;padding:12px 14px;font-size:13px}.policy-meta{color:var(--text-mute);text-align:right;margin-top:24px;font-size:12px;font-style:italic}@media (width<=640px){.game-area{grid-template-columns:1fr;grid-template-areas:"board""panelB""panelW";gap:12px}.special-panel{flex-direction:column}.special-btn{width:100%}.mode-grid{grid-template-columns:1fr;max-width:360px}.difficulty-grid{grid-template-columns:1fr 1fr}.title-main{font-size:52px}.play-header__title{font-size:14px}}