.snapspot-game{display:flex;flex-direction:column;align-items:center;min-height:100vh;min-height:100dvh;background-color:#111827;background-image:linear-gradient(#00000073,#00000073),url(/images/snapspot/Blue.png);background-repeat:repeat;background-size:auto,50px auto;animation:snapspot-bg-scroll 6s linear infinite;padding:1rem;gap:1rem}@keyframes snapspot-bg-scroll{0%{background-position:0 0,0 0}to{background-position:0 0,-50px 50px}}.snapspot-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:500px;padding:0}.snapspot-title{font-size:1.2rem;font-weight:700;color:#f3f4f6;margin:0}.snapspot-progress{font-size:1.1rem;font-weight:700;color:#fff;background:#ffffff1f;padding:.35rem 1rem;border-radius:20px;letter-spacing:.05em}.snapspot-images{display:flex;flex-direction:column;gap:.35rem;align-items:center;width:100%;max-width:500px;position:relative;overflow:hidden}.snapspot-curtain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}.snapspot-curtain-panel{position:absolute;top:0;width:50%;height:100%;overflow:hidden;transition:none}.snapspot-curtain--open .snapspot-curtain-panel{transition:transform .55s cubic-bezier(.4,0,.2,1)}.snapspot-curtain-left{left:0;background-image:url(/images/snapspot/Loading.webp);background-size:200% 100%;background-position:left center}.snapspot-curtain-right{right:0;background-image:url(/images/snapspot/Loading.webp);background-size:200% 100%;background-position:right center}.snapspot-curtain--open .snapspot-curtain-left{transform:translate(-100%)}.snapspot-curtain--open .snapspot-curtain-right{transform:translate(100%)}.snapspot-image-wrap{position:relative;cursor:crosshair;border-radius:10px;overflow:hidden;border:3px solid #c8a96e;box-shadow:0 4px 24px #00000080;width:100%;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none}.snapspot-image-wrap.is-zoomed{cursor:grab}.snapspot-image-wrap.is-zoomed:active{cursor:grabbing}.snapspot-image-wrap>div:first-child{width:100%;will-change:transform}.snapspot-image-wrap img{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.snapspot-zoom-btn{width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);background:#ffffff1a;color:#fff;font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;padding:0}.snapspot-zoom-btn:hover:not(:disabled){background:#ffffff40}.snapspot-zoom-btn:disabled{opacity:.35;cursor:default}.snapspot-zoom-label{font-size:.8rem;font-weight:700;color:#d1d5db;min-width:2.5rem;text-align:center}.snapspot-found-marker{position:absolute;width:40px;height:40px;transform:translate(-50%,-50%);pointer-events:none;z-index:10;display:flex;align-items:center;justify-content:center;animation:snapspot-pop .3s cubic-bezier(.34,1.56,.64,1)}.snapspot-marker-preview{display:flex;align-items:center;justify-content:center;position:relative}@keyframes snapspot-pop{0%{transform:translate(-50%,-50%) scale(1.6);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes snapspot-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.snapspot-marker-circle{border:3px solid #ef4444;border-radius:50%;background:#ef44442e}.snapspot-found-marker.snapspot-marker-check{width:34px;height:34px}.snapspot-marker-check{background:#22c55e;border-radius:50%;box-shadow:0 2px 10px #22c55e8c}.snapspot-found-marker.snapspot-marker-check svg{width:18px!important;height:18px!important}.snapspot-marker-star{filter:drop-shadow(0 1px 4px rgba(0,0,0,.4))}.snapspot-found-marker.snapspot-marker-hundred{width:52px;height:46px;background:none;border:none;border-radius:0}.snapspot-found-marker.snapspot-marker-thumbs span{font-size:30px!important}.snapspot-found-marker.snapspot-marker-dart span{font-size:32px!important}@keyframes snapspot-target-zoom-in{0%{transform:translate(-50%,-50%) scale(20);opacity:.5}35%{transform:translate(-50%,-50%) scale(.88);opacity:1}55%{transform:translate(-50%,-50%) scale(1.1);opacity:1}72%{transform:translate(-50%,-50%) scale(.97);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.snapspot-found-marker.snapspot-marker-target{animation:snapspot-target-zoom-in .65s cubic-bezier(.1,.9,.2,1) 1 forwards}.snapspot-marker-target{border:2px solid #f87171;border-radius:50%;box-shadow:0 0 0 7px #f871712e}.snapspot-marker-target:before{content:"";position:absolute;width:2px;height:44px;background:#f87171a6;border-radius:1px}.snapspot-marker-target:after{content:"";position:absolute;height:2px;width:44px;background:#f87171a6;border-radius:1px}.snapspot-marker-smile{filter:drop-shadow(0 1px 4px rgba(0,0,0,.35))}@keyframes snapspot-pin-stab{0%{opacity:1;transform:translate(-50%,-50%) translateY(-55px) translate(35px) rotate(-45deg) scale(.65);filter:none}18%{opacity:1;transform:translate(-50%,-50%) translateY(6px) translate(-1px) rotate(-10deg) scale(1.1);filter:drop-shadow(0 6px 12px rgba(0,0,0,.6))}28%{opacity:1;transform:translate(-50%,-50%) translateY(-3px) translate(0) rotate(-10deg) scale(.96);filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}40%{opacity:1;transform:translate(-50%,-50%) translateY(0) translate(0) rotate(-10deg) scale(1);filter:none}to{opacity:1;transform:translate(-50%,-50%) translateY(0) translate(0) rotate(-10deg) scale(1);filter:none}}.snapspot-found-marker.snapspot-marker-pin{width:50px;height:50px;animation:snapspot-pin-stab .5s cubic-bezier(.2,0,.35,1) both}.snapspot-found-marker.snapspot-marker-pin span{font-size:36px!important}.snapspot-marker-pin{filter:drop-shadow(0 1px 4px rgba(0,0,0,.35))}@keyframes snapspot-arc-core-pulse{0%,to{transform:scale(1);box-shadow:0 0 8px 3px #fbbf24e6,0 0 16px 6px #fbbf2459}50%{transform:scale(1.4);box-shadow:0 0 14px 6px #fbbf24,0 0 28px 10px #fbbf248c}}.snapspot-arc-core{width:8px;height:8px;border-radius:50%;background:#fef08a;position:relative;z-index:1;animation:snapspot-arc-core-pulse .4s ease-in-out infinite}@keyframes snapspot-arc-cw{to{stroke-dashoffset:-107}}@keyframes snapspot-arc-ccw{to{stroke-dashoffset:107}}@keyframes snapspot-arc-flicker{0%,to{opacity:.9}12%{opacity:.3}28%{opacity:1}45%{opacity:.2}60%{opacity:.8}80%{opacity:.1}}.snapspot-electric-arc{fill:none;stroke-width:1.8}.snapspot-electric-arc-1{stroke:#fbbf24;stroke-dasharray:10 14;filter:drop-shadow(0 0 4px rgba(251,191,36,1));animation:snapspot-arc-cw .75s linear infinite,snapspot-arc-flicker .28s ease-in-out infinite}.snapspot-electric-arc-2{stroke:#fef9c3;stroke-dasharray:6 18;filter:drop-shadow(0 0 3px rgba(254,249,195,.9));animation:snapspot-arc-ccw .55s linear infinite,snapspot-arc-flicker .22s ease-in-out infinite .1s;opacity:.75}@keyframes snapspot-lightning-strike{0%{transform:scale(.2);opacity:0;filter:drop-shadow(0 0 0px rgba(250,204,21,0))}12%{transform:scale(2.2);opacity:1;filter:drop-shadow(0 0 28px rgba(255,255,180,1)) drop-shadow(0 0 50px rgba(250,204,21,.9))}28%{transform:scale(.85);opacity:1;filter:drop-shadow(0 0 10px rgba(250,204,21,.8))}45%{transform:scale(1.15);opacity:1;filter:drop-shadow(0 0 14px rgba(250,204,21,.9))}65%{transform:scale(.97);opacity:1;filter:drop-shadow(0 0 6px rgba(250,204,21,.5))}to{transform:scale(1);opacity:1;filter:drop-shadow(0 0 4px rgba(250,204,21,.35))}}.snapspot-marker-lightning{filter:drop-shadow(0 0 5px rgba(250,204,21,.7)) drop-shadow(0 1px 4px rgba(0,0,0,.35))}.snapspot-marker-lightning-strike{animation:snapspot-lightning-strike .65s cubic-bezier(.22,1,.36,1) 1 forwards;display:flex}.snapspot-marker-gem{filter:drop-shadow(0 0 5px rgba(99,102,241,.6)) drop-shadow(0 1px 4px rgba(0,0,0,.35))}.snapspot-found-marker.snapspot-marker-clover{border:2.5px solid #22c55e;border-radius:50%;box-shadow:0 0 6px #22c55e73}.snapspot-marker-clover,.snapspot-marker-dizzy,.snapspot-marker-magic{filter:drop-shadow(0 1px 4px rgba(0,0,0,.35))}@keyframes snapspot-stardust{0%{opacity:0;transform:translate(0) scale(.4)}25%{opacity:1;transform:translate(var(--sx),var(--sy1)) scale(1)}75%{opacity:.6;transform:translate(var(--sx),var(--sy2)) scale(.7)}to{opacity:0;transform:translate(var(--sx),var(--sy3)) scale(.2)}}.snapspot-stardust{position:absolute;font-size:9px;color:#fde68a;pointer-events:none;animation:snapspot-stardust 1.4s ease-out infinite;text-shadow:0 0 4px rgba(253,224,71,.9)}.snapspot-stardust.s0{top:-4px;left:14px;--sx: -2px;--sy1: -7px;--sy2: -13px;--sy3: -18px;animation-delay:0s}.snapspot-stardust.s1{top:0;left:18px;--sx: 3px;--sy1: -8px;--sy2: -15px;--sy3: -20px;animation-delay:.28s}.snapspot-stardust.s2{top:-6px;left:10px;--sx: -5px;--sy1: -6px;--sy2: -11px;--sy3: -16px;animation-delay:.56s}.snapspot-stardust.s3{top:2px;left:16px;--sx: 4px;--sy1: -9px;--sy2: -16px;--sy3: -22px;animation-delay:.84s}.snapspot-stardust.s4{top:-2px;left:12px;--sx: -1px;--sy1: -10px;--sy2: -17px;--sy3: -23px;animation-delay:1.12s}@keyframes snapspot-eyeblink{0%,18%,26%,44%,to{transform:scaleY(1)}20%,24%{transform:scaleY(.08)}}.snapspot-marker-eyes{filter:drop-shadow(0 1px 4px rgba(0,0,0,.35))}.snapspot-marker-eyeblink{animation:snapspot-eyeblink 2.4s ease-in-out infinite;display:flex;transform-origin:center}.snapspot-marker-heart,.snapspot-marker-sparkle{filter:drop-shadow(0 1px 4px rgba(0,0,0,.35))}.snapspot-marker-spin{animation:snapspot-spin 2.5s linear infinite;display:flex}@keyframes snapspot-heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.35)}28%{transform:scale(1)}42%{transform:scale(1.18)}56%{transform:scale(1)}}.snapspot-marker-pulse{animation:snapspot-heartbeat 1.2s ease-in-out infinite;display:flex}@keyframes snapspot-bulbblink{0%,3%{filter:drop-shadow(0 0 10px rgba(253,224,71,.95)) drop-shadow(0 0 4px rgba(255,255,200,.7))}3.1%,6%{filter:grayscale(1) brightness(.55)}6.1%,9%{filter:drop-shadow(0 0 10px rgba(253,224,71,.95)) drop-shadow(0 0 4px rgba(255,255,200,.7))}9.1%,12%{filter:grayscale(1) brightness(.55)}12.1%,to{filter:drop-shadow(0 0 10px rgba(253,224,71,.95)) drop-shadow(0 0 4px rgba(255,255,200,.7))}}.snapspot-marker-blink{animation:snapspot-bulbblink 4s linear infinite;display:flex}.snapspot-marker-bulb{filter:drop-shadow(0 1px 4px rgba(0,0,0,.35))}@keyframes snapspot-crownfloat{0%,to{transform:translateY(0);filter:drop-shadow(0 0 6px rgba(245,158,11,.8)) drop-shadow(0 1px 4px rgba(0,0,0,.4))}50%{transform:translateY(-5px);filter:drop-shadow(0 0 14px rgba(251,191,36,1)) drop-shadow(0 2px 6px rgba(0,0,0,.4))}}.snapspot-marker-crown-anim{animation:snapspot-crownfloat 1.8s ease-in-out infinite;display:flex}.snapspot-marker-rainbow{border-radius:50%}.snapspot-marker-rainbow .snapspot-marker-inner,.snapspot-marker-preview.snapspot-marker-rainbow .snapspot-marker-inner{width:100%;height:100%;border-radius:50%;background:conic-gradient(#f87171,#fbbf24,#4ade80,#60a5fa,#a78bfa,#f472b6,#f87171);animation:snapspot-spin 2s linear infinite;mask:radial-gradient(circle closest-side at center,transparent 72%,black 73%);-webkit-mask:radial-gradient(circle closest-side at center,transparent 72%,black 73%)}@keyframes snapspot-bomb-shake{0%{transform:rotate(0) scale(1)}10%{transform:rotate(-4deg) scale(1.1)}20%{transform:rotate(4deg) scale(1.14)}30%{transform:rotate(-3deg) scale(1.07)}40%{transform:rotate(3deg) scale(.95)}50%{transform:rotate(-4deg) scale(1.12)}60%{transform:rotate(4deg) scale(1.15)}70%{transform:rotate(-2deg) scale(1.06)}80%{transform:rotate(2deg) scale(.96)}90%{transform:rotate(-3deg) scale(1.09)}to{transform:rotate(0) scale(1)}}.snapspot-marker-bomb-shake{animation:snapspot-bomb-shake .5s ease-in-out infinite;display:flex}.snapspot-found-marker.snapspot-marker-bomb{width:44px;height:44px}.snapspot-found-marker.snapspot-marker-bomb span{font-size:30px!important}.snapspot-marker-bomb{filter:drop-shadow(0 1px 4px rgba(0,0,0,.4))}@keyframes snapspot-cactus-bounce{0%,to{transform:translateY(0) scaleY(1) scaleX(1)}30%{transform:translateY(-8px) scaleY(1.08) scaleX(.94)}50%{transform:translateY(0) scaleY(.92) scaleX(1.08)}65%{transform:translateY(-4px) scaleY(1.04) scaleX(.97)}80%{transform:translateY(0) scaleY(.98) scaleX(1.02)}}.snapspot-marker-cactus-bounce{animation:snapspot-cactus-bounce .9s cubic-bezier(.36,0,.66,-.56) infinite;display:flex}@keyframes snapspot-petal-fall{0%{opacity:0;transform:translate(0) rotate(0) scale(1)}12%{opacity:1}80%{opacity:.7}to{opacity:0;transform:translate(var(--tx),var(--ty)) rotate(var(--rot)) scale(.35)}}.snapspot-petal{position:absolute;width:7px;height:5px;background:#f9a8d4;border-radius:50%/70% 70% 30% 30%;pointer-events:none;animation:snapspot-petal-fall 1.4s ease-out 0s infinite}.snapspot-marker-cherry{filter:drop-shadow(0 1px 4px rgba(0,0,0,.3))}@keyframes snapspot-frog-tongue{0%{transform:translate(-50%) scaleY(0);opacity:1}18%{transform:translate(-50%) scaleY(1.15);opacity:1}35%{transform:translate(-50%) scaleY(1);opacity:1}72%{transform:translate(-50%) scaleY(1);opacity:1}to{transform:translate(-50%) scaleY(0);opacity:0}}.snapspot-found-marker.snapspot-marker-frog{width:44px;height:44px}.snapspot-found-marker.snapspot-marker-frog span{font-size:30px!important}.snapspot-found-marker.snapspot-marker-frog:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%) scaleY(0);transform-origin:top center;width:7px;height:20px;background:linear-gradient(to bottom,#f9a8d4,#ec4899);border-radius:0 0 8px 8px;pointer-events:none;z-index:11;animation:snapspot-frog-tongue 1.1s ease-out forwards}.snapspot-marker-frog{filter:drop-shadow(0 1px 4px rgba(0,0,0,.35))}@keyframes snapspot-paw-stamp{0%{transform:translate(-50%,-50%) rotate(-15deg) scale(2.8);opacity:1;filter:none}22%{transform:translate(-50%,-50%) rotate(-15deg) scale(.75);opacity:1;filter:drop-shadow(0 0 26px rgba(220,38,38,1)) drop-shadow(0 0 14px rgba(255,80,80,.7))}36%{transform:translate(-50%,-50%) rotate(-15deg) scale(1.22);opacity:1;filter:drop-shadow(0 0 8px rgba(220,38,38,.4))}48%{transform:translate(-50%,-50%) rotate(-15deg) scale(.96);opacity:1;filter:none}58%{transform:translate(-50%,-50%) rotate(-15deg) scale(1);opacity:1;filter:none}to{transform:translate(-50%,-50%) rotate(-15deg) scale(1);opacity:1;filter:none}}.snapspot-found-marker.snapspot-marker-paw{width:46px;height:46px;background:none;animation:snapspot-paw-stamp .65s cubic-bezier(.2,0,.4,1) both}.snapspot-found-marker.snapspot-marker-paw:before{content:"";position:absolute;width:46px;height:46px;top:3px;left:-2px;border:3px solid #dc2626;border-radius:50%;background:#dc262617;pointer-events:none}.snapspot-found-marker.snapspot-marker-paw span{width:100%;height:100%;font-size:34px!important;display:flex!important;align-items:center;justify-content:center;line-height:1;filter:sepia(1) saturate(10) hue-rotate(310deg) brightness(.85)}.snapspot-marker-paw{filter:sepia(1) saturate(10) hue-rotate(310deg) brightness(.85) drop-shadow(0 2px 6px rgba(0,0,0,.5))}.snapspot-found-marker.snapspot-marker-butterfly,.snapspot-found-marker.snapspot-marker-cat,.snapspot-found-marker.snapspot-marker-fox,.snapspot-found-marker.snapspot-marker-panda{width:52px;height:52px}.snapspot-found-marker.snapspot-marker-butterfly span,.snapspot-found-marker.snapspot-marker-cat span,.snapspot-found-marker.snapspot-marker-fox span,.snapspot-found-marker.snapspot-marker-panda span{font-size:34px!important}@keyframes snapspot-scan{0%{top:-3px}to{top:calc(100% - 2px)}}.snapspot-found-marker.snapspot-marker-robot{width:36px;height:36px;overflow:hidden;border-radius:8px;border:1.5px solid rgba(34,211,238,.45);background:#22d3ee0d}.snapspot-found-marker.snapspot-marker-robot span{font-size:30px!important}.snapspot-scan-line{position:absolute;left:0;right:0;height:3px;background:linear-gradient(to right,transparent,#22d3ee 15%,#a5f3fc 50%,#22d3ee 85%,transparent);box-shadow:0 0 8px #22d3eef2,0 0 18px #22d3ee80;animation:snapspot-scan 1.8s ease-in-out infinite alternate;pointer-events:none;z-index:2}.snapspot-scan-line:after{content:"";position:absolute;left:0;right:0;top:3px;height:20px;background:linear-gradient(to bottom,rgba(34,211,238,.15),transparent);pointer-events:none}.snapspot-marker-robot{filter:drop-shadow(0 0 5px rgba(34,211,238,.5))}@keyframes snapspot-matrix-drop{0%{transform:translateY(-12px);opacity:0}12%{opacity:1}80%{opacity:.7}to{transform:translateY(44px);opacity:0}}.snapspot-found-marker.snapspot-marker-matrix{width:40px;height:40px;overflow:hidden;border-radius:6px;background:#000a00eb;border:1px solid rgba(0,255,65,.4);box-shadow:0 0 10px #00ff4140}.snapspot-matrix-char{position:absolute;top:0;font-family:Courier New,monospace;font-size:9px;font-weight:700;color:#0c3;text-shadow:0 0 3px rgba(0,204,51,.6);animation:snapspot-matrix-drop linear infinite}.snapspot-matrix-char.bright{color:#af9;text-shadow:0 0 7px rgba(0,255,65,1),0 0 14px rgba(0,255,65,.5)}@keyframes snapspot-hue-shift{0%{filter:hue-rotate(0deg) brightness(1.1)}to{filter:hue-rotate(360deg) brightness(1.1)}}.snapspot-marker-hue{border-radius:50%}.snapspot-marker-hue .snapspot-marker-inner,.snapspot-marker-preview.snapspot-marker-hue .snapspot-marker-inner{width:100%;height:100%;border-radius:50%;border:3.5px solid #f87171;box-shadow:0 0 10px #f87171b3,inset 0 0 6px #f8717133;background:transparent;animation:snapspot-hue-shift 2s linear infinite}.snapspot-marker-portal .snapspot-marker-inner,.snapspot-marker-preview.snapspot-marker-portal .snapspot-marker-inner{width:38px;height:38px;border:3px dashed #a78bfa;border-radius:50%;box-shadow:0 0 10px #a78bfa8c,inset 0 0 10px #a78bfa33;animation:snapspot-spin 1.5s linear infinite}.snapspot-wrong-x{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:30;animation:snapspot-wrong-x .65s ease-out forwards}.snapspot-wrong-x:before,.snapspot-wrong-x:after{content:"";position:absolute;width:44px;height:6px;background:#ef4444;border-radius:3px;top:50%;left:50%}.snapspot-wrong-x:before{transform:translate(-50%,-50%) rotate(45deg)}.snapspot-wrong-x:after{transform:translate(-50%,-50%) rotate(-45deg)}@keyframes snapspot-wrong-x{0%{opacity:1;transform:translate(-50%,-50%) scale(.4)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}60%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@keyframes snapspot-screen-shake{0%,to{transform:translate(0)}15%{transform:translate(-7px)}30%{transform:translate(7px)}45%{transform:translate(-5px)}60%{transform:translate(5px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}.snapspot-images.snapspot-shake{animation:snapspot-screen-shake .4s ease}.snapspot-hud{display:flex;align-items:flex-start;justify-content:space-between;width:100%;max-width:500px;padding:.5rem 0 .75rem;margin-top:-.85rem;flex-shrink:0}.snapspot-hearts{display:flex;align-items:center;gap:.3rem}.snapspot-heart-count{font-size:1.2rem;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.snapspot-hud-slots{display:flex;flex-wrap:wrap;gap:.3rem;max-width:155px;justify-content:flex-start}.snapspot-slot{width:26px;height:26px;border-radius:5px;background:#c8a96e4d;border:2px solid rgba(200,169,110,.6);transition:background .2s;display:flex;align-items:center;justify-content:center}.snapspot-slot.found{background:#c8a96e;border-color:#a8793e}.snapspot-hint-btn{display:flex;flex-direction:column;align-items:center;gap:.1rem;background:#c8a96e;border:2px solid #a8793e;border-radius:8px;padding:.4rem .65rem;cursor:pointer;color:#3a2000;font-weight:800;font-size:.65rem;letter-spacing:.05em;box-shadow:0 2px 4px #0000004d;transition:opacity .2s}.snapspot-hint-btn:disabled{opacity:.45;cursor:not-allowed}@keyframes snapspot-hint-blink{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.1;transform:translate(-50%,-50%) scale(1.2)}}.snapspot-hint-marker{position:absolute;width:40px;height:40px;transform:translate(-50%,-50%);border:3px solid #facc15;border-radius:50%;background:#facc1540;pointer-events:none;animation:snapspot-hint-blink .5s ease-in-out infinite;z-index:5}.snapspot-arcade-hud{justify-content:space-between;align-items:center}.snapspot-arcade-stages{display:flex;flex-direction:column;align-items:center;min-width:54px}.snapspot-arcade-stages-label{font-size:.6rem;font-weight:800;color:#c8a96e;letter-spacing:.08em}.snapspot-arcade-stages-count{font-size:1.6rem;font-weight:900;color:#fff;line-height:1;text-shadow:0 2px 6px rgba(0,0,0,.4)}.snapspot-arcade-timer{display:flex;flex-direction:column;align-items:center;background:#6366f140;border:2px solid rgba(99,102,241,.6);border-radius:10px;padding:.25rem .7rem;min-width:54px;transition:background .3s,border-color .3s}.snapspot-arcade-timer--danger{background:#ef444440;border-color:#ef4444cc;animation:snapspot-timer-pulse .6s ease-in-out infinite}@keyframes snapspot-timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.snapspot-arcade-timer-num{font-size:1.6rem;font-weight:900;color:#fff;line-height:1;text-shadow:0 2px 6px rgba(0,0,0,.4);font-variant-numeric:tabular-nums}@keyframes snapspot-heart-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px) rotate(-10deg)}40%{transform:translate(4px) rotate(10deg)}60%{transform:translate(-3px) rotate(-6deg)}80%{transform:translate(3px) rotate(6deg)}}.snapspot-hearts-shake{animation:snapspot-heart-shake .45s ease}.snapspot-win-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:200;animation:snapspot-fadein .35s ease}@keyframes snapspot-fadein{0%{opacity:0}to{opacity:1}}.snapspot-win-card{background:#fff;border-radius:20px;padding:2.5rem 3.5rem;text-align:center;box-shadow:0 12px 48px #0006;animation:snapspot-slide-up .35s cubic-bezier(.34,1.56,.64,1)}@keyframes snapspot-slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.snapspot-win-emoji{font-size:3.5rem;margin-bottom:.75rem}.snapspot-win-card h2{font-size:1.8rem;color:#111;margin:0 0 .5rem}.snapspot-win-card p{color:#6b7280;margin:0;font-size:1rem}.snapspot-correct-text{position:absolute;transform:translate(-50%);pointer-events:none;z-index:30;font-weight:900;font-size:1.25rem;color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,.8),0 2px 4px rgba(0,0,0,.5);white-space:nowrap;animation:snapspot-correct-text .9s ease-out forwards}@keyframes snapspot-correct-text{0%{opacity:0;transform:translate(-50%) translateY(0) scale(.5)}20%{opacity:1;transform:translate(-50%) translateY(-12px) scale(1.3)}55%{opacity:1;transform:translate(-50%) translateY(-28px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-52px) scale(.9)}}.snapspot-particles{position:absolute;width:0;height:0;pointer-events:none;z-index:29}.snapspot-particle{position:absolute;width:7px;height:7px;border-radius:50%;top:0;left:0;animation:snapspot-particle-fly .65s ease-out forwards}@keyframes snapspot-particle-fly{0%{opacity:1;transform:translate(var(--tx0),var(--ty0)) scale(1)}to{opacity:0;transform:translate(var(--tx1),var(--ty1)) scale(.3)}}.snapspot-ripple{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:20}.snapspot-ripple-ring{position:absolute;width:44px;height:44px;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);border:3px solid #fbbf24;border-radius:50%;opacity:0;animation:snapspot-ripple 1.1s ease-out forwards}.snapspot-ripple-ring:nth-child(2){animation-delay:.22s;border-color:#fb923c}.snapspot-ripple-ring:nth-child(3){animation-delay:.44s;border-color:#f472b6}@keyframes snapspot-ripple{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(5.5);opacity:0}}.snapspot-loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.4rem;color:#9ca3af;background:#111827}.queens-game{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;background:linear-gradient(135deg,#f0f4f8,#e8edf2);display:flex;flex-direction:column;align-items:center;padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-sizing:border-box}.queens-header{display:flex;align-items:center;width:100%;max-width:500px;margin-bottom:1rem}.queens-back-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.4rem .6rem;color:#334155;border-radius:8px;transition:background .15s}.queens-back-btn:hover{background:#00000012}.queens-level-name{flex:1;text-align:center;font-size:1.1rem;font-weight:700;color:#334155}.queens-memo-btn{background:none;border:1px solid #94a3b8;border-radius:8px;padding:.3rem .65rem;font-size:.8rem;color:#64748b;cursor:pointer;transition:all .15s}.queens-memo-btn.active{background:#4a90e2;border-color:#4a90e2;color:#fff}.queens-reset-btn{background:none;border:1px solid #94a3b8;border-radius:8px;padding:.3rem .75rem;font-size:.8rem;color:#64748b;cursor:pointer;transition:background .15s}.queens-reset-btn:hover{background:#f1f5f9}.queens-status-row{display:flex;align-items:center;gap:.75rem;width:100%;max-width:500px;margin-bottom:1.25rem}.queens-hearts{display:flex;gap:.25rem;flex-shrink:0}.queens-heart{font-size:1.5rem;line-height:1;transition:transform .2s,opacity .3s}.queens-heart.alive{color:#ef4444}.queens-heart.dead{color:#d1d5db;opacity:.5}.queens-progress{display:flex;align-items:center;gap:.6rem;flex:1}.queens-crown-icon{font-size:1.4rem;line-height:1;flex-shrink:0}.queens-progress-bar{flex:1;height:10px;background:#d1d5db;border-radius:999px;overflow:hidden}.queens-progress-fill{height:100%;background:#f59e0b;border-radius:999px;transition:width .3s ease}.queens-progress-text{font-size:.95rem;font-weight:700;color:#334155;min-width:36px;text-align:right}.queens-board-container{width:100%;max-width:460px;aspect-ratio:1 / 1;background:#334155;border-radius:6px;padding:3px;box-shadow:0 8px 24px #0000002e;flex-shrink:0;touch-action:none;-webkit-user-select:none;user-select:none;box-sizing:border-box}.queens-board{display:grid;width:100%;height:100%;gap:2px}.queens-cell{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;overflow:hidden;transition:filter .1s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.queens-cell:active{filter:brightness(.88)}@keyframes cell-ripple-in{0%{transform:scale(0);opacity:0}55%{transform:scale(1.1);opacity:1}75%{transform:scale(.96)}to{transform:scale(1);opacity:1}}.queens-cell.rippling{animation:cell-ripple-in .42s cubic-bezier(.34,1.56,.64,1) both;animation-delay:var(--ripple-delay, 0ms)}.queens-cell.rippling:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:linear-gradient(135deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translate(-100%,-100%);animation:cell-shine .55s ease-in-out both;animation-delay:var(--ripple-delay, 0ms);pointer-events:none;z-index:1}@keyframes cell-shine{to{transform:translate(100%,100%)}}.queens-cell.conflict{outline:2.5px solid #ef4444;outline-offset:-2px;animation:conflict-pulse .35s ease}.cell-queen{width:clamp(1.6rem,6.5vw,2.6rem);height:clamp(1.6rem,6.5vw,2.6rem);object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35));animation:crown-slam .42s cubic-bezier(.25,.46,.45,.94) both;flex-shrink:0}[data-n="8"] .cell-queen{width:clamp(1.25rem,5.2vw,2.1rem);height:clamp(1.25rem,5.2vw,2.1rem)}[data-n="9"] .cell-queen{width:clamp(1.05rem,4.5vw,1.8rem);height:clamp(1.05rem,4.5vw,1.8rem)}[data-n="10"] .cell-queen{width:clamp(.9rem,3.8vw,1.55rem);height:clamp(.9rem,3.8vw,1.55rem)}[data-n="11"] .cell-queen{width:clamp(.78rem,3.2vw,1.35rem);height:clamp(.78rem,3.2vw,1.35rem)}@keyframes crown-slam{0%{transform:translateY(calc(-8% - 30px)) scale(3.2);opacity:1}38%{transform:translateY(-8%) scale(.78);opacity:1}58%{transform:translateY(-8%) scale(1.14)}78%{transform:translateY(-8%) scale(.95)}to{transform:translateY(-8%) scale(1)}}@keyframes board-shake{0%{transform:translate(0)}18%{transform:translate(-4px,3px)}36%{transform:translate(4px,-3px)}54%{transform:translate(-3px,2px)}72%{transform:translate(2px,-1px)}to{transform:translate(0)}}@keyframes board-wrong-shake{0%{transform:translate(0)}12%{transform:translate(-10px)}25%{transform:translate(10px)}37%{transform:translate(-8px)}50%{transform:translate(8px)}62%{transform:translate(-5px)}75%{transform:translate(5px)}87%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes error-flash{0%{opacity:.45}to{opacity:0}}.queens-error-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#dc2626;pointer-events:none;z-index:500;animation:error-flash .45s ease-out forwards}@keyframes particle-fly{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(0);opacity:0}}.queens-cell.cell-flipping{z-index:10}.queens-cell.cell-flipping:after{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.65) 50%,transparent 70%);transform:translate(-100%,-100%);animation:queen-shine-sweep .55s ease-out both;pointer-events:none;z-index:2}@keyframes queen-shine-sweep{to{transform:translate(100%,100%)}}.cell-queen.conflict{filter:drop-shadow(0 0 4px #dc2626) drop-shadow(0 0 8px #dc262680)}.cell-mark{width:clamp(1.4rem,6vw,2.2rem);height:clamp(1.4rem,6vw,2.2rem);color:#ffffffd9;pointer-events:none;flex-shrink:0;animation:mark-boing .32s cubic-bezier(.34,1.56,.64,1) both}[data-n="8"] .cell-mark{width:clamp(1.1rem,4.6vw,1.85rem);height:clamp(1.1rem,4.6vw,1.85rem)}[data-n="9"] .cell-mark{width:clamp(.95rem,4vw,1.6rem);height:clamp(.95rem,4vw,1.6rem)}[data-n="10"] .cell-mark{width:clamp(.8rem,3.4vw,1.4rem);height:clamp(.8rem,3.4vw,1.4rem)}[data-n="11"] .cell-mark{width:clamp(.7rem,3vw,1.2rem);height:clamp(.7rem,3vw,1.2rem)}.cell-mark-memo{width:clamp(.7rem,3vw,1.1rem)!important;height:clamp(.7rem,3vw,1.1rem)!important;color:#0000008c!important;animation:none!important}.cell-queen-memo{width:clamp(.8rem,3.25vw,1.3rem)!important;height:clamp(.8rem,3.25vw,1.3rem)!important;animation:none!important;transform:translateY(-8%)!important;opacity:.55!important}@keyframes mark-boing{0%{transform:scale(0);opacity:0}55%{transform:scale(1.35);opacity:1}78%{transform:scale(.88)}to{transform:scale(1);opacity:1}}.cell-mark-out{animation:mark-boing-out .24s ease-in both!important}@keyframes mark-boing-out{0%{transform:scale(1);opacity:1}30%{transform:scale(1.15);opacity:1}to{transform:scale(0);opacity:0}}@keyframes conflict-pulse{0%,to{transform:scale(1)}40%{transform:scale(.94)}}@keyframes board-out{0%{opacity:1}to{opacity:0}}.queens-board-container.board-out{animation:board-out .18s ease-in forwards}.queens-board-container.board-shaking{animation:board-shake .38s ease-out}.queens-board-container.board-wrong-shaking{animation:board-wrong-shake .42s ease-out}.queens-win-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:200;animation:fade-in .25s ease}.queens-win-modal{background:#fff;border-radius:24px;padding:2.5rem 2rem;text-align:center;max-width:300px;width:88%;display:flex;flex-direction:column;align-items:center;gap:.6rem;animation:scale-in .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #00000040}.queens-win-modal h2{margin:0;font-size:2rem;color:#1e293b}.queens-win-modal p{margin:0;color:#64748b;font-size:.95rem}.queens-win-btn{margin-top:.75rem;background:#4a90e2;color:#fff;border:none;border-radius:14px;padding:.75rem 2.25rem;font-size:1.05rem;font-weight:700;cursor:pointer;transition:filter .15s}.queens-win-btn:hover{filter:brightness(1.1)}@keyframes scale-in{0%{transform:scale(.75);opacity:0}to{transform:scale(1);opacity:1}}.queens-hint{margin-top:1rem;font-size:.78rem;color:#94a3b8;display:flex;align-items:center;gap:.6rem;width:100%;max-width:460px}.queens-hint-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queens-queen-hint-btn{margin-left:auto;flex-shrink:0;display:flex;align-items:center;gap:2px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;padding:.3rem .6rem;font-size:.8rem;color:#fff;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s;box-shadow:0 2px 6px #f59e0b59}.queens-queen-hint-btn:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-1px);box-shadow:0 4px 10px #f59e0b73}.queens-queen-hint-btn.used,.queens-queen-hint-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}.queens-ad-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.queens-ad-modal{background:#fff;border-radius:18px;padding:1.75rem 1.5rem 1.5rem;width:100%;max-width:300px;text-align:center;animation:scale-in .18s ease}.queens-ad-icon{font-size:2.5rem;margin-bottom:.4rem;line-height:1}.queens-ad-title{font-size:1.1rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.queens-ad-desc{font-size:.85rem;color:#64748b;line-height:1.6;margin-bottom:1.25rem}.queens-ad-btn-primary{display:block;width:100%;padding:.75rem;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;margin-bottom:.5rem;transition:opacity .15s}.queens-ad-btn-primary:hover{opacity:.9}.queens-ad-btn-secondary{display:block;width:100%;padding:.6rem;background:none;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;font-size:.9rem;cursor:pointer;transition:background .15s}.queens-ad-btn-secondary:hover{background:#f8fafc}.dbl-intro-card{background:#fff;border-radius:24px;padding:1.75rem 1.5rem 1.5rem;max-width:320px;width:92%;display:flex;flex-direction:column;align-items:center;gap:.65rem;text-align:center;box-shadow:0 24px 64px #00000073;animation:scale-in .35s cubic-bezier(.34,1.56,.64,1)}.dbl-intro-visual{margin:.25rem 0}.dbl-intro-title{margin:0;font-size:1.15rem;font-weight:800;color:#1e293b}.dbl-intro-desc{margin:0;font-size:.85rem;color:#475569;line-height:1.6}.queens-double-intro{gap:.75rem}.queens-double-rules{display:flex;gap:.5rem;width:100%;margin:.25rem 0}.queens-double-rule{flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:14px;padding:.75rem .4rem}.queens-double-rule-icon{font-size:1.5rem;line-height:1}.queens-double-rule-label{font-size:.75rem;font-weight:700;color:#0369a1;text-align:center;line-height:1.4}.queens-home-btn{background:none;color:#64748b;border:1px solid #cbd5e1;border-radius:14px;padding:.6rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s}.queens-home-btn:hover{background:#f1f5f9}.queens-cell.tut-dim{filter:brightness(.52);transition:filter .2s}.queens-cell.tut-hl{filter:brightness(1.05);outline:2.5px solid rgba(255,255,255,.9);outline-offset:-2.5px;transition:filter .2s}.queens-cell.tut-center{filter:brightness(1.05);outline:3px solid white;outline-offset:-2.5px;position:relative;z-index:1}.queens-cell.tut-forbidden{filter:brightness(1);outline:2.5px solid #ef4444;outline-offset:-2.5px}.queens-cell.tut-guidedim{filter:brightness(.42);transition:filter .2s}.queens-cell.tut-guide{filter:brightness(1.12);position:relative;z-index:1;animation:tut-pulse 1.1s ease-in-out infinite}@keyframes tut-pulse{0%,to{box-shadow:0 0 0 3px #fff,0 0 0 6px #ffffff59}50%{box-shadow:0 0 0 3px #fff,0 0 0 12px #fff9}}.cell-ghost-queen{width:clamp(1.6rem,6.5vw,2.6rem);height:clamp(1.6rem,6.5vw,2.6rem);object-fit:contain;pointer-events:none;opacity:.5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));flex-shrink:0}[data-n="8"] .cell-ghost-queen{width:clamp(1.25rem,5.2vw,2.1rem);height:clamp(1.25rem,5.2vw,2.1rem)}[data-n="9"] .cell-ghost-queen{width:clamp(1.05rem,4.5vw,1.8rem);height:clamp(1.05rem,4.5vw,1.8rem)}[data-n="10"] .cell-ghost-queen{width:clamp(.9rem,3.8vw,1.55rem);height:clamp(.9rem,3.8vw,1.55rem)}[data-n="11"] .cell-ghost-queen{width:clamp(.78rem,3.2vw,1.35rem);height:clamp(.78rem,3.2vw,1.35rem)}.cell-forbidden-mark{font-size:clamp(1.1rem,4.5vw,1.8rem);font-weight:900;line-height:1;color:#ef4444eb;pointer-events:none}.tut-intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080f1ee6;display:flex;align-items:center;justify-content:center;z-index:150;padding:1.5rem;animation:fade-in .3s ease}.tut-intro-card{background:#fff;border-radius:24px;padding:2.25rem 2rem 1.75rem;max-width:320px;width:100%;display:flex;flex-direction:column;align-items:center;gap:.85rem;text-align:center;box-shadow:0 24px 64px #00000073;animation:scale-in .35s cubic-bezier(.34,1.56,.64,1)}.tut-intro-crown{font-size:3.5rem;line-height:1;color:#f59e0b}.tut-intro-title{margin:0;font-size:2rem;font-weight:800;color:#1e293b}.tut-intro-sub{margin:0;font-size:.9rem;color:#64748b;line-height:1.5}.tut-start-btn{width:100%;background:#4a90e2;color:#fff;border:none;border-radius:14px;padding:.9rem;font-size:1.05rem;font-weight:700;cursor:pointer;transition:filter .15s;margin-top:.35rem}.tut-start-btn:hover{filter:brightness(1.1)}.tut-skip-link{background:none;border:none;color:#94a3b8;font-size:.82rem;cursor:pointer;text-decoration:underline;padding:.2rem}.tut-rule-card{width:100%;max-width:460px;background:#fff;border-radius:18px;padding:1.1rem 1.25rem 1rem;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;gap:.5rem;animation:slide-up .22s ease-out}@keyframes slide-up{0%{transform:translateY(10px);opacity:.6}to{transform:translateY(0);opacity:1}}.tut-rule-header{display:flex;align-items:center;justify-content:space-between}.tut-rule-label{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.tut-rule-dots{display:flex;gap:5px}.tut-dot{width:7px;height:7px;border-radius:50%;background:#e2e8f0;transition:background .2s}.tut-dot.active{background:#4a90e2}.tut-rule-title{font-size:1.1rem;font-weight:800;color:#1e293b}.tut-rule-desc{font-size:.85rem;color:#475569;line-height:1.6}.tut-rule-nav{display:flex;gap:.6rem;margin-top:.35rem}.tut-nav-btn{flex:1;border-radius:10px;padding:.6rem .5rem;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .15s}.tut-prev{background:#f1f5f9;border:1.5px solid #e2e8f0;color:#64748b}.tut-prev:hover{background:#e2e8f0}.tut-next{background:#4a90e2;border:none;color:#fff}.tut-next:hover{filter:brightness(1.08)}.tut-interact-banner{width:100%;max-width:460px;background:#1e293b;border-radius:16px;padding:.85rem 1.2rem 1rem;color:#fff;text-align:center;animation:slide-up .22s ease-out}.tut-interact-progress{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.55rem}.tut-interact-dots{display:flex;gap:4px}.tut-idot{width:6px;height:6px;border-radius:50%;background:#334155;transition:background .2s,transform .2s}.tut-idot.done{background:#4a90e2}.tut-idot.current{background:#fbbf24;transform:scale(1.3)}.tut-interact-count{font-size:.72rem;font-weight:700;color:#475569;letter-spacing:.04em}.tut-interact-title{font-size:1rem;font-weight:800;color:#fbbf24;margin-bottom:.3rem}.tut-interact-desc{font-size:.83rem;color:#94a3b8;line-height:1.65}.ap-page{min-height:100dvh;background:#0d1526;display:flex;flex-direction:column;align-items:center;color:#fff}.ap-header{width:100%;max-width:480px;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem}.ap-icon-btn{background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.ap-icon-btn:hover{background:#ffffff24}.ap-level-badge{font-size:.95rem;font-weight:700;background:#1b2a48;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:.3rem 1.2rem;letter-spacing:.04em}.ap-board-wrap{flex:1;display:flex;align-items:center;justify-content:center;position:relative;width:100%;padding:1rem}.ap-svg{width:min(calc(100vw - 2rem),420px);height:auto}.ap-piece{transition:opacity .08s}@keyframes wiggle-right{0%{transform:translate(0)}30%{transform:translate(10px)}65%{transform:translate(-5px)}to{transform:translate(0)}}@keyframes wiggle-left{0%{transform:translate(0)}30%{transform:translate(-10px)}65%{transform:translate(5px)}to{transform:translate(0)}}@keyframes wiggle-up{0%{transform:translateY(0)}30%{transform:translateY(-10px)}65%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes wiggle-down{0%{transform:translateY(0)}30%{transform:translateY(10px)}65%{transform:translateY(-5px)}to{transform:translateY(0)}}.ap-piece.wiggle-right{animation:wiggle-right .42s ease}.ap-piece.wiggle-left{animation:wiggle-left .42s ease}.ap-piece.wiggle-up{animation:wiggle-up .42s ease}.ap-piece.wiggle-down{animation:wiggle-down .42s ease}.ap-clear-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;animation:apFadeIn .3s ease}@keyframes apFadeIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.ap-clear-card{background:#16243e;border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:2.5rem 2.2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem}.ap-clear-emoji{font-size:3.2rem;margin-bottom:.2rem}.ap-clear-card h2{font-size:1.8rem;font-weight:800;margin:0}.ap-clear-card p{color:#ffffff8c;margin:0;font-size:.92rem}.ap-btn-primary{margin-top:.8rem;background:linear-gradient(135deg,#7c3aed,#a78bfa);border:none;border-radius:14px;color:#fff;font-size:1rem;font-weight:700;padding:.8rem 2.2rem;cursor:pointer;transition:transform .1s,box-shadow .1s}.ap-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #7c3aed73}.ap-btn-primary:active{transform:translateY(0)}.ap-header-btns{display:flex;gap:.4rem;align-items:center}.ap-select-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;padding:2rem 1.5rem}.ap-select-title{text-align:center}.ap-select-title h1{font-size:1.9rem;font-weight:800;margin:0;background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ap-select-title p{color:#ffffff61;font-size:.88rem;margin:.5rem 0 0}.ap-diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;width:100%;max-width:360px}.ap-diff-card{display:flex;flex-direction:column;gap:.25rem;padding:1rem .85rem;border-radius:14px;border:1.5px solid rgba(255,255,255,.1);background:#ffffff0d;cursor:pointer;transition:transform .18s,background .18s,border-color .18s;text-align:center}.ap-diff-card:hover{transform:translateY(-4px);background:#ffffff1a;border-color:var(--diff-color);box-shadow:0 0 0 1px var(--diff-color) inset}.ap-diff-card:active{transform:translateY(-1px)}.ap-diff-name{font-size:1.05rem;font-weight:800;color:var(--diff-color)}.ap-diff-grid-size{font-size:.72rem;color:#ffffff80;font-weight:600}.ap-diff-desc{font-size:.68rem;color:#ffffff4d;margin-top:.1rem}.ap-generating{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.ap-spinner{width:38px;height:38px;border:3px solid rgba(255,255,255,.1);border-top-color:#a78bfa;border-radius:50%;animation:apSpin .75s linear infinite}@keyframes apSpin{to{transform:rotate(360deg)}}.ap-generating p{color:#fff6;font-size:.9rem}.ap-clear-btns{display:flex;gap:.6rem;margin-top:.8rem}.ap-btn-secondary{background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:14px;color:#fff;font-size:1rem;font-weight:700;padding:.8rem 1.6rem;cursor:pointer;transition:background .15s}.ap-btn-secondary:hover{background:#ffffff24}.ap-btn-text{background:none;border:none;color:#ffffff59;font-size:.82rem;cursor:pointer;padding:.4rem .8rem;transition:color .15s;margin-top:.2rem}.ap-btn-text:hover{color:#ffffffa6}.ale-page{min-height:100dvh;background:#0d1526;display:flex;flex-direction:column;color:#fff;font-family:inherit}.ale-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.ale-title{font-size:1rem;font-weight:700;letter-spacing:.03em}.ale-icon-btn{background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer}.ale-icon-btn:hover{background:#ffffff24}.ale-body{flex:1;display:flex;gap:1.5rem;padding:1.25rem;overflow:hidden}.ale-panel{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:1rem}.ale-tabs{display:flex;background:#ffffff0d;border-radius:10px;padding:3px;gap:3px}.ale-tab{flex:1;background:none;border:none;color:#ffffff80;font-size:.82rem;font-weight:600;padding:.45rem 0;border-radius:8px;cursor:pointer;transition:all .15s}.ale-tab.active{background:#1b2a48;color:#fff}.ale-section{display:flex;flex-direction:column;gap:.9rem}.ale-diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.ale-diff-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .4rem;border-radius:10px;border:1.5px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffffff8c;cursor:pointer;transition:all .15s}.ale-diff-btn:hover{background:#ffffff1a;border-color:#fff3}.ale-diff-label{font-size:.82rem;font-weight:700}.ale-diff-desc{font-size:.68rem;opacity:.7}.ale-diff-btn:hover{background:#ffffff1a;border-color:#ffffff40}.ale-field-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ale-field-row label{font-size:.85rem;color:#fff9;white-space:nowrap}.ale-field-col{display:flex;flex-direction:column;gap:.4rem}.ale-field-col label{font-size:.82rem;color:#fff9}.ale-num-row{display:flex;align-items:center;gap:.4rem}.ale-num-row span{color:#fff6}.ale-num{width:52px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:.9rem;padding:.35rem .5rem;text-align:center}.ale-num:focus{outline:none;border-color:#7c3aed99}.ale-input{flex:1;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:.82rem;padding:.4rem .6rem;min-width:0}.ale-input:focus{outline:none;border-color:#7c3aed99}.ale-input::placeholder{color:#ffffff40}.ale-key-row{display:flex;gap:.4rem}.ale-icon-btn-sm{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff9;font-size:.72rem;padding:0 .5rem;cursor:pointer;white-space:nowrap}.ale-hint{font-size:.75rem;color:#ffffff59;line-height:1.4}.ale-btn-primary{background:linear-gradient(135deg,#7c3aed,#a78bfa);border:none;border-radius:12px;color:#fff;font-size:.9rem;font-weight:700;padding:.7rem 1rem;cursor:pointer;transition:opacity .15s,transform .1s}.ale-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.ale-btn-primary:disabled{opacity:.4;cursor:not-allowed}.ale-dropzone{border:1.5px dashed rgba(255,255,255,.2);border-radius:12px;min-height:120px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;color:#ffffff59;text-align:center;padding:.5rem;transition:border-color .15s;overflow:hidden}.ale-dropzone:hover{border-color:#7c3aed80}.ale-dropzone.has-image{border-style:solid;border-color:#ffffff26;padding:0}.ale-drop-img{width:100%;height:100%;max-height:200px;object-fit:contain;border-radius:10px}.ale-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:.6rem .8rem;font-size:.8rem;color:#fca5a5}.ale-preview-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:auto;padding:1rem;min-height:300px}.ale-preview-wrap{width:100%;display:flex;align-items:center;justify-content:center}.ale-preview-svg{width:100%;max-width:600px;height:auto}.ale-meta{margin-top:.75rem;font-size:.8rem;color:#ffffff59}.ale-empty{font-size:.85rem;color:#ffffff40;text-align:center;padding:2rem}.ale-output-wrap{border-top:1px solid rgba(255,255,255,.08);padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;max-height:220px}.ale-output-header{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:#ffffff73}.ale-btn-test{background:#10b98126;border:1px solid rgba(16,185,129,.35);border-radius:8px;color:#6ee7b7;font-size:.8rem;font-weight:600;padding:.3rem .8rem;cursor:pointer;transition:background .15s}.ale-btn-test:hover{background:#10b98147}.ale-btn-copy{background:#7c3aed33;border:1px solid rgba(124,58,237,.4);border-radius:8px;color:#a78bfa;font-size:.8rem;font-weight:600;padding:.3rem .8rem;cursor:pointer;transition:background .15s}.ale-btn-copy:hover{background:#7c3aed59}.ale-output-code{flex:1;overflow:auto;background:#0000004d;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:.75rem 1rem;font-size:.75rem;color:#ffffffb3;font-family:Courier New,monospace;margin:0;white-space:pre}@media (max-width: 640px){.ale-body{flex-direction:column;overflow:visible}.ale-panel{width:100%}.ale-preview-panel{min-height:200px}}.se-page{min-height:100dvh;background:#cfe0ec;display:flex;flex-direction:column;align-items:center;color:#1b2a48}.se-header{width:100%;max-width:480px;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem}.se-icon-btn{background:#fff;border:none;border-radius:12px;color:#3a5a8a;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px #0000001f;transition:transform .1s}.se-icon-btn:active{transform:translateY(2px);box-shadow:0 1px #0000001f}.se-title-badge{font-size:1rem;font-weight:800;background:#fff;border-radius:20px;padding:.45rem 1.3rem;box-shadow:0 3px #0000001f}.se-board-wrap{flex:1;display:flex;align-items:center;justify-content:center;position:relative;width:100%;padding:1rem}.se-svg{width:min(calc(100vw - 2rem),420px);height:auto;touch-action:none}.se-cell-bg{fill:#a9bfd1}.se-piece{cursor:grab}.se-piece:active{cursor:grabbing}.se-select-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem 1.5rem}.se-select-screen h1{font-size:1.7rem;font-weight:800;margin:0}.se-level-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;width:100%;max-width:360px}.se-level-card{display:flex;flex-direction:column;gap:.3rem;padding:1.1rem .9rem;border-radius:16px;border:none;background:#fff;cursor:pointer;box-shadow:0 4px #0000001f;transition:transform .15s;text-align:center}.se-level-card:hover{transform:translateY(-3px)}.se-level-card:active{transform:translateY(1px)}.se-level-name{font-size:1.05rem;font-weight:800;color:#3a5a8a}.se-level-meta{font-size:.72rem;color:#1b2a488c;font-weight:600}.se-clear-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;animation:seFadeIn .3s ease}@keyframes seFadeIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.se-clear-card{background:#fff;border-radius:22px;padding:2.5rem 2.2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem}.se-clear-emoji{font-size:3.2rem;margin-bottom:.2rem}.se-clear-card h2{font-size:1.8rem;font-weight:800;margin:0;color:#1b2a48}.se-clear-card p{color:#1b2a488c;margin:0;font-size:.92rem}.se-clear-btns{display:flex;gap:.6rem;margin-top:.8rem}.se-btn-primary{background:linear-gradient(135deg,#29b6f6,#4fc3f7);border:none;border-radius:14px;color:#fff;font-size:1rem;font-weight:700;padding:.8rem 2rem;cursor:pointer;transition:transform .1s,box-shadow .1s}.se-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #29b6f673}.se-btn-primary:active{transform:translateY(0)}.se-btn-secondary{background:#eef3f8;border:none;border-radius:14px;color:#1b2a48;font-size:1rem;font-weight:700;padding:.8rem 1.6rem;cursor:pointer;transition:background .15s}.se-btn-secondary:hover{background:#dde6ef}.se-btn-text{background:none;border:none;color:#1b2a4873;font-size:.82rem;cursor:pointer;padding:.4rem .8rem;transition:color .15s;margin-top:.2rem}.se-btn-text:hover{color:#1b2a48cc}.we-page{min-height:100dvh;background:linear-gradient(180deg,#e8dcc4,#d8c9a3);display:flex;flex-direction:column;align-items:center;color:#3a2b1e}.we-header{width:100%;max-width:480px;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:1rem 1.25rem}.we-icon-btn{background:#fdf6ec;border:none;border-radius:12px;color:#7c9b5a;width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px #3a2b1e33;transition:transform .1s}.we-icon-btn:active{transform:translateY(2px);box-shadow:0 1px #3a2b1e33}.we-title-badge{font-size:1rem;font-weight:800;background:#fdf6ec;border-radius:20px;padding:.45rem 1.3rem;box-shadow:0 3px #3a2b1e33;white-space:nowrap}.we-timer-badge{display:flex;align-items:center;gap:.3rem;font-size:.95rem;font-weight:800;font-variant-numeric:tabular-nums;background:#fdf6ec;border-radius:20px;padding:.45rem .9rem;box-shadow:0 3px #3a2b1e33;color:#7c9b5a}.we-timer-badge--warn{color:#c1694f;animation:wePulse 1s ease-in-out infinite}@keyframes wePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.we-board-wrap{flex:1;display:flex;align-items:center;justify-content:center;position:relative;width:100%;padding:1rem}.we-svg{width:min(calc(100vw - 2rem),460px);height:auto;touch-action:none}.we-cell-bg{fill:#c2a878}.we-worm{cursor:grab}.we-worm:active{cursor:grabbing}.we-select-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem 1.5rem}.we-select-screen h1{font-size:1.7rem;font-weight:800;margin:0}.we-level-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;width:100%;max-width:360px}.we-level-card{display:flex;flex-direction:column;gap:.3rem;padding:1.1rem .9rem;border-radius:16px;border:none;background:#fdf6ec;cursor:pointer;box-shadow:0 4px #3a2b1e33;transition:transform .15s;text-align:center}.we-level-card:hover{transform:translateY(-3px)}.we-level-card:active{transform:translateY(1px)}.we-level-name{font-size:1.05rem;font-weight:800;color:#7c9b5a}.we-level-meta{font-size:.72rem;color:#3a2b1e99;font-weight:600}.we-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#3a2b1e66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;animation:weFadeIn .3s ease}@keyframes weFadeIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.we-overlay-card{background:#fdf6ec;border-radius:22px;padding:2.5rem 2.2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem}.we-overlay-emoji{font-size:3.2rem;margin-bottom:.2rem}.we-overlay-card h2{font-size:1.8rem;font-weight:800;margin:0;color:#3a2b1e}.we-overlay--lost .we-overlay-card h2{color:#c1694f}.we-overlay-card p{color:#3a2b1e99;margin:0;font-size:.92rem}.we-overlay-btns{display:flex;gap:.6rem;margin-top:.8rem}.we-btn-primary{background:linear-gradient(135deg,#7c9b5a,#98b878);border:none;border-radius:14px;color:#fff;font-size:1rem;font-weight:700;padding:.8rem 2rem;cursor:pointer;transition:transform .1s,box-shadow .1s}.we-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #7c9b5a73}.we-btn-primary:active{transform:translateY(0)}.we-btn-secondary{background:#eee5d4;border:none;border-radius:14px;color:#3a2b1e;font-size:1rem;font-weight:700;padding:.8rem 1.6rem;cursor:pointer;transition:background .15s}.we-btn-secondary:hover{background:#e2d6bc}.we-btn-text{background:none;border:none;color:#3a2b1e80;font-size:.82rem;cursor:pointer;padding:.4rem .8rem;transition:color .15s;margin-top:.2rem}.we-btn-text:hover{color:#3a2b1ed9}.crossword-outer{min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;background:#1e1e2e;padding:16px;box-sizing:border-box;overflow-y:auto}.crossword-container{display:flex;flex-direction:column;width:100%;max-width:460px;background:#35354a;color:#fff;font-family:Noto Sans KR,sans-serif;-webkit-user-select:none;user-select:none;border-radius:20px;box-shadow:0 8px 40px #00000080;overflow:hidden}.crossword-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#2c2c3e;flex-shrink:0;gap:8px}.crossword-back-btn{width:42px;height:42px;border:none;background:#4a4a60;border-radius:12px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.crossword-back-btn:active{opacity:.7}.crossword-title{font-size:1.15rem;font-weight:700;color:#fff;flex:1;text-align:center}.crossword-reset-btn{height:36px;padding:0 12px;border:none;background:#4a4a60;border-radius:10px;font-size:.78rem;font-weight:600;cursor:pointer;color:#ccc;flex-shrink:0}.crossword-reset-btn:active{opacity:.7}.crossword-grid-wrapper{display:flex;align-items:center;justify-content:center;padding:12px;width:100%;box-sizing:border-box}.crossword-grid{display:grid;gap:4px}.crossword-cell{border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;transition:background .1s,border-color .1s,transform .08s}.crossword-cell.blocked{background:#2e2e40;cursor:default;border-radius:8px}.crossword-cell.active{background:#5a5a72;color:#fff;border:2px solid #6a6a84}.crossword-cell.fixed{background:#5a5a72;color:#e0e0f0;border:2px solid #6a6a84;cursor:default}.crossword-cell.highlighted{background:#5a5a72;border:2.5px solid #e87f3a}.crossword-cell.correct{background:#2d6a4f;border:2px solid #3d8a5f;color:#b8f0d0;cursor:default}.crossword-cell.shaking{background:#6a2020;border:2px solid #e74c3c;color:#ffb0b0;animation:cell-shake .55s ease}@keyframes cell-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}35%{transform:translate(6px)}55%{transform:translate(-4px)}75%{transform:translate(4px)}90%{transform:translate(-2px)}}.crossword-selected-hint{font-size:.82rem;color:#9090b0;text-align:center;padding:6px 16px;min-height:28px;flex-shrink:0}.crossword-tile-pool{background:#2c2c3e;padding:12px 16px 28px;flex-shrink:0}.crossword-tiles{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.crossword-tile{width:62px;height:62px;background:#5a5a72;border:2px solid #7070a0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:#fff;cursor:pointer;transition:transform .08s,background .1s;box-shadow:0 3px #3a3a50}.crossword-tile:hover:not(:disabled){background:#6a6a88;transform:translateY(-2px)}.crossword-tile:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #3a3a50}.crossword-tile:disabled,.crossword-tile.used{background:#3a3a50;border-color:#4a4a60;color:#5a5a70;cursor:default;box-shadow:none;transform:none}.crossword-win-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.crossword-win-card{background:#2c2c3e;border:2px solid #5a5a80;border-radius:24px;padding:2rem 1.75rem;text-align:center;max-width:300px;width:88%;box-shadow:0 12px 40px #00000080;animation:pop-in .25s ease}@keyframes pop-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.crossword-win-emoji{font-size:3rem;margin-bottom:.5rem}.crossword-win-card h2{font-size:1.75rem;font-weight:800;color:#7de8a0;margin:0 0 .35rem}.crossword-win-card p{color:#9090b0;margin:0 0 1.5rem;font-size:.95rem}.crossword-win-actions{display:flex;gap:.75rem;justify-content:center}.crossword-win-btn{padding:.7rem 1.25rem;border:none;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;background:#4a7abf;color:#fff}.crossword-win-btn:active{opacity:.8}.crossword-win-btn.secondary{background:#4a4a60;color:#ccc}@font-face{font-family:Kaph;src:url(./assets/fonts/Kaph-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:monogram;src:url(/assets/monogram-BARivBQV.ttf) format("truetype");font-weight:400;font-style:normal}:root{--bg-primary: #ffffff;--bg-secondary: #f0f4f8;--brand-primary: #3b6b91;--brand-secondary: #7499b9;--text-main: #34495e;--text-muted: #7f8c8d;--grid-line-thick: #3b6b91;--grid-line-thin: #bdc3c7;--cell-bg: #ffffff;--cell-highlight: #e3f2fd;--cell-selected: #bbdefb;--cell-same-num: #e1f5fe;--error-color: #e74c3c;--accent-blue: #5487b1}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-main);display:flex;justify-content:center;overflow-x:hidden}#root{width:100%;max-width:500px;padding:.5rem}.sudoku-container{display:flex;flex-direction:column;gap:.5rem;width:100%}.game-header{display:flex;flex-direction:column;gap:0;padding:0;margin-bottom:0}.game-nav{display:flex;justify-content:space-between;align-items:center;background:#2d3a4a;padding:.6rem .75rem;border-radius:10px;box-shadow:0 4px 12px #0000002e}.game-nav-left,.game-nav-right{display:flex;align-items:center;gap:.4rem}.nav-icon-btn{background:#ffffff1f;border:none;border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#cbd5e1}.nav-icon-btn:hover{background:#fff3}.game-info-bar{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:.4rem .75rem .2rem}.info-left{display:flex;align-items:center}.info-center{display:flex;align-items:center;justify-content:center;gap:.4rem}.info-right{display:flex;align-items:center;justify-content:flex-end;gap:.4rem}.header-value{font-size:1.1rem;font-weight:600;color:var(--text-main)}.difficulty-select{border:none;background:transparent;font-size:1.1rem;font-weight:600;color:var(--text-main);cursor:pointer;padding:0;display:flex;align-items:center;gap:.25rem}.pause-btn{background:#eef2f7;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--brand-primary)}.sudoku-board{display:grid;grid-template-columns:repeat(9,1fr);border:2px solid var(--brand-primary);background-color:transparent;gap:0;aspect-ratio:1}.sudoku-cell{background-color:var(--cell-bg);display:flex;justify-content:center;align-items:center;font-size:1.6rem;font-weight:400;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;width:100%;aspect-ratio:1;border-right:1px solid #b8cdd8;border-bottom:1px solid #b8cdd8}.sudoku-cell.highlight{background-color:var(--cell-highlight)}.sudoku-cell.selected{background-color:var(--cell-selected)!important}.sudoku-cell.initial{color:#2c3e50;font-weight:500}.sudoku-cell.user.error{color:var(--error-color)}.sudoku-cell.user{color:var(--brand-primary)}.sudoku-cell.error{color:var(--error-color)}.level-badge{background:var(--brand-primary);color:#fff;padding:.2rem .6rem;border-radius:4px;font-size:.9rem;font-weight:600;margin-left:.5rem}.bonus-btn{display:flex;align-items:center;gap:.5rem;background:#27ae60!important;margin:0 auto}.bonus-btn:hover{background:#219150!important}.sudoku-cell:nth-child(9n){border-right:none}.sudoku-cell:nth-child(n+73){border-bottom:none}.sudoku-cell:nth-child(3n):not(:nth-child(9n)){border-right:2px solid var(--brand-primary)}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--brand-primary)}.sudoku-board.sudoku-board-6{grid-template-columns:repeat(6,1fr)}.sudoku-board-6 .sudoku-cell:nth-child(9n){border-right:1px solid #b8cdd8}.sudoku-board-6 .sudoku-cell:nth-child(n+73){border-bottom:1px solid #b8cdd8}.sudoku-board-6 .sudoku-cell:nth-child(3n):not(:nth-child(9n)){border-right:1px solid #b8cdd8}.sudoku-board-6 .sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-board-6 .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:1px solid #b8cdd8}.sudoku-board-6 .sudoku-cell:nth-child(6n){border-right:none}.sudoku-board-6 .sudoku-cell:nth-child(n+31){border-bottom:none}.sudoku-board-6 .sudoku-cell:nth-child(3n):not(:nth-child(6n)){border-right:2px solid var(--brand-primary)}.sudoku-board-6 .sudoku-cell:nth-child(n+7):nth-child(-n+12),.sudoku-board-6 .sudoku-cell:nth-child(n+19):nth-child(-n+24){border-bottom:2px solid var(--brand-primary)}.sudoku-board.sudoku-board-16{grid-template-columns:repeat(16,1fr);border-width:3px}.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+5):nth-child(-n+8),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+21):nth-child(-n+24),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+37):nth-child(-n+40),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+53):nth-child(-n+56),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+13):nth-child(-n+16),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+29):nth-child(-n+32),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+45):nth-child(-n+48),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+61):nth-child(-n+64),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+65):nth-child(-n+68),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+81):nth-child(-n+84),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+97):nth-child(-n+100),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+113):nth-child(-n+116),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+73):nth-child(-n+76),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+89):nth-child(-n+92),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+105):nth-child(-n+108),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+121):nth-child(-n+124),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+133):nth-child(-n+136),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+149):nth-child(-n+152),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+165):nth-child(-n+168),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+181):nth-child(-n+184),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+141):nth-child(-n+144),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+157):nth-child(-n+160),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+173):nth-child(-n+176),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+189):nth-child(-n+192),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+193):nth-child(-n+196),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+209):nth-child(-n+212),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+225):nth-child(-n+228),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+241):nth-child(-n+244),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+201):nth-child(-n+204),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+217):nth-child(-n+220),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+233):nth-child(-n+236),.sudoku-board-16 .sudoku-cell:not(.highlight):not(.selected):nth-child(n+249):nth-child(-n+252){background-color:#3b6b910f}.sudoku-board-16 .sudoku-cell{font-size:.75rem;border-right-color:#7a9bb5;border-bottom-color:#7a9bb5}.sudoku-board.sudoku-board-16 .sudoku-cell:nth-child(9n){border-right:1px solid #7a9bb5}.sudoku-board.sudoku-board-16 .sudoku-cell:nth-child(n+73){border-bottom:1px solid #7a9bb5}.sudoku-board.sudoku-board-16 .sudoku-cell:nth-child(3n):not(:nth-child(9n)){border-right-width:1px}.sudoku-board.sudoku-board-16 .sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-board.sudoku-board-16 .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom-width:1px}.sudoku-board.sudoku-board-16 .sudoku-cell:nth-child(16n){border-right:none}.sudoku-board.sudoku-board-16 .sudoku-cell:nth-child(n+241){border-bottom:none}.sudoku-board.sudoku-board-16 .sudoku-cell:nth-child(4n):not(:nth-child(16n)){border-right:3px solid var(--brand-primary)}.sudoku-board.sudoku-board-16 .sudoku-cell:nth-child(n+49):nth-child(-n+64),.sudoku-board.sudoku-board-16 .sudoku-cell:nth-child(n+113):nth-child(-n+128),.sudoku-board.sudoku-board-16 .sudoku-cell:nth-child(n+177):nth-child(-n+192){border-bottom:3px solid var(--brand-primary)}html.theme-dark .sudoku-board-16 .sudoku-cell:nth-child(3n):not(:nth-child(9n)),html.theme-dark .sudoku-board-16 .sudoku-cell:nth-child(9n){border-right-width:1px}html.theme-dark .sudoku-board-16 .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-dark .sudoku-board-16 .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom-width:1px}html.theme-dark .sudoku-board-16 .sudoku-cell:nth-child(4n):not(:nth-child(16n)){border-right:3px solid #475569}html.theme-dark .sudoku-board-16 .sudoku-cell:nth-child(n+49):nth-child(-n+64),html.theme-dark .sudoku-board-16 .sudoku-cell:nth-child(n+113):nth-child(-n+128),html.theme-dark .sudoku-board-16 .sudoku-cell:nth-child(n+177):nth-child(-n+192){border-bottom:3px solid #475569}html.theme-paper .sudoku-board-16 .sudoku-cell:nth-child(3n):not(:nth-child(9n)),html.theme-paper .sudoku-board-16 .sudoku-cell:nth-child(9n){border-right-width:1px}html.theme-paper .sudoku-board-16 .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-paper .sudoku-board-16 .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom-width:1px}html.theme-paper .sudoku-board-16 .sudoku-cell:nth-child(4n):not(:nth-child(16n)){border-right:3px solid #8b6914}html.theme-paper .sudoku-board-16 .sudoku-cell:nth-child(n+49):nth-child(-n+64),html.theme-paper .sudoku-board-16 .sudoku-cell:nth-child(n+113):nth-child(-n+128),html.theme-paper .sudoku-board-16 .sudoku-cell:nth-child(n+177):nth-child(-n+192){border-bottom:3px solid #8b6914}html.theme-newspaper .sudoku-board-16 .sudoku-cell:nth-child(3n):not(:nth-child(9n)),html.theme-newspaper .sudoku-board-16 .sudoku-cell:nth-child(9n){border-right-width:1px}html.theme-newspaper .sudoku-board-16 .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-newspaper .sudoku-board-16 .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom-width:1px}html.theme-newspaper .sudoku-board-16 .sudoku-cell:nth-child(4n):not(:nth-child(16n)){border-right:3px solid #1a1a1a}html.theme-newspaper .sudoku-board-16 .sudoku-cell:nth-child(n+49):nth-child(-n+64),html.theme-newspaper .sudoku-board-16 .sudoku-cell:nth-child(n+113):nth-child(-n+128),html.theme-newspaper .sudoku-board-16 .sudoku-cell:nth-child(n+177):nth-child(-n+192){border-bottom:3px solid #1a1a1a}html.theme-blueprint .sudoku-board-16 .sudoku-cell:nth-child(3n):not(:nth-child(9n)),html.theme-blueprint .sudoku-board-16 .sudoku-cell:nth-child(9n){border-right-width:1px}html.theme-blueprint .sudoku-board-16 .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-blueprint .sudoku-board-16 .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom-width:1px}html.theme-blueprint .sudoku-board-16 .sudoku-cell:nth-child(4n):not(:nth-child(16n)){border-right:3px solid #ffffff}html.theme-blueprint .sudoku-board-16 .sudoku-cell:nth-child(n+49):nth-child(-n+64),html.theme-blueprint .sudoku-board-16 .sudoku-cell:nth-child(n+113):nth-child(-n+128),html.theme-blueprint .sudoku-board-16 .sudoku-cell:nth-child(n+177):nth-child(-n+192){border-bottom:3px solid #ffffff}html.theme-terminal .sudoku-board-16 .sudoku-cell:nth-child(3n):not(:nth-child(9n)),html.theme-terminal .sudoku-board-16 .sudoku-cell:nth-child(9n){border-right-width:1px}html.theme-terminal .sudoku-board-16 .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-terminal .sudoku-board-16 .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom-width:1px}html.theme-terminal .sudoku-board-16 .sudoku-cell:nth-child(4n):not(:nth-child(16n)){border-right:3px solid #00ff41}html.theme-terminal .sudoku-board-16 .sudoku-cell:nth-child(n+49):nth-child(-n+64),html.theme-terminal .sudoku-board-16 .sudoku-cell:nth-child(n+113):nth-child(-n+128),html.theme-terminal .sudoku-board-16 .sudoku-cell:nth-child(n+177):nth-child(-n+192){border-bottom:3px solid #00ff41}html.theme-watercolor .sudoku-board-16 .sudoku-cell:nth-child(3n):not(:nth-child(9n)),html.theme-watercolor .sudoku-board-16 .sudoku-cell:nth-child(9n){border-right-width:1px}html.theme-watercolor .sudoku-board-16 .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-watercolor .sudoku-board-16 .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom-width:1px}html.theme-watercolor .sudoku-board-16 .sudoku-cell:nth-child(4n):not(:nth-child(16n)){border-right:3px solid #818cf8}html.theme-watercolor .sudoku-board-16 .sudoku-cell:nth-child(n+49):nth-child(-n+64),html.theme-watercolor .sudoku-board-16 .sudoku-cell:nth-child(n+113):nth-child(-n+128),html.theme-watercolor .sudoku-board-16 .sudoku-cell:nth-child(n+177):nth-child(-n+192){border-bottom:3px solid #818cf8}html.theme-hanji .sudoku-board-16 .sudoku-cell:nth-child(3n):not(:nth-child(9n)),html.theme-hanji .sudoku-board-16 .sudoku-cell:nth-child(9n){border-right-width:1px}html.theme-hanji .sudoku-board-16 .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-hanji .sudoku-board-16 .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom-width:1px}html.theme-hanji .sudoku-board-16 .sudoku-cell:nth-child(4n):not(:nth-child(16n)){border-right:3px solid #2c1810}html.theme-hanji .sudoku-board-16 .sudoku-cell:nth-child(n+49):nth-child(-n+64),html.theme-hanji .sudoku-board-16 .sudoku-cell:nth-child(n+113):nth-child(-n+128),html.theme-hanji .sudoku-board-16 .sudoku-cell:nth-child(n+177):nth-child(-n+192){border-bottom:3px solid #2c1810}html.theme-space .sudoku-board-16 .sudoku-cell:nth-child(3n):not(:nth-child(9n)),html.theme-space .sudoku-board-16 .sudoku-cell:nth-child(9n){border-right-width:1px}html.theme-space .sudoku-board-16 .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-space .sudoku-board-16 .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom-width:1px}html.theme-space .sudoku-board-16 .sudoku-cell:nth-child(4n):not(:nth-child(16n)){border-right:3px solid #6b46c1}html.theme-space .sudoku-board-16 .sudoku-cell:nth-child(n+49):nth-child(-n+64),html.theme-space .sudoku-board-16 .sudoku-cell:nth-child(n+113):nth-child(-n+128),html.theme-space .sudoku-board-16 .sudoku-cell:nth-child(n+177):nth-child(-n+192){border-bottom:3px solid #6b46c1}html.theme-notepad .sudoku-board-16 .sudoku-cell:nth-child(3n):not(:nth-child(9n)),html.theme-notepad .sudoku-board-16 .sudoku-cell:nth-child(9n){border-right-width:1px}html.theme-notepad .sudoku-board-16 .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-notepad .sudoku-board-16 .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom-width:1px}html.theme-notepad .sudoku-board-16 .sudoku-cell:nth-child(4n):not(:nth-child(16n)){border-right:3px solid #1d4ed8}html.theme-notepad .sudoku-board-16 .sudoku-cell:nth-child(n+49):nth-child(-n+64),html.theme-notepad .sudoku-board-16 .sudoku-cell:nth-child(n+113):nth-child(-n+128),html.theme-notepad .sudoku-board-16 .sudoku-cell:nth-child(n+177):nth-child(-n+192){border-bottom:3px solid #1d4ed8}html.theme-highlighter .sudoku-board-16 .sudoku-cell:nth-child(3n):not(:nth-child(9n)),html.theme-highlighter .sudoku-board-16 .sudoku-cell:nth-child(9n){border-right-width:1px}html.theme-highlighter .sudoku-board-16 .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-highlighter .sudoku-board-16 .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom-width:1px}html.theme-highlighter .sudoku-board-16 .sudoku-cell:nth-child(4n):not(:nth-child(16n)){border-right:3px solid #111827}html.theme-highlighter .sudoku-board-16 .sudoku-cell:nth-child(n+49):nth-child(-n+64),html.theme-highlighter .sudoku-board-16 .sudoku-cell:nth-child(n+113):nth-child(-n+128),html.theme-highlighter .sudoku-board-16 .sudoku-cell:nth-child(n+177):nth-child(-n+192){border-bottom:3px solid #111827}.notes-grid.notes-grid-16{grid-template-columns:repeat(4,1fr)}.notes-grid-16 .note-item{font-size:.3rem}.number-grid-16{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:.3rem 0}.number-btn-16{font-size:1.3rem;padding:.3rem 0}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:1px}.note-item{font-size:.65rem;color:var(--text-muted);display:flex;justify-content:center;align-items:center}.action-bar{display:flex;justify-content:space-around;padding:1rem 0}.icon-btn{background:transparent;border:none;cursor:pointer;color:var(--brand-primary);display:flex;flex-direction:column;align-items:center;gap:.25rem;position:relative}.icon-btn:disabled{color:#bdc3c7}.icon-badge{position:absolute;top:-8px;right:-8px;background-color:var(--brand-primary);color:#fff;font-size:.65rem;padding:2px 5px;border-radius:10px;font-weight:700;border:2px solid white}.note-toggle-badge{background:#eef2f7;padding:2px 8px;border-radius:10px;font-size:.65rem;font-weight:700;color:var(--brand-primary)}.note-toggle-badge.on{background:var(--brand-primary);color:#fff}.number-row{display:flex;justify-content:space-between;padding:.5rem 0}.number-btn{background:transparent;border:none;font-size:2.2rem;color:var(--brand-primary);cursor:pointer;flex:1;display:flex;justify-content:center;align-items:center;transition:transform .1s}.number-btn:active{transform:scale(.9)}.number-btn:disabled{color:#ecf0f1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:100;padding:1rem}.modal-content{background:#64748b;border-radius:16px;width:100%;max-width:360px;box-shadow:0 10px 25px #00000059;overflow:hidden}.modal-header{padding:1rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;color:#fff;font-size:1.2rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.modal-body{background:#1e2d3d;margin:.75rem;border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.modal-footer{padding:.75rem;display:flex;flex-direction:row;gap:.5rem;align-items:center}.modal-home-btn{background:#ffffff26;border:none;border-radius:10px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;flex-shrink:0}.modal-home-btn:hover{background:#ffffff40}.primary-btn{background:var(--brand-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer}.landing-page{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:.75rem 1rem 1.5rem;background:#d2d2d2bf;border-radius:20px;margin:.25rem 0;width:100%}@keyframes tile-scroll{0%{background-position:0 0}to{background-position:200px 200px}}body.landing-bg:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url(/images/snapspot/tile2.webp);background-repeat:repeat;background-size:200px;filter:saturate(8%) brightness(60%);animation:tile-scroll 16s linear infinite}.landing-header{text-align:center;margin-bottom:2rem}.landing-header h1{font-size:2.5rem;color:var(--brand-primary);margin:.5rem 0}.landing-header p{color:var(--text-muted);font-size:1.1rem}.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem;width:100%}.game-card{background:#fff;border:1px solid #e1e8ed;border-radius:16px;padding:1rem .875rem .875rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #0000000d;position:relative}.game-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px #0000001a;border-color:var(--brand-primary)}.game-card.coming-soon{opacity:.7;cursor:default;background:var(--bg-secondary)}.game-card.coming-soon:hover{transform:none;box-shadow:0 4px 6px #0000000d}.game-card-icon{background:var(--bg-secondary);color:var(--brand-primary);width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.game-card-content{width:100%}.game-card-content h3{margin:0 0 .25rem;font-size:1.05rem;color:var(--text-main);line-height:1.2}.game-card-content p{margin:0;color:var(--text-muted);font-size:.8rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-card-footer{margin-top:.75rem}.play-now{color:var(--brand-primary);font-weight:600;display:flex;align-items:center;gap:.4rem;font-size:.82rem}.landing-footer{margin-top:3rem;color:var(--text-muted);font-size:.9rem;border-radius:16px;overflow:hidden}.back-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:0;margin-right:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.back-btn:hover{color:var(--brand-primary)}.mode-select-bg{min-height:100vh}.mode-select-page{min-height:100vh;padding:1.25rem 1rem 2rem;max-width:800px;margin:.25rem auto;background:#d2d2d2bf;border-radius:20px;width:100%}.mode-header{display:flex;align-items:center;gap:1rem;margin-bottom:3rem}.mode-header h1{font-size:2rem;font-weight:700;margin:0}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.stage-mode-card{opacity:.8}.coming-soon-label{background:var(--bg-secondary);padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;color:var(--text-secondary)}@keyframes board-entrance{0%{opacity:0;transform:scale(.5) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.sudoku-board.is-entering .animate-entrance{animation:board-entrance .5s cubic-bezier(.16,1,.3,1) both;animation-delay:calc((var(--row) + var(--col)) * .05s)}@keyframes mistake-flash{0%{background-color:#e74c3ccc;box-shadow:inset 0 0 25px #e74c3c66,0 0 15px #e74c3c4d;z-index:10}to{background-color:transparent;box-shadow:none;z-index:1}}.animate-mistake{animation:mistake-flash .6s cubic-bezier(.25,1,.5,1) forwards}@keyframes hint-reveal{0%{transform:scale(.5);opacity:0;background:#fff8e1;box-shadow:0 0 #f4c430b3}40%{transform:scale(1.25);opacity:1;background:#fff3cd;box-shadow:0 0 0 8px #f4c4304d}70%{transform:scale(.95);background:#fff8e1;box-shadow:0 0 0 4px #f4c4301a}to{transform:scale(1);background:"";box-shadow:none}}.animate-hint{animation:hint-reveal .7s cubic-bezier(.34,1.56,.64,1) forwards;color:#f4a200!important;font-weight:800!important;z-index:1}.mistake-icons{display:flex;gap:4px;align-items:center}.mistake-icon{color:#e53935;transition:color .3s}.mistake-icon.used{color:#aaa}.coin-badge{position:absolute;top:-8px;right:-14px;background:#f4c430;color:#7a5200;font-size:.6rem;padding:2px 4px;border-radius:10px;font-weight:700;border:2px solid white;white-space:nowrap;line-height:1.2}.hint-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;padding:1.5rem}.hint-modal-card{background:#64748b;border-radius:16px;width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center;gap:0;box-shadow:0 10px 25px #00000059;overflow:hidden}.hint-modal-icon{width:56px;height:56px;border-radius:16px;background:#fff8e126;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.hint-modal-title{margin:0;font-size:1.15rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hint-modal-desc{margin:0;font-size:.85rem;color:#ffffffa6}.hint-modal-coin-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.65rem 1rem;background:#1e2d3d;font-size:.9rem;color:#94a3b8;box-sizing:border-box}.hint-modal-cost-row{margin-top:1px}.hint-modal-coin-value{font-weight:700;color:#e2e8f0;font-size:1rem}.hint-modal-error{margin:0;font-size:.82rem;color:#f87171;padding:.4rem 1rem 0}.hint-modal-btns{display:flex;gap:.5rem;width:100%;padding:.75rem;box-sizing:border-box}.hint-modal-btn-cancel{flex:1;padding:.85rem;border-radius:10px;border:none;background:#ffffff26;color:#fff;font-size:1rem;font-weight:600;cursor:pointer}.hint-modal-btn-confirm{flex:1;padding:.85rem;border-radius:10px;border:none;background:var(--brand-primary);color:#fff;font-size:1rem;font-weight:600;cursor:pointer}html.theme-dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--brand-primary: #60a5fa;--brand-secondary: #93c5fd;--text-main: #e2e8f0;--text-muted: #94a3b8;--cell-bg: #1e293b;--cell-highlight: #1e3a5f;--cell-selected: #2d4a7a;--cell-same-num: #1e3a5f;--error-color: #f87171;--accent-blue: #60a5fa}html.theme-dark body,html.theme-dark #root{background-color:#0f172a}html.theme-dark .game-nav{background:#020617;box-shadow:0 4px #0f172a}html.theme-dark .nav-icon-btn{color:#94a3b8;background:#ffffff0f}html.theme-dark .nav-icon-btn:hover{background:#ffffff1f}html.theme-dark .sudoku-board{border-color:#475569}html.theme-dark .sudoku-cell{border-right-color:#334155;border-bottom-color:#334155}html.theme-dark .sudoku-cell.initial{color:#e2e8f0}html.theme-dark .sudoku-cell.user{color:#60a5fa}html.theme-dark .sudoku-cell.user.error{color:#f87171}html.theme-dark .sudoku-cell.highlight{background-color:#1e3a5f}html.theme-dark .sudoku-cell.selected{background-color:#2d4a7a!important}html.theme-dark .sudoku-cell:nth-child(3n):not(:nth-child(9n)){border-right:2px solid #475569}html.theme-dark .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-dark .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #475569}html.theme-dark .sudoku-board-6 .sudoku-cell:nth-child(9n),html.theme-dark .sudoku-board-6 .sudoku-cell:nth-child(n+73){border-color:#334155}html.theme-dark .number-btn{color:#60a5fa}html.theme-dark .number-btn:disabled{color:#1e293b}html.theme-dark .note-item{color:#64748b}html.theme-dark .icon-btn{color:#60a5fa}html.theme-dark .icon-btn:disabled{color:#334155}html.theme-dark .icon-badge{background:#60a5fa;border-color:#0f172a;color:#0f172a}html.theme-dark .note-toggle-badge{background:#1e293b;color:#60a5fa;border:1px solid #334155}html.theme-dark .note-toggle-badge.on{background:#60a5fa;color:#0f172a}html.theme-dark .pause-btn{background:#1e293b;color:#60a5fa}html.theme-dark .header-value{color:#e2e8f0}html.theme-dark .level-badge{background:#1e3a5f;color:#93c5fd}html.theme-dark .modal-content{background:#1e293b}html.theme-dark .modal-header{border-bottom-color:#ffffff0f}html.theme-dark .modal-header h2{color:#e2e8f0}html.theme-dark .modal-body{background:#0f172a;color:#e2e8f0}html.theme-dark .modal-home-btn{background:#ffffff14;color:#e2e8f0}html.theme-dark .primary-btn{background:#2563eb;color:#fff}html.theme-dark .hint-modal-card{background:#1e293b}html.theme-dark .hint-modal-coin-row{background:#0f172a;color:#94a3b8}html.theme-dark .hint-modal-title{color:#e2e8f0}html.theme-dark .hint-modal-desc{color:#64748b}html.theme-dark .hint-modal-coin-value{color:#e2e8f0}html.theme-dark .hint-modal-btn-cancel{background:#ffffff14;color:#94a3b8}html.theme-dark .coin-badge{background:#1e3a5f;color:#93c5fd;border-color:#0f172a}html.theme-dark .mistake-icon{color:#f87171}html.theme-dark .mistake-icon.used{color:#334155}html.theme-paper{--bg-primary: #f5e6c8;--bg-secondary: #ecd9a8;--brand-primary: #7a5c1e;--brand-secondary: #5c3d0e;--text-main: #3d2b1f;--text-muted: #8b6914;--cell-bg: #faf0dc;--cell-highlight: #ecd9a8;--cell-selected: #d4b878;--cell-same-num: #ecddb0;--error-color: #c0392b;--accent-blue: #7a5c1e}html.theme-paper body,html.theme-paper #root{background-color:#f5e6c8}html.theme-paper .game-nav{background:#5c3d0e;box-shadow:0 4px #7a5c1e}html.theme-paper .nav-icon-btn{color:#f5e6c8;background:#f5e6c81f}html.theme-paper .nav-icon-btn:hover{background:#f5e6c838}html.theme-paper .sudoku-board{border-color:#8b6914}html.theme-paper .sudoku-cell{border-right-color:#c8a96a;border-bottom-color:#c8a96a}html.theme-paper .sudoku-cell.initial{color:#3d2b1f;font-weight:600}html.theme-paper .sudoku-cell.user{color:#7a5c1e}html.theme-paper .sudoku-cell.user.error{color:#c0392b}html.theme-paper .sudoku-cell.highlight{background-color:#ecd9a8}html.theme-paper .sudoku-cell.selected{background-color:#d4b878!important}html.theme-paper .sudoku-cell:nth-child(3n):not(:nth-child(9n)){border-right:2px solid #8b6914}html.theme-paper .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-paper .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #8b6914}html.theme-paper .sudoku-board-6 .sudoku-cell:nth-child(9n),html.theme-paper .sudoku-board-6 .sudoku-cell:nth-child(n+73){border-color:#c8a96a}html.theme-paper .number-btn{color:#7a5c1e}html.theme-paper .number-btn:disabled{color:#d4b878}html.theme-paper .note-item{color:#8b6914}html.theme-paper .icon-btn{color:#7a5c1e}html.theme-paper .icon-btn:disabled{color:#d4b878}html.theme-paper .icon-badge{background:#7a5c1e;border-color:#f5e6c8;color:#fff}html.theme-paper .note-toggle-badge{background:#ecd9a8;color:#7a5c1e}html.theme-paper .note-toggle-badge.on{background:#7a5c1e;color:#f5e6c8}html.theme-paper .pause-btn{background:#ecd9a8;color:#7a5c1e}html.theme-paper .header-value{color:#3d2b1f}html.theme-paper .level-badge{background:#7a5c1e;color:#f5e6c8}html.theme-paper .modal-content{background:#7a5c1e}html.theme-paper .modal-header{border-bottom-color:#f5e6c833}html.theme-paper .modal-header h2{color:#faf0dc}html.theme-paper .modal-body{background:#f5e6c8;color:#3d2b1f}html.theme-paper .modal-home-btn{background:#f5e6c833;color:#faf0dc}html.theme-paper .primary-btn{background:#5c3d0e;color:#faf0dc}html.theme-paper .hint-modal-card{background:#7a5c1e}html.theme-paper .hint-modal-coin-row{background:#5c3d0e;color:#ecd9a8}html.theme-paper .hint-modal-title{color:#faf0dc}html.theme-paper .hint-modal-desc{color:#f5e6c8b3}html.theme-paper .hint-modal-coin-value{color:#faf0dc}html.theme-paper .hint-modal-btn-cancel{background:#f5e6c826;color:#ecd9a8}html.theme-paper .coin-badge{background:#f5e6c8;color:#7a5c1e;border-color:#faf0dc}html.theme-paper .mistake-icon{color:#c0392b}html.theme-paper .mistake-icon.used{color:#c8a96a}html.theme-newspaper{--bg-primary: #ede8d0;--bg-secondary: #e8e3c8;--brand-primary: #1a1a1a;--brand-secondary: #555550;--text-main: #1a1a1a;--text-muted: #555550;--cell-bg: #f5f0e0;--cell-highlight: #e8e3c8;--cell-selected: #d4cdb0;--cell-same-num: #e8e3c8;--error-color: #8b0000;--accent-blue: #1a1a1a}html.theme-newspaper body,html.theme-newspaper #root{background-color:#ede8d0}html.theme-newspaper .game-nav{background:#1a1a1a;box-shadow:0 4px #333}html.theme-newspaper .nav-icon-btn{color:#ede8d0;background:#ede8d01a}html.theme-newspaper .nav-icon-btn:hover{background:#ede8d033}html.theme-newspaper .sudoku-board{border:3px solid #1a1a1a}html.theme-newspaper .sudoku-cell{border-right-color:#888880;border-bottom-color:#888880}html.theme-newspaper .sudoku-cell.initial{color:#1a1a1a;font-weight:800}html.theme-newspaper .sudoku-cell.user{color:#333}html.theme-newspaper .sudoku-cell.user.error{color:#8b0000}html.theme-newspaper .sudoku-cell:nth-child(3n):not(:nth-child(9n)){border-right:2px solid #1a1a1a}html.theme-newspaper .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-newspaper .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #1a1a1a}html.theme-newspaper .sudoku-board-6 .sudoku-cell:nth-child(9n),html.theme-newspaper .sudoku-board-6 .sudoku-cell:nth-child(n+73){border-color:#888880}html.theme-newspaper .number-btn{color:#1a1a1a}html.theme-newspaper .number-btn:disabled{color:#c8c4b0}html.theme-newspaper .note-item{color:#555550}html.theme-newspaper .icon-btn{color:#1a1a1a}html.theme-newspaper .icon-btn:disabled{color:#c8c4b0}html.theme-newspaper .icon-badge{background:#1a1a1a;border-color:#ede8d0;color:#ede8d0}html.theme-newspaper .note-toggle-badge{background:#e8e3c8;color:#1a1a1a}html.theme-newspaper .note-toggle-badge.on{background:#1a1a1a;color:#ede8d0}html.theme-newspaper .pause-btn{background:#e8e3c8;color:#1a1a1a}html.theme-newspaper .header-value{color:#1a1a1a}html.theme-newspaper .level-badge{background:#1a1a1a;color:#ede8d0}html.theme-newspaper .modal-content{background:#1a1a1a}html.theme-newspaper .modal-header h2{color:#ede8d0}html.theme-newspaper .modal-body{background:#ede8d0;color:#1a1a1a}html.theme-newspaper .modal-home-btn{background:#ede8d026;color:#ede8d0}html.theme-newspaper .primary-btn{background:#333;color:#ede8d0}html.theme-newspaper .hint-modal-card{background:#1a1a1a}html.theme-newspaper .hint-modal-coin-row{background:#333;color:#c8c4b0}html.theme-newspaper .hint-modal-title{color:#ede8d0}html.theme-newspaper .hint-modal-desc{color:#ede8d099}html.theme-newspaper .hint-modal-coin-value{color:#ede8d0}html.theme-newspaper .hint-modal-btn-cancel{background:#ede8d01f;color:#c8c4b0}html.theme-newspaper .coin-badge{background:#ede8d0;color:#1a1a1a;border-color:#f5f0e0}html.theme-newspaper .mistake-icon{color:#8b0000}html.theme-newspaper .mistake-icon.used{color:#c8c4b0}html.theme-blueprint{--bg-primary: #003369;--bg-secondary: #004080;--brand-primary: #ffffff;--brand-secondary: #a0c4ff;--text-main: #ffffff;--text-muted: #a0c4ff;--cell-bg: #003369;--cell-highlight: #004d99;--cell-selected: #0059b3;--cell-same-num: #004080;--error-color: #ff6b6b;--accent-blue: #ffffff}html.theme-blueprint body,html.theme-blueprint #root{background-color:#003369}html.theme-blueprint .game-nav{background:#001a35;box-shadow:0 4px #002a55}html.theme-blueprint .nav-icon-btn{color:#a0c4ff;background:#ffffff0f}html.theme-blueprint .nav-icon-btn:hover{background:#ffffff1f}html.theme-blueprint .sudoku-board{border:2px solid #ffffff}html.theme-blueprint .sudoku-cell{border-right:1px dashed rgba(255,255,255,.35);border-bottom:1px dashed rgba(255,255,255,.35)}html.theme-blueprint .sudoku-cell.initial{color:#fff;font-weight:700;font-family:monogram,monospace;font-size:2rem}html.theme-blueprint .sudoku-cell.user{color:#a0c4ff;font-family:monogram,monospace;font-size:2rem}html.theme-blueprint .sudoku-cell.user.error{color:#ff6b6b}html.theme-blueprint .sudoku-cell:nth-child(3n):not(:nth-child(9n)){border-right:2px solid #ffffff}html.theme-blueprint .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-blueprint .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #ffffff}html.theme-blueprint .sudoku-board-6 .sudoku-cell:nth-child(9n),html.theme-blueprint .sudoku-board-6 .sudoku-cell:nth-child(n+73){border:1px dashed rgba(255,255,255,.35)}html.theme-blueprint .number-btn{color:#fff;font-family:monogram,monospace;font-size:2.4rem}html.theme-blueprint .number-btn:disabled{color:#fff3}html.theme-blueprint .note-item,html.theme-blueprint .icon-btn{color:#a0c4ff}html.theme-blueprint .icon-btn:disabled{color:#fff3}html.theme-blueprint .icon-badge{background:#fff;border-color:#003369;color:#003369}html.theme-blueprint .note-toggle-badge{background:#004080;color:#a0c4ff;border:1px dashed rgba(255,255,255,.3)}html.theme-blueprint .note-toggle-badge.on{background:#fff;color:#003369}html.theme-blueprint .pause-btn{background:#004080;color:#fff}html.theme-blueprint .header-value{color:#fff;font-family:monogram,monospace;font-size:1.3rem}html.theme-blueprint .level-badge{background:#004080;color:#a0c4ff;border:1px solid rgba(255,255,255,.3)}html.theme-blueprint .modal-content{background:#001a35}html.theme-blueprint .modal-header h2{color:#fff}html.theme-blueprint .modal-body{background:#003369;color:#fff}html.theme-blueprint .modal-home-btn{background:#ffffff14;color:#a0c4ff}html.theme-blueprint .primary-btn{background:#004d99;color:#fff}html.theme-blueprint .hint-modal-card{background:#001a35}html.theme-blueprint .hint-modal-coin-row{background:#003369;color:#a0c4ff}html.theme-blueprint .hint-modal-title{color:#fff}html.theme-blueprint .hint-modal-desc{color:#a0c4ffb3}html.theme-blueprint .hint-modal-coin-value{color:#fff}html.theme-blueprint .hint-modal-btn-cancel{background:#ffffff14;color:#a0c4ff}html.theme-blueprint .coin-badge{background:#a0c4ff;color:#001a35;border-color:#003369}html.theme-blueprint .mistake-icon{color:#ff6b6b}html.theme-blueprint .mistake-icon.used{color:#fff3}@keyframes terminal-cursor{0%,49%{background-color:#1c2128}50%,to{background-color:#00ff4166}}html.theme-terminal{--bg-primary: #0d1117;--bg-secondary: #161b22;--brand-primary: #00ff41;--brand-secondary: #00cc33;--text-main: #00ff41;--text-muted: #006620;--cell-bg: #0d1117;--cell-highlight: #161b22;--cell-selected: #1c2128;--cell-same-num: #161b22;--error-color: #ff0040;--accent-blue: #00ff41}html.theme-terminal body,html.theme-terminal #root{background-color:#0d1117}html.theme-terminal .game-nav{background:#010409;box-shadow:0 4px #0d1117}html.theme-terminal .nav-icon-btn{color:#00ff41;background:#00ff410f}html.theme-terminal .nav-icon-btn:hover{background:#00ff411f}html.theme-terminal .sudoku-board{border-color:#00ff41;box-shadow:0 0 10px #00ff4133}html.theme-terminal .sudoku-cell{border-right-color:#1c2128;border-bottom-color:#1c2128;font-family:monogram,monospace;font-size:2rem}html.theme-terminal .sudoku-cell.selected{animation:terminal-cursor 1s step-end infinite!important}html.theme-terminal .sudoku-cell.initial{color:#00ff41;font-weight:700;text-shadow:0 0 8px rgba(0,255,65,.7)}html.theme-terminal .sudoku-cell.user{color:#0c3;text-shadow:0 0 6px rgba(0,204,51,.5)}html.theme-terminal .sudoku-cell.user.error{color:#ff0040;text-shadow:0 0 6px rgba(255,0,64,.5)}html.theme-terminal .sudoku-cell:nth-child(3n):not(:nth-child(9n)){border-right:2px solid #00ff41}html.theme-terminal .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-terminal .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #00ff41}html.theme-terminal .sudoku-board-6 .sudoku-cell:nth-child(9n),html.theme-terminal .sudoku-board-6 .sudoku-cell:nth-child(n+73){border-color:#1c2128}html.theme-terminal .number-btn{color:#00ff41;font-family:monogram,monospace;font-size:2.6rem;text-shadow:0 0 6px rgba(0,255,65,.5)}html.theme-terminal .number-btn:disabled{color:#1c2128;text-shadow:none}html.theme-terminal .note-item{color:#006620;font-family:monogram,monospace}html.theme-terminal .icon-btn{color:#00ff41}html.theme-terminal .icon-btn:disabled{color:#1c2128}html.theme-terminal .icon-badge{background:#00ff41;border-color:#0d1117;color:#010409}html.theme-terminal .note-toggle-badge{background:#161b22;color:#00ff41;border:1px solid #1c2128}html.theme-terminal .note-toggle-badge.on{background:#00ff41;color:#010409}html.theme-terminal .pause-btn{background:#161b22;color:#00ff41}html.theme-terminal .header-value{color:#00ff41;font-family:monogram,monospace;font-size:1.3rem;text-shadow:0 0 6px rgba(0,255,65,.5)}html.theme-terminal .level-badge{background:#161b22;color:#00ff41;border:1px solid #00ff41}html.theme-terminal .modal-content{background:#161b22}html.theme-terminal .modal-header h2{color:#00ff41}html.theme-terminal .modal-body{background:#0d1117;color:#00ff41}html.theme-terminal .modal-home-btn{background:#00ff4114;color:#00ff41}html.theme-terminal .primary-btn{background:#1c2128;color:#00ff41;border:1px solid #00ff41;font-family:monogram,monospace;font-size:1.3rem}html.theme-terminal .hint-modal-card{background:#161b22}html.theme-terminal .hint-modal-coin-row{background:#0d1117;color:#006620}html.theme-terminal .hint-modal-title{color:#00ff41}html.theme-terminal .hint-modal-desc{color:#00ff4180}html.theme-terminal .hint-modal-coin-value{color:#00ff41}html.theme-terminal .hint-modal-btn-cancel{background:#00ff4114;color:#006620}html.theme-terminal .coin-badge{background:#0d1117;color:#00ff41;border-color:#00ff41}html.theme-terminal .mistake-icon{color:#ff0040}html.theme-terminal .mistake-icon.used{color:#1c2128}html.theme-watercolor{--bg-primary: #eef2ff;--bg-secondary: #e0e7ff;--brand-primary: #6366f1;--brand-secondary: #4338ca;--text-main: #3730a3;--text-muted: #818cf8;--cell-bg: #f8faff;--cell-highlight: #dbeafe;--cell-selected: #bfdbfe;--cell-same-num: #e0e7ff;--error-color: #e11d48;--accent-blue: #6366f1}html.theme-watercolor body,html.theme-watercolor #root{background-color:#eef2ff}html.theme-watercolor .game-nav{background:#4338ca;box-shadow:0 4px #3730a3}html.theme-watercolor .nav-icon-btn{color:#e0e7ff;background:#e0e7ff1f}html.theme-watercolor .nav-icon-btn:hover{background:#e0e7ff38}html.theme-watercolor .sudoku-board{border-color:#a5b4fc;border-radius:4px}html.theme-watercolor .sudoku-cell{border-right-color:#c7d2fe;border-bottom-color:#c7d2fe}html.theme-watercolor .sudoku-cell.initial{color:#3730a3;font-weight:600}html.theme-watercolor .sudoku-cell.user{color:#6366f1}html.theme-watercolor .sudoku-cell.user.error{color:#e11d48}html.theme-watercolor .sudoku-cell:nth-child(3n):not(:nth-child(9n)){border-right:2px solid #818cf8}html.theme-watercolor .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-watercolor .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #818cf8}html.theme-watercolor .sudoku-board-6 .sudoku-cell:nth-child(9n),html.theme-watercolor .sudoku-board-6 .sudoku-cell:nth-child(n+73){border-color:#c7d2fe}html.theme-watercolor .number-btn{color:#6366f1}html.theme-watercolor .number-btn:disabled{color:#c7d2fe}html.theme-watercolor .note-item{color:#a5b4fc}html.theme-watercolor .icon-btn{color:#6366f1}html.theme-watercolor .icon-btn:disabled{color:#c7d2fe}html.theme-watercolor .icon-badge{background:#6366f1;border-color:#eef2ff;color:#fff}html.theme-watercolor .note-toggle-badge{background:#e0e7ff;color:#6366f1}html.theme-watercolor .note-toggle-badge.on{background:#6366f1;color:#fff}html.theme-watercolor .pause-btn{background:#e0e7ff;color:#6366f1}html.theme-watercolor .header-value{color:#3730a3}html.theme-watercolor .level-badge{background:#6366f1;color:#fff}html.theme-watercolor .modal-content{background:#4338ca}html.theme-watercolor .modal-header h2{color:#eef2ff}html.theme-watercolor .modal-body{background:#eef2ff;color:#3730a3}html.theme-watercolor .modal-home-btn{background:#e0e7ff33;color:#eef2ff}html.theme-watercolor .primary-btn{background:#6366f1;color:#fff}html.theme-watercolor .hint-modal-card{background:#4338ca}html.theme-watercolor .hint-modal-coin-row{background:#3730a3;color:#a5b4fc}html.theme-watercolor .hint-modal-title{color:#eef2ff}html.theme-watercolor .hint-modal-desc{color:#e0e7ffb3}html.theme-watercolor .hint-modal-coin-value{color:#eef2ff}html.theme-watercolor .hint-modal-btn-cancel{background:#e0e7ff26;color:#a5b4fc}html.theme-watercolor .coin-badge{background:#eef2ff;color:#4338ca;border-color:#f8faff}html.theme-watercolor .mistake-icon{color:#e11d48}html.theme-watercolor .mistake-icon.used{color:#c7d2fe}html.theme-hanji{--bg-primary: #e5d5b5;--bg-secondary: #dcc9a0;--brand-primary: #2c1810;--brand-secondary: #1a0f08;--text-main: #1a0f08;--text-muted: #6b5040;--cell-bg: #ecdfc4;--cell-highlight: #dcc9a0;--cell-selected: #c5b080;--cell-same-num: #dcc9a0;--error-color: #8b1a1a;--accent-blue: #2c1810}html.theme-hanji body,html.theme-hanji #root{background-color:#e5d5b5}html.theme-hanji .game-nav{background:#2c1810;box-shadow:0 4px #1a0f08}html.theme-hanji .nav-icon-btn{color:#e5d5b5;background:#e5d5b51a}html.theme-hanji .nav-icon-btn:hover{background:#e5d5b533}html.theme-hanji .sudoku-board{border:2px solid #2c1810}html.theme-hanji .sudoku-cell{border-right-color:#8b7355;border-bottom-color:#8b7355}html.theme-hanji .sudoku-cell.initial{color:#1a0f08;font-weight:700}html.theme-hanji .sudoku-cell.user{color:#3d2010}html.theme-hanji .sudoku-cell.user.error{color:#8b1a1a}html.theme-hanji .sudoku-cell:nth-child(3n):not(:nth-child(9n)){border-right:2px solid #2c1810}html.theme-hanji .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-hanji .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #2c1810}html.theme-hanji .sudoku-board-6 .sudoku-cell:nth-child(9n),html.theme-hanji .sudoku-board-6 .sudoku-cell:nth-child(n+73){border-color:#8b7355}html.theme-hanji .number-btn{color:#2c1810}html.theme-hanji .number-btn:disabled{color:#c5b080}html.theme-hanji .note-item{color:#6b5040}html.theme-hanji .icon-btn{color:#2c1810}html.theme-hanji .icon-btn:disabled{color:#c5b080}html.theme-hanji .icon-badge{background:#2c1810;border-color:#e5d5b5;color:#e5d5b5}html.theme-hanji .note-toggle-badge{background:#dcc9a0;color:#2c1810}html.theme-hanji .note-toggle-badge.on{background:#2c1810;color:#e5d5b5}html.theme-hanji .pause-btn{background:#dcc9a0;color:#2c1810}html.theme-hanji .header-value{color:#1a0f08}html.theme-hanji .level-badge{background:#2c1810;color:#e5d5b5}html.theme-hanji .modal-content{background:#2c1810}html.theme-hanji .modal-header h2{color:#e5d5b5}html.theme-hanji .modal-body{background:#e5d5b5;color:#1a0f08}html.theme-hanji .modal-home-btn{background:#e5d5b526;color:#e5d5b5}html.theme-hanji .primary-btn{background:#1a0f08;color:#e5d5b5}html.theme-hanji .hint-modal-card{background:#2c1810}html.theme-hanji .hint-modal-coin-row{background:#1a0f08;color:#8b7355}html.theme-hanji .hint-modal-title{color:#e5d5b5}html.theme-hanji .hint-modal-desc{color:#e5d5b599}html.theme-hanji .hint-modal-coin-value{color:#e5d5b5}html.theme-hanji .hint-modal-btn-cancel{background:#e5d5b51f;color:#8b7355}html.theme-hanji .coin-badge{background:#e5d5b5;color:#2c1810;border-color:#ecdfc4}html.theme-hanji .mistake-icon{color:#8b1a1a}html.theme-hanji .mistake-icon.used{color:#c5b080}html.theme-space{--bg-primary: #050510;--bg-secondary: #0a0a1f;--brand-primary: #a78bfa;--brand-secondary: #7c3aed;--text-main: #e8d5ff;--text-muted: #6b46c1;--cell-bg: #0a0a1f;--cell-highlight: #120a2e;--cell-selected: #1e0a4e;--cell-same-num: #120a2e;--error-color: #f87171;--accent-blue: #a78bfa}html.theme-space body,html.theme-space #root{background-color:#050510}html.theme-space .game-nav{background:#000005;box-shadow:0 4px #0a0a1f}html.theme-space .nav-icon-btn{color:#a78bfa;background:#a78bfa12}html.theme-space .nav-icon-btn:hover{background:#a78bfa24}html.theme-space .sudoku-board{border-color:#6b46c1;box-shadow:0 0 20px #6b46c14d}html.theme-space .sudoku-cell{border-right-color:#1e0a4e;border-bottom-color:#1e0a4e}html.theme-space .sudoku-cell.initial{color:#e8d5ff;font-weight:600;text-shadow:0 0 10px rgba(167,139,250,.7),0 0 20px rgba(167,139,250,.3)}html.theme-space .sudoku-cell.user{color:#a78bfa;text-shadow:0 0 8px rgba(167,139,250,.5)}html.theme-space .sudoku-cell.user.error{color:#f87171;text-shadow:0 0 8px rgba(248,113,113,.5)}html.theme-space .sudoku-cell:nth-child(3n):not(:nth-child(9n)){border-right:2px solid #6b46c1}html.theme-space .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-space .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #6b46c1}html.theme-space .sudoku-board-6 .sudoku-cell:nth-child(9n),html.theme-space .sudoku-board-6 .sudoku-cell:nth-child(n+73){border-color:#1e0a4e}html.theme-space .number-btn{color:#a78bfa;text-shadow:0 0 6px rgba(167,139,250,.4)}html.theme-space .number-btn:disabled{color:#1e0a4e;text-shadow:none}html.theme-space .note-item{color:#4c1d95}html.theme-space .icon-btn{color:#a78bfa}html.theme-space .icon-btn:disabled{color:#1e0a4e}html.theme-space .icon-badge{background:#7c3aed;border-color:#050510;color:#e8d5ff}html.theme-space .note-toggle-badge{background:#0a0a1f;color:#a78bfa;border:1px solid #1e0a4e}html.theme-space .note-toggle-badge.on{background:#7c3aed;color:#e8d5ff}html.theme-space .pause-btn{background:#0a0a1f;color:#a78bfa}html.theme-space .header-value{color:#e8d5ff}html.theme-space .level-badge{background:#1e0a4e;color:#a78bfa}html.theme-space .modal-content{background:#0a0a1f}html.theme-space .modal-header h2{color:#e8d5ff}html.theme-space .modal-body{background:#050510;color:#e8d5ff}html.theme-space .modal-home-btn{background:#a78bfa1a;color:#a78bfa}html.theme-space .primary-btn{background:#4c1d95;color:#e8d5ff}html.theme-space .hint-modal-card{background:#0a0a1f}html.theme-space .hint-modal-coin-row{background:#050510;color:#6b46c1}html.theme-space .hint-modal-title{color:#e8d5ff}html.theme-space .hint-modal-desc{color:#e8d5ff80}html.theme-space .hint-modal-coin-value{color:#e8d5ff}html.theme-space .hint-modal-btn-cancel{background:#a78bfa14;color:#6b46c1}html.theme-space .coin-badge{background:#7c3aed;color:#e8d5ff;border-color:#050510}html.theme-space .mistake-icon{color:#f87171}html.theme-space .mistake-icon.used{color:#1e0a4e}html.theme-notepad{--bg-primary: #fef9c3;--bg-secondary: #fef08a;--brand-primary: #1d4ed8;--brand-secondary: #1e40af;--text-main: #1f2937;--text-muted: #4b5563;--cell-bg: #fef9c3;--cell-highlight: #fef08a;--cell-selected: #fde047;--cell-same-num: #fef08a;--error-color: #dc2626;--accent-blue: #1d4ed8}html.theme-notepad body,html.theme-notepad #root{background-color:#fef9c3}html.theme-notepad .game-nav{background:#1f2937;box-shadow:0 4px #374151}html.theme-notepad .nav-icon-btn{color:#fef9c3;background:#fef9c31a}html.theme-notepad .nav-icon-btn:hover{background:#fef9c333}html.theme-notepad .sudoku-board{border-color:#1d4ed8}html.theme-notepad .sudoku-cell{border-right-color:#93c5fd;border-bottom-color:#bfdbfe}html.theme-notepad .sudoku-cell.initial{color:#1f2937;font-weight:700}html.theme-notepad .sudoku-cell.user{color:#1d4ed8}html.theme-notepad .sudoku-cell.user.error{color:#dc2626}html.theme-notepad .sudoku-cell:nth-child(3n):not(:nth-child(9n)){border-right:2px solid #1d4ed8}html.theme-notepad .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-notepad .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #1d4ed8}html.theme-notepad .sudoku-board-6 .sudoku-cell:nth-child(9n),html.theme-notepad .sudoku-board-6 .sudoku-cell:nth-child(n+73){border-color:#bfdbfe}html.theme-notepad .number-btn{color:#1d4ed8}html.theme-notepad .number-btn:disabled{color:#bfdbfe}html.theme-notepad .note-item{color:#3b82f6}html.theme-notepad .icon-btn{color:#1d4ed8}html.theme-notepad .icon-btn:disabled{color:#bfdbfe}html.theme-notepad .icon-badge{background:#1d4ed8;border-color:#fef9c3;color:#fff}html.theme-notepad .note-toggle-badge{background:#fef08a;color:#1d4ed8}html.theme-notepad .note-toggle-badge.on{background:#1d4ed8;color:#fff}html.theme-notepad .pause-btn{background:#fef08a;color:#1f2937}html.theme-notepad .header-value{color:#1f2937}html.theme-notepad .level-badge{background:#1d4ed8;color:#fff}html.theme-notepad .modal-content{background:#1f2937}html.theme-notepad .modal-header h2{color:#fef9c3}html.theme-notepad .modal-body{background:#fef9c3;color:#1f2937}html.theme-notepad .modal-home-btn{background:#fef9c326;color:#fef9c3}html.theme-notepad .primary-btn{background:#1d4ed8;color:#fff}html.theme-notepad .hint-modal-card{background:#1f2937}html.theme-notepad .hint-modal-coin-row{background:#374151;color:#93c5fd}html.theme-notepad .hint-modal-title{color:#fef9c3}html.theme-notepad .hint-modal-desc{color:#fef9c399}html.theme-notepad .hint-modal-coin-value{color:#fef9c3}html.theme-notepad .hint-modal-btn-cancel{background:#fef9c31a;color:#93c5fd}html.theme-notepad .coin-badge{background:#fef9c3;color:#1d4ed8;border-color:#fef08a}html.theme-notepad .mistake-icon{color:#dc2626}html.theme-notepad .mistake-icon.used{color:#bfdbfe}html.theme-highlighter{--bg-primary: #fffde7;--bg-secondary: #fff9c4;--brand-primary: #111827;--brand-secondary: #374151;--text-main: #111827;--text-muted: #4b5563;--cell-bg: #ffffff;--cell-highlight: rgba(250,204,21,.35);--cell-selected: #facc15;--cell-same-num: rgba(250,204,21,.2);--error-color: #dc2626;--accent-blue: #111827}html.theme-highlighter body,html.theme-highlighter #root{background-color:#fffde7}html.theme-highlighter .game-nav{background:#facc15;box-shadow:0 4px #eab308}html.theme-highlighter .nav-icon-btn{color:#111827;background:#00000014}html.theme-highlighter .nav-icon-btn:hover{background:#00000026}html.theme-highlighter .sudoku-board{border:2px solid #111827}html.theme-highlighter .sudoku-cell{border-right-color:#d1d5db;border-bottom-color:#d1d5db}html.theme-highlighter .sudoku-cell.initial{color:#111827;font-weight:700}html.theme-highlighter .sudoku-cell.user{color:#1d4ed8}html.theme-highlighter .sudoku-cell.user.error{background:#fca5a580;color:#dc2626}html.theme-highlighter .sudoku-cell.highlight{background-color:#facc154d}html.theme-highlighter .sudoku-cell.selected{background-color:#facc15!important;color:#111827}html.theme-highlighter .sudoku-cell:nth-child(3n):not(:nth-child(9n)){border-right:2px solid #111827}html.theme-highlighter .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-highlighter .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #111827}html.theme-highlighter .sudoku-board-6 .sudoku-cell:nth-child(9n),html.theme-highlighter .sudoku-board-6 .sudoku-cell:nth-child(n+73){border-color:#d1d5db}html.theme-highlighter .number-btn{color:#111827}html.theme-highlighter .number-btn:disabled{color:#d1d5db}html.theme-highlighter .note-item{color:#9ca3af}html.theme-highlighter .icon-btn{color:#374151}html.theme-highlighter .icon-btn:disabled{color:#d1d5db}html.theme-highlighter .icon-badge{background:#111827;border-color:#facc15;color:#facc15}html.theme-highlighter .note-toggle-badge{background:#fef08a;color:#111827}html.theme-highlighter .note-toggle-badge.on{background:#111827;color:#facc15}html.theme-highlighter .pause-btn{background:#fef08a;color:#111827}html.theme-highlighter .header-value{color:#111827;font-weight:700}html.theme-highlighter .level-badge{background:#111827;color:#facc15}html.theme-highlighter .modal-content{background:#111827}html.theme-highlighter .modal-header h2{color:#facc15}html.theme-highlighter .modal-body{background:#fffde7;color:#111827}html.theme-highlighter .modal-home-btn{background:#facc1526;color:#facc15}html.theme-highlighter .primary-btn{background:#facc15;color:#111827;font-weight:700}html.theme-highlighter .hint-modal-card{background:#111827}html.theme-highlighter .hint-modal-coin-row{background:#1f2937;color:#fef08a}html.theme-highlighter .hint-modal-title{color:#facc15}html.theme-highlighter .hint-modal-desc{color:#fef08ab3}html.theme-highlighter .hint-modal-coin-value{color:#facc15}html.theme-highlighter .hint-modal-btn-cancel{background:#facc151a;color:#fef08a}html.theme-highlighter .coin-badge{background:#111827;color:#facc15;border-color:#facc15}html.theme-highlighter .mistake-icon{color:#dc2626}html.theme-highlighter .mistake-icon.used{color:#d1d5db}html.theme-blossom{--bg-primary: #fce4ec;--bg-secondary: #fce4ec;--brand-primary: #c2185b;--brand-secondary: #880e4f;--text-main: #880e4f;--text-muted: #c2185b;--cell-bg: #fff0f5;--cell-highlight: #fce4ec;--cell-selected: #f8bbd0;--cell-same-num: #fce4ec;--error-color: #d32f2f;--accent-blue: #c2185b}html.theme-blossom body,html.theme-blossom #root{background-color:#fce4ec}html.theme-blossom .game-nav{background:#880e4f;box-shadow:0 4px #ad1457}html.theme-blossom .nav-icon-btn{color:#fce4ec;background:#fce4ec1f}html.theme-blossom .nav-icon-btn:hover{background:#fce4ec38}html.theme-blossom .sudoku-board{border-color:#c2185b}html.theme-blossom .sudoku-cell{border-right-color:#f48fb1;border-bottom-color:#f48fb1}html.theme-blossom .sudoku-cell.initial{color:#880e4f;font-weight:600}html.theme-blossom .sudoku-cell.user{color:#c2185b}html.theme-blossom .sudoku-cell.user.error{color:#d32f2f}html.theme-blossom .sudoku-cell:nth-child(3n):not(:nth-child(9n)){border-right:2px solid #c2185b}html.theme-blossom .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-blossom .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #c2185b}html.theme-blossom .sudoku-board-6 .sudoku-cell:nth-child(9n),html.theme-blossom .sudoku-board-6 .sudoku-cell:nth-child(n+73){border-color:#f48fb1}html.theme-blossom .number-btn{color:#c2185b}html.theme-blossom .number-btn:disabled{color:#f8bbd0}html.theme-blossom .note-item{color:#e91e8c}html.theme-blossom .icon-btn{color:#c2185b}html.theme-blossom .icon-btn:disabled{color:#f8bbd0}html.theme-blossom .icon-badge{background:#c2185b;border-color:#fce4ec;color:#fff}html.theme-blossom .note-toggle-badge{background:#fce4ec;color:#c2185b}html.theme-blossom .note-toggle-badge.on{background:#c2185b;color:#fff}html.theme-blossom .pause-btn{background:#fce4ec;color:#c2185b}html.theme-blossom .header-value{color:#880e4f}html.theme-blossom .level-badge{background:#c2185b;color:#fff}html.theme-blossom .modal-content{background:#880e4f}html.theme-blossom .modal-header{border-bottom-color:#fce4ec33}html.theme-blossom .modal-header h2{color:#fce4ec}html.theme-blossom .modal-body{background:#fce4ec;color:#880e4f}html.theme-blossom .modal-home-btn{background:#fce4ec33;color:#fce4ec}html.theme-blossom .primary-btn{background:#c2185b;color:#fff}html.theme-blossom .hint-modal-card{background:#880e4f}html.theme-blossom .hint-modal-coin-row{background:#6a0f3a;color:#fce4ec}html.theme-blossom .hint-modal-title{color:#fce4ec}html.theme-blossom .hint-modal-desc{color:#fce4ecb3}html.theme-blossom .hint-modal-coin-value{color:#fce4ec}html.theme-blossom .hint-modal-btn-cancel{background:#fce4ec26;color:#fce4ec}html.theme-blossom .coin-badge{background:#fce4ec;color:#880e4f;border-color:#fff0f5}html.theme-blossom .mistake-icon{color:#c2185b}html.theme-blossom .mistake-icon.used{color:#f8bbd0}html.theme-ocean{--bg-primary: #0c2340;--bg-secondary: #0d2b4e;--brand-primary: #00bcd4;--brand-secondary: #80deea;--text-main: #e0f7fa;--text-muted: #80deea;--cell-bg: #0d2b4e;--cell-highlight: #1a3a5c;--cell-selected: #1e4d73;--cell-same-num: #1a3a5c;--error-color: #ef5350;--accent-blue: #00bcd4}html.theme-ocean body,html.theme-ocean #root{background-color:#0c2340}html.theme-ocean .game-nav{background:#061520;box-shadow:0 4px #0c2340}html.theme-ocean .nav-icon-btn{color:#80deea;background:#00bcd414}html.theme-ocean .nav-icon-btn:hover{background:#00bcd429}html.theme-ocean .sudoku-board{border-color:#00bcd4}html.theme-ocean .sudoku-cell{border-right-color:#1a3a5c;border-bottom-color:#1a3a5c}html.theme-ocean .sudoku-cell.initial{color:#e0f7fa;font-weight:600}html.theme-ocean .sudoku-cell.user{color:#00bcd4}html.theme-ocean .sudoku-cell.user.error{color:#ef5350}html.theme-ocean .sudoku-cell:nth-child(3n):not(:nth-child(9n)){border-right:2px solid #00bcd4}html.theme-ocean .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-ocean .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #00bcd4}html.theme-ocean .sudoku-board-6 .sudoku-cell:nth-child(9n),html.theme-ocean .sudoku-board-6 .sudoku-cell:nth-child(n+73){border-color:#1a3a5c}html.theme-ocean .number-btn{color:#00bcd4}html.theme-ocean .number-btn:disabled{color:#1a3a5c}html.theme-ocean .note-item{color:#4dd0e1}html.theme-ocean .icon-btn{color:#00bcd4}html.theme-ocean .icon-btn:disabled{color:#1a3a5c}html.theme-ocean .icon-badge{background:#00bcd4;border-color:#0c2340;color:#061520}html.theme-ocean .note-toggle-badge{background:#0d2b4e;color:#00bcd4;border:1px solid #1a3a5c}html.theme-ocean .note-toggle-badge.on{background:#00bcd4;color:#061520}html.theme-ocean .pause-btn{background:#0d2b4e;color:#00bcd4}html.theme-ocean .header-value{color:#e0f7fa}html.theme-ocean .level-badge{background:#00838f;color:#e0f7fa}html.theme-ocean .modal-content{background:#0d2b4e}html.theme-ocean .modal-header{border-bottom-color:#00bcd426}html.theme-ocean .modal-header h2{color:#e0f7fa}html.theme-ocean .modal-body{background:#0c2340;color:#e0f7fa}html.theme-ocean .modal-home-btn{background:#00bcd41a;color:#80deea}html.theme-ocean .primary-btn{background:#00838f;color:#e0f7fa}html.theme-ocean .hint-modal-card{background:#0d2b4e}html.theme-ocean .hint-modal-coin-row{background:#0c2340;color:#80deea}html.theme-ocean .hint-modal-title{color:#e0f7fa}html.theme-ocean .hint-modal-desc{color:#e0f7fa99}html.theme-ocean .hint-modal-coin-value{color:#e0f7fa}html.theme-ocean .hint-modal-btn-cancel{background:#00bcd41a;color:#80deea}html.theme-ocean .coin-badge{background:#00bcd4;color:#061520;border-color:#0c2340}html.theme-ocean .mistake-icon{color:#ef5350}html.theme-ocean .mistake-icon.used{color:#1a3a5c}html.theme-mocha{--bg-primary: #3e2723;--bg-secondary: #4e342e;--brand-primary: #d7ccc8;--brand-secondary: #efebe9;--text-main: #efebe9;--text-muted: #bcaaa4;--cell-bg: #4e342e;--cell-highlight: #5d4037;--cell-selected: #6d4c41;--cell-same-num: #5d4037;--error-color: #ef9a9a;--accent-blue: #d7ccc8}html.theme-mocha body,html.theme-mocha #root{background-color:#3e2723}html.theme-mocha .game-nav{background:#1a0f0c;box-shadow:0 4px #3e2723}html.theme-mocha .nav-icon-btn{color:#d7ccc8;background:#d7ccc814}html.theme-mocha .nav-icon-btn:hover{background:#d7ccc829}html.theme-mocha .sudoku-board{border-color:#d7ccc8}html.theme-mocha .sudoku-cell{border-right-color:#6d4c41;border-bottom-color:#6d4c41}html.theme-mocha .sudoku-cell.initial{color:#efebe9;font-weight:600}html.theme-mocha .sudoku-cell.user{color:#d7ccc8}html.theme-mocha .sudoku-cell.user.error{color:#ef9a9a}html.theme-mocha .sudoku-cell:nth-child(3n):not(:nth-child(9n)){border-right:2px solid #d7ccc8}html.theme-mocha .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-mocha .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #d7ccc8}html.theme-mocha .sudoku-board-6 .sudoku-cell:nth-child(9n),html.theme-mocha .sudoku-board-6 .sudoku-cell:nth-child(n+73){border-color:#6d4c41}html.theme-mocha .number-btn{color:#d7ccc8}html.theme-mocha .number-btn:disabled{color:#5d4037}html.theme-mocha .note-item{color:#bcaaa4}html.theme-mocha .icon-btn{color:#d7ccc8}html.theme-mocha .icon-btn:disabled{color:#5d4037}html.theme-mocha .icon-badge{background:#d7ccc8;border-color:#3e2723;color:#1a0f0c}html.theme-mocha .note-toggle-badge{background:#4e342e;color:#d7ccc8}html.theme-mocha .note-toggle-badge.on{background:#d7ccc8;color:#1a0f0c}html.theme-mocha .pause-btn{background:#4e342e;color:#d7ccc8}html.theme-mocha .header-value{color:#efebe9}html.theme-mocha .level-badge{background:#5d4037;color:#efebe9}html.theme-mocha .modal-content{background:#1a0f0c}html.theme-mocha .modal-header{border-bottom-color:#d7ccc826}html.theme-mocha .modal-header h2{color:#efebe9}html.theme-mocha .modal-body{background:#3e2723;color:#efebe9}html.theme-mocha .modal-home-btn{background:#d7ccc81a;color:#d7ccc8}html.theme-mocha .primary-btn{background:#5d4037;color:#efebe9}html.theme-mocha .hint-modal-card{background:#1a0f0c}html.theme-mocha .hint-modal-coin-row{background:#3e2723;color:#bcaaa4}html.theme-mocha .hint-modal-title{color:#efebe9}html.theme-mocha .hint-modal-desc{color:#efebe999}html.theme-mocha .hint-modal-coin-value{color:#efebe9}html.theme-mocha .hint-modal-btn-cancel{background:#d7ccc81a;color:#d7ccc8}html.theme-mocha .coin-badge{background:#d7ccc8;color:#1a0f0c;border-color:#3e2723}html.theme-mocha .mistake-icon{color:#ef9a9a}html.theme-mocha .mistake-icon.used{color:#5d4037}html.theme-dusk{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--brand-primary: #ff6b35;--brand-secondary: #ffd4b8;--text-main: #ffd4b8;--text-muted: #a08070;--cell-bg: #16213e;--cell-highlight: #2d1b4e;--cell-selected: #3d2060;--cell-same-num: #2d1b4e;--error-color: #ff4757;--accent-blue: #ff6b35}html.theme-dusk body,html.theme-dusk #root{background-color:#1a1a2e}html.theme-dusk .game-nav{background:#0d0d1a;box-shadow:0 4px #1a1a2e}html.theme-dusk .nav-icon-btn{color:#ffd4b8;background:#ff6b3514}html.theme-dusk .nav-icon-btn:hover{background:#ff6b3529}html.theme-dusk .sudoku-board{border-color:#ff6b35}html.theme-dusk .sudoku-cell{border-right-color:#2d1b4e;border-bottom-color:#2d1b4e}html.theme-dusk .sudoku-cell.initial{color:#ffd4b8;font-weight:600}html.theme-dusk .sudoku-cell.user{color:#ff6b35}html.theme-dusk .sudoku-cell.user.error{color:#ff4757}html.theme-dusk .sudoku-cell:nth-child(3n):not(:nth-child(9n)){border-right:2px solid #ff6b35}html.theme-dusk .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-dusk .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #ff6b35}html.theme-dusk .sudoku-board-6 .sudoku-cell:nth-child(9n),html.theme-dusk .sudoku-board-6 .sudoku-cell:nth-child(n+73){border-color:#2d1b4e}html.theme-dusk .number-btn{color:#ff6b35}html.theme-dusk .number-btn:disabled{color:#2d1b4e}html.theme-dusk .note-item{color:#7a5040}html.theme-dusk .icon-btn{color:#ff6b35}html.theme-dusk .icon-btn:disabled{color:#2d1b4e}html.theme-dusk .icon-badge{background:#ff6b35;border-color:#1a1a2e;color:#fff}html.theme-dusk .note-toggle-badge{background:#16213e;color:#ff6b35;border:1px solid #2d1b4e}html.theme-dusk .note-toggle-badge.on{background:#ff6b35;color:#fff}html.theme-dusk .pause-btn{background:#16213e;color:#ff6b35}html.theme-dusk .header-value{color:#ffd4b8}html.theme-dusk .level-badge{background:#2d1b4e;color:#ffd4b8}html.theme-dusk .modal-content{background:#16213e}html.theme-dusk .modal-header{border-bottom-color:#ff6b3526}html.theme-dusk .modal-header h2{color:#ffd4b8}html.theme-dusk .modal-body{background:#1a1a2e;color:#ffd4b8}html.theme-dusk .modal-home-btn{background:#ff6b351a;color:#ffd4b8}html.theme-dusk .primary-btn{background:#c84b1e;color:#fff}html.theme-dusk .hint-modal-card{background:#16213e}html.theme-dusk .hint-modal-coin-row{background:#1a1a2e;color:#a08070}html.theme-dusk .hint-modal-title{color:#ffd4b8}html.theme-dusk .hint-modal-desc{color:#ffd4b899}html.theme-dusk .hint-modal-coin-value{color:#ffd4b8}html.theme-dusk .hint-modal-btn-cancel{background:#ff6b351a;color:#a08070}html.theme-dusk .coin-badge{background:#ff6b35;color:#fff;border-color:#1a1a2e}html.theme-dusk .mistake-icon{color:#ff4757}html.theme-dusk .mistake-icon.used{color:#2d1b4e}html.theme-mintchoco{--bg-primary: #e8f5e9;--bg-secondary: #c8e6c9;--brand-primary: #4e342e;--brand-secondary: #3e2723;--text-main: #3e2723;--text-muted: #6d4c41;--cell-bg: #f1f8f0;--cell-highlight: #c8e6c9;--cell-selected: #a5d6a7;--cell-same-num: #c8e6c9;--error-color: #c62828;--accent-blue: #4e342e}html.theme-mintchoco body,html.theme-mintchoco #root{background-color:#e8f5e9}html.theme-mintchoco .game-nav{background:#3e2723;box-shadow:0 4px #4e342e}html.theme-mintchoco .nav-icon-btn{color:#e8f5e9;background:#e8f5e91a}html.theme-mintchoco .nav-icon-btn:hover{background:#e8f5e933}html.theme-mintchoco .sudoku-board{border-color:#4e342e}html.theme-mintchoco .sudoku-cell{border-right-color:#a5d6a7;border-bottom-color:#a5d6a7}html.theme-mintchoco .sudoku-cell.initial{color:#3e2723;font-weight:600}html.theme-mintchoco .sudoku-cell.user{color:#4e342e}html.theme-mintchoco .sudoku-cell.user.error{color:#c62828}html.theme-mintchoco .sudoku-cell:nth-child(3n):not(:nth-child(9n)){border-right:2px solid #4e342e}html.theme-mintchoco .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-mintchoco .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #4e342e}html.theme-mintchoco .sudoku-board-6 .sudoku-cell:nth-child(9n),html.theme-mintchoco .sudoku-board-6 .sudoku-cell:nth-child(n+73){border-color:#a5d6a7}html.theme-mintchoco .number-btn{color:#4e342e}html.theme-mintchoco .number-btn:disabled{color:#c8e6c9}html.theme-mintchoco .note-item{color:#6d4c41}html.theme-mintchoco .icon-btn{color:#4e342e}html.theme-mintchoco .icon-btn:disabled{color:#c8e6c9}html.theme-mintchoco .icon-badge{background:#4e342e;border-color:#e8f5e9;color:#fff}html.theme-mintchoco .note-toggle-badge{background:#c8e6c9;color:#4e342e}html.theme-mintchoco .note-toggle-badge.on{background:#4e342e;color:#e8f5e9}html.theme-mintchoco .pause-btn{background:#c8e6c9;color:#4e342e}html.theme-mintchoco .header-value{color:#3e2723}html.theme-mintchoco .level-badge{background:#4e342e;color:#e8f5e9}html.theme-mintchoco .modal-content{background:#4e342e}html.theme-mintchoco .modal-header{border-bottom-color:#e8f5e933}html.theme-mintchoco .modal-header h2{color:#e8f5e9}html.theme-mintchoco .modal-body{background:#e8f5e9;color:#3e2723}html.theme-mintchoco .modal-home-btn{background:#e8f5e933;color:#e8f5e9}html.theme-mintchoco .primary-btn{background:#3e2723;color:#e8f5e9}html.theme-mintchoco .hint-modal-card{background:#4e342e}html.theme-mintchoco .hint-modal-coin-row{background:#3e2723;color:#c8e6c9}html.theme-mintchoco .hint-modal-title{color:#e8f5e9}html.theme-mintchoco .hint-modal-desc{color:#e8f5e9b3}html.theme-mintchoco .hint-modal-coin-value{color:#e8f5e9}html.theme-mintchoco .hint-modal-btn-cancel{background:#e8f5e926;color:#c8e6c9}html.theme-mintchoco .coin-badge{background:#e8f5e9;color:#4e342e;border-color:#f1f8f0}html.theme-mintchoco .mistake-icon{color:#c62828}html.theme-mintchoco .mistake-icon.used{color:#a5d6a7}html.theme-chalkboard{--bg-primary: #2b3d28;--bg-secondary: #354a30;--brand-primary: #c8c4a8;--brand-secondary: #ede9d8;--text-main: #ede9d8;--text-muted: #a8b89a;--grid-line-thick: rgba(220, 215, 185, .75);--grid-line-thin: rgba(220, 215, 185, .3);--cell-bg: #2b3d28;--cell-highlight: #354a30;--cell-selected: #3a5435;--cell-same-num: #354a30;--error-color: #e8a0a0;--accent-blue: #c8c4a8}html.theme-chalkboard body,html.theme-chalkboard #root{background-color:#2b3d28}html.theme-chalkboard .game-nav{background:#1a2a17;box-shadow:0 4px #243820}html.theme-chalkboard .nav-icon-btn{color:#c8c4a8;background:#c8c4a814}html.theme-chalkboard .nav-icon-btn:hover{background:#c8c4a829}html.theme-chalkboard .sudoku-board{border-color:#dcd7b9bf}html.theme-chalkboard .sudoku-cell{font-family:monogram,monospace;font-size:2rem;border-right-color:#dcd7b94d;border-bottom-color:#dcd7b94d;text-shadow:0 0 6px rgba(237,233,216,.5),1px 1px 0 rgba(0,0,0,.4)}html.theme-chalkboard .sudoku-cell.initial{color:#ede9d8;font-weight:700;text-shadow:0 0 8px rgba(237,233,216,.6),1px 1px 0 rgba(0,0,0,.5)}html.theme-chalkboard .sudoku-cell.user{color:#b8d4a8;text-shadow:0 0 6px rgba(184,212,168,.5),1px 1px 0 rgba(0,0,0,.4)}html.theme-chalkboard .sudoku-cell.user.error{color:#e8a0a0;text-shadow:0 0 6px rgba(232,160,160,.5)}html.theme-chalkboard .sudoku-cell:nth-child(3n):not(:nth-child(9n)){border-right:2px solid rgba(220,215,185,.75)}html.theme-chalkboard .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-chalkboard .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid rgba(220,215,185,.75)}html.theme-chalkboard .sudoku-board-6 .sudoku-cell:nth-child(9n),html.theme-chalkboard .sudoku-board-6 .sudoku-cell:nth-child(n+73){border-color:#dcd7b94d}html.theme-chalkboard .number-btn{font-family:monogram,monospace;font-size:2.6rem;color:#ede9d8;text-shadow:0 0 5px rgba(237,233,216,.4)}html.theme-chalkboard .number-btn:disabled{color:#4a5e45;text-shadow:none}html.theme-chalkboard .note-item{font-family:monogram,monospace;color:#a8b89a}html.theme-chalkboard .icon-btn{color:#c8c4a8}html.theme-chalkboard .icon-btn:disabled{color:#4a5e45}html.theme-chalkboard .icon-badge{background:#c8c4a8;border-color:#2b3d28;color:#1a2a17}html.theme-chalkboard .note-toggle-badge{background:#354a30;color:#c8c4a8}html.theme-chalkboard .note-toggle-badge.on{background:#c8c4a8;color:#1a2a17}html.theme-chalkboard .pause-btn{background:#354a30;color:#c8c4a8}html.theme-chalkboard .header-value{font-family:monogram,monospace;font-size:1.3rem;color:#ede9d8}html.theme-chalkboard .level-badge{background:#1a2a17;color:#c8c4a8}html.theme-chalkboard .modal-content{background:#1a2a17}html.theme-chalkboard .modal-header{border-bottom-color:#c8c4a826}html.theme-chalkboard .modal-header h2{color:#ede9d8}html.theme-chalkboard .modal-body{background:#243820;color:#ede9d8}html.theme-chalkboard .modal-home-btn{background:#c8c4a81f;color:#ede9d8}html.theme-chalkboard .primary-btn{background:#c8c4a8;color:#1a2a17;font-family:monogram,monospace;font-size:1.3rem}html.theme-chalkboard .hint-modal-card{background:#1a2a17}html.theme-chalkboard .hint-modal-coin-row{background:#243820;color:#c8c4a8}html.theme-chalkboard .hint-modal-title{color:#ede9d8}html.theme-chalkboard .hint-modal-desc{color:#c8c4a8b3}html.theme-chalkboard .hint-modal-coin-value{color:#ede9d8}html.theme-chalkboard .hint-modal-btn-cancel{background:#c8c4a81f;color:#c8c4a8}html.theme-chalkboard .coin-badge{background:#c8c4a8;color:#1a2a17;border-color:#2b3d28}html.theme-chalkboard .mistake-icon{color:#e8a0a0}html.theme-chalkboard .mistake-icon.used{color:#4a5e45}html.theme-gameboy{--bg-primary: #9bbc0f;--bg-secondary: #8bac0f;--brand-primary: #306230;--brand-secondary: #0f380f;--text-main: #0f380f;--text-muted: #306230;--grid-line-thick: #0f380f;--grid-line-thin: #306230;--cell-bg: #9bbc0f;--cell-highlight: #8bac0f;--cell-selected: #306230;--cell-same-num: #8bac0f;--error-color: #0f380f;--accent-blue: #306230}html.theme-gameboy body,html.theme-gameboy #root{background-color:#9bbc0f}html.theme-gameboy .game-nav{background:#0f380f;box-shadow:0 4px #306230}html.theme-gameboy .nav-icon-btn{color:#9bbc0f;background:#9bbc0f1a}html.theme-gameboy .nav-icon-btn:hover{background:#9bbc0f33}html.theme-gameboy .sudoku-board{border-color:#0f380f;box-shadow:0 0 0 3px #0f380f}html.theme-gameboy .sudoku-cell{font-family:monogram,monospace;font-size:2rem;border-right-color:#306230;border-bottom-color:#306230}html.theme-gameboy .sudoku-cell.initial{color:#0f380f;font-weight:700}html.theme-gameboy .sudoku-cell.user{color:#306230}html.theme-gameboy .sudoku-cell.user.error{color:#0f380f;text-decoration:line-through}html.theme-gameboy .sudoku-board-6 .sudoku-cell:nth-child(9n),html.theme-gameboy .sudoku-board-6 .sudoku-cell:nth-child(n+73){border-color:#306230}html.theme-gameboy .sudoku-board-6 .sudoku-cell:nth-child(3n):not(:nth-child(9n)),html.theme-gameboy .sudoku-board-6 .sudoku-cell:nth-child(n+19):nth-child(-n+27),html.theme-gameboy .sudoku-board-6 .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-color:#306230}html.theme-gameboy .number-btn{font-family:monogram,monospace;font-size:2.6rem;color:#0f380f}html.theme-gameboy .number-btn:disabled{color:#8bac0f}html.theme-gameboy .note-item{font-family:monogram,monospace;color:#306230}html.theme-gameboy .icon-btn{color:#306230}html.theme-gameboy .icon-btn:disabled{color:#8bac0f}html.theme-gameboy .icon-badge{background:#0f380f;border-color:#9bbc0f;color:#9bbc0f}html.theme-gameboy .note-toggle-badge{background:#8bac0f;color:#0f380f}html.theme-gameboy .note-toggle-badge.on{background:#0f380f;color:#9bbc0f}html.theme-gameboy .pause-btn{background:#8bac0f;color:#0f380f}html.theme-gameboy .header-value{font-family:monogram,monospace;font-size:1.3rem;color:#0f380f}html.theme-gameboy .level-badge{background:#0f380f;color:#9bbc0f}html.theme-gameboy .modal-content{background:#0f380f}html.theme-gameboy .modal-header{border-bottom-color:#9bbc0f33}html.theme-gameboy .modal-header h2{color:#9bbc0f}html.theme-gameboy .modal-body{background:#306230;color:#9bbc0f}html.theme-gameboy .modal-home-btn{background:#9bbc0f26;color:#9bbc0f}html.theme-gameboy .primary-btn{background:#8bac0f;color:#0f380f;font-family:monogram,monospace;font-size:1.3rem;letter-spacing:.5px}html.theme-gameboy .hint-modal-card{background:#0f380f}html.theme-gameboy .hint-modal-coin-row{background:#306230;color:#9bbc0f}html.theme-gameboy .hint-modal-title{color:#9bbc0f}html.theme-gameboy .hint-modal-desc{color:#9bbc0fb3}html.theme-gameboy .hint-modal-coin-value{color:#9bbc0f}html.theme-gameboy .hint-modal-btn-cancel{background:#9bbc0f26;color:#9bbc0f}html.theme-gameboy .coin-badge{background:#8bac0f;color:#0f380f;border-color:#9bbc0f}html.theme-gameboy .mistake-icon{color:#0f380f}html.theme-gameboy .mistake-icon.used{color:#8bac0f}html.theme-gameboy .theme-toggle-btn{font-family:monogram,monospace;font-size:1rem;letter-spacing:1px;color:#9bbc0f;background:#9bbc0f26}.hint-modal-btn-confirm:disabled{background:#fff3;color:#fff6;cursor:not-allowed}@keyframes premium-sweep{0%{filter:brightness(1);transform:scale(1);box-shadow:none}30%{filter:brightness(1.6);transform:scale(1.1);z-index:100;box-shadow:0 0 30px 5px rgba(var(--brand-primary-rgb),.6)}to{filter:brightness(1);transform:scale(1);box-shadow:none}}.animate-sweep-row{animation:premium-sweep .7s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--col-idx) * .04s)}.animate-sweep-col{animation:premium-sweep .7s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--row-idx) * .04s)}.animate-sweep-sector{animation:premium-sweep .7s cubic-bezier(.16,1,.3,1) both;animation-delay:calc((var(--inner-row) * 3 + var(--inner-col)) * .04s)}:root{--brand-primary-rgb: 52, 152, 219}.difficulty-select-page{min-height:100vh;padding:2rem 1rem;max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.game-card[data-difficulty=Easy] .game-card-icon{background-color:#e8f5e9;color:#2ecc71}.game-card[data-difficulty=Medium] .game-card-icon{background-color:#e3f2fd;color:#3498db}.game-card[data-difficulty=Hard] .game-card-icon{background-color:#fffde7;color:#f1c40f}.game-card[data-difficulty=Expert] .game-card-icon{background-color:#fff3e0;color:#e67e22}.game-card[data-difficulty=Master] .game-card-icon{background-color:#ffebee;color:#e74c3c}.game-card .game-card-footer{background:var(--bg-secondary);padding:.5rem .8rem;border-radius:8px;display:inline-block;margin-top:1rem}.game-card .play-now{color:var(--brand-primary);font-weight:600;display:flex;align-items:center;gap:.4rem;font-size:.9rem}.best-time{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-muted);font-weight:500}.best-time svg{color:#f1c40f}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in-up .5s ease-out both;animation-delay:var(--delay, 0s)}