.piece-cell.type-0{pointer-events:none!important;background:0 0!important}.piece-cell.type-1{background:var(--accent)}.piece-cell.type-2,.shadow-cell.type-2,.drop-cell.type-2,.piece-cell.type-3,.shadow-cell.type-3,.drop-cell.type-3,.piece-cell.type-4,.shadow-cell.type-4,.drop-cell.type-4,.piece-cell.type-5,.shadow-cell.type-5,.drop-cell.type-5,.piece-cell.type-6,.shadow-cell.type-6,.drop-cell.type-6{overflow:hidden}.piece-cell.type-2,.shadow-cell.type-2,.drop-cell.type-2{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.piece-cell.type-3,.shadow-cell.type-3,.drop-cell.type-3{clip-path:polygon(0 0,100% 100%,0 100%)}.piece-cell.type-4,.shadow-cell.type-4,.drop-cell.type-4{clip-path:polygon(100% 0,0 100%,100% 100%)}.piece-cell.type-5,.shadow-cell.type-5,.drop-cell.type-5{clip-path:polygon(0 0,100% 0,0 100%)}.piece-cell.type-6,.shadow-cell.type-6,.drop-cell.type-6{clip-path:polygon(0 0,100% 0,100% 100%)}.piece-cell.type-e,.shadow-cell.type-e,.drop-cell.type-e,.piece-cell.type-f,.shadow-cell.type-f,.drop-cell.type-f,.piece-cell.type-g,.shadow-cell.type-g,.drop-cell.type-g,.piece-cell.type-h,.shadow-cell.type-h,.drop-cell.type-h{position:relative;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.piece-cell.type-e,.shadow-cell.type-e,.drop-cell.type-e{border-top:none;border-left:none;-webkit-mask-image:radial-gradient(circle farthest-side at 0 0,#0000 0 calc(100% - .5px),#000 100%);mask-image:radial-gradient(circle farthest-side at 0 0,#0000 0 calc(100% - .5px),#000 100%)}.piece-cell.type-f,.shadow-cell.type-f,.drop-cell.type-f{border-top:none;border-right:none;-webkit-mask-image:radial-gradient(circle farthest-side at 100% 0,#0000 0 calc(100% - .5px),#000 100%);mask-image:radial-gradient(circle farthest-side at 100% 0,#0000 0 calc(100% - .5px),#000 100%)}.piece-cell.type-g,.shadow-cell.type-g,.drop-cell.type-g{border-bottom:none;border-right:none;-webkit-mask-image:radial-gradient(circle farthest-side at 100% 100%,#0000 0 calc(100% - .5px),#000 100%);mask-image:radial-gradient(circle farthest-side at 100% 100%,#0000 0 calc(100% - .5px),#000 100%)}.piece-cell.type-h,.shadow-cell.type-h,.drop-cell.type-h{border-bottom:none;border-left:none;-webkit-mask-image:radial-gradient(circle farthest-side at 0 100%,#0000 0 calc(100% - .5px),#000 100%);mask-image:radial-gradient(circle farthest-side at 0 100%,#0000 0 calc(100% - .5px),#000 100%)}.piece-cell[data-cell-type="0"]{pointer-events:none;background:0 0}.piece-style-basic .piece-cell{box-sizing:border-box;border:1.5px solid #000000bf;border-radius:4px;box-shadow:inset 0 2px #ffffff52,inset 0 -3px #00000024}.piece-style-cartoon .piece-cell{background:var(--accent);box-sizing:border-box;border:.8px solid #000000d6;border-radius:4px;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffffa6,inset 0 -2px 4px #00000038,0 0 5px #ffffff47,0 3px 6px #00000040}.piece-style-cartoon .piece-cell:before{content:"";pointer-events:none;background:#ffffff8c;width:20%;height:1.5px;position:absolute;bottom:25%;right:10%;transform:rotate(45deg);box-shadow:0 3px #ffffff8c}.piece-style-cartoon .piece-cell:after{content:"";pointer-events:none;background:#ffffff8c;width:20%;height:1.5px;position:absolute;top:25%;left:10%;transform:rotate(45deg);box-shadow:0 3px #ffffff8c}.piece-style-candy .piece-cell{background:var(--accent);box-sizing:border-box;background-blend-mode:normal;background-image:linear-gradient(145deg,#ffffff6b,#ffffff1a 38%,#ffffff05 55%,#0000001a);border:.8px solid #000000b8;border-radius:5px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #ffffffd9,inset 0 -3px 5px #0000002e,inset 2px 0 3px #ffffff2e,0 0 7px #ffffff52,0 3px 7px #0000003d}.piece-style-candy .piece-cell:before{content:"";pointer-events:none;background:#ffffff38;width:145%;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.piece-style-candy .piece-cell:after{content:"";pointer-events:none;background:#fff;width:145%;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 3px #fffffff2,0 0 7px #ffffff8c}.piece-style-tiles .piece-cell{background:var(--accent);border:.8px solid color-mix(in srgb, var(--piece-color) 65%, white);box-sizing:border-box;background-image:linear-gradient(145deg,#ffffff52,#ffffff0d 45%,#0000001f);border-radius:4px;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffffa6,inset 0 -2px 4px #00000038}.piece-style-tiles .piece-cell:before{content:"";box-sizing:border-box;pointer-events:none;border:1px solid #ffffffd9;border-radius:3px;position:absolute;inset:3px}.piece-style-tiles .piece-cell:after{content:none}.piece-style-wood .piece-cell{background:var(--accent);border:.8px solid color-mix(in srgb, var(--piece-color) 65%, white);box-sizing:border-box;background-image:repeating-linear-gradient(8deg,#4628141a 0 2px,#0000 2px 8px),linear-gradient(90deg,#ffffff1a,#0000 20%,#00000014 50%,#0000 80%,#ffffff14);border-radius:4px;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff59,inset 0 -2px 4px #00000040}.piece-style-wood .piece-cell:before{content:"";pointer-events:none;border-top:1px solid #46281438;border-bottom:1px solid #ffffff1a;border-radius:50%;width:120%;height:45%;position:absolute;top:28%;left:-10%;transform:rotate(-4deg);box-shadow:42px 8px 0 -6px #73736947}.piece-style-wood .piece-cell:after{content:"";pointer-events:none;border-top:1px solid #46281433;border-radius:50%;width:55%;height:10px;position:absolute;top:64%;left:20%;transform:rotate(5deg);box-shadow:12px -8px 0 -4px #4628141f,-8px 7px 0 -4px #ffffff14}.piece-style-metal .piece-cell{background:var(--accent);box-sizing:border-box;background-image:radial-gradient(circle at 18% 18%,#373737f2 0 2px,#0000 2.1px),radial-gradient(circle at 82% 18%,#373737f2 0 2px,#0000 2.1px),radial-gradient(circle at 18% 82%,#373737f2 0 2px,#0000 2.1px),radial-gradient(circle at 82% 82%,#373737f2 0 2px,#0000 2.1px);border:1px solid #373737f2;border-radius:4px;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff73,inset 0 -2px 3px #0003}.piece-style-metal .piece-cell:before{content:"";box-sizing:border-box;pointer-events:none;border:2px solid #fff;border-radius:3px;position:absolute;inset:5px}.piece-style-metal .piece-cell:after{content:"";pointer-events:none;background:#fff;width:38%;height:3px;position:absolute;top:66%;left:55%;transform:rotate(-45deg)}.piece-cell.type-a,.shadow-cell.type-a,.drop-cell.type-a,.piece-cell.type-b,.shadow-cell.type-b,.drop-cell.type-b,.piece-cell.type-c,.shadow-cell.type-c,.drop-cell.type-c,.piece-cell.type-d,.shadow-cell.type-d,.drop-cell.type-d{position:relative;overflow:hidden}.piece-cell.type-a,.shadow-cell.type-a,.drop-cell.type-a{border-radius:100% 0 4px}.piece-cell.type-b,.shadow-cell.type-b,.drop-cell.type-b{border-radius:0 100% 0 4px}.piece-cell.type-c,.shadow-cell.type-c,.drop-cell.type-c{border-radius:4px 0 100%}.piece-cell.type-d,.shadow-cell.type-d,.drop-cell.type-d{border-radius:0 4px 0 100%}.piece-edge{pointer-events:none;fill:none;stroke:var(--edge-color,#000000bf);stroke-width:var(--edge-width,1.5);stroke-linecap:butt;position:absolute;overflow:visible}.piece-style-cartoon{--edge-color:#000000d6;--edge-width:1}.piece-style-candy{--edge-color:#000000b8;--edge-width:1}.piece-style-metal{--edge-color:#373737f2;--edge-width:1.2}.piece-style-tiles,.piece-style-wood{--edge-color:color-mix(in srgb, var(--piece-color) 65%, white);--edge-width:1}.piece-style-neon{--edge-color:var(--piece-color);--edge-width:2}.piece-style-neon .piece-cell{border:2px solid var(--piece-color);box-sizing:border-box;box-shadow:inset 0 0 8px var(--piece-color), inset 0 0 1px 1px #ffffff73,  0 0 7px color-mix(in srgb, var(--piece-color) 85%, transparent);position:relative;overflow:hidden;background-color:color-mix(in srgb, var(--piece-color) 42%, #170f3d)!important}.piece-style-neon .piece-cell.type-1{border-radius:5px}.piece-style-neon .piece-cell:before{content:none}.piece-style-neon .piece-cell:after{content:"";border:2px solid color-mix(in srgb, var(--piece-color) 20%, white);box-sizing:border-box;box-shadow:0 0 5px var(--piece-color), 0 0 2px #fffffff2, inset 0 0 5px var(--piece-color);pointer-events:none;border-radius:3px;position:absolute;inset:5px}.piece-style-gem{--edge-color:color-mix(in srgb, var(--piece-color) 45%, white);--edge-width:1}.piece-style-gem .piece-cell{border:1px solid color-mix(in srgb, var(--piece-color) 45%, white);box-sizing:border-box;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e;background-image:conic-gradient(from -45deg,#ffffff8c 0deg 90deg,#0000002e 90deg 180deg,#00000061 180deg 270deg,#ffffff47 270deg 360deg)!important}.piece-style-gem .piece-cell.type-1{border-radius:3px}.piece-style-gem .piece-cell:before{content:"";background:linear-gradient(150deg, color-mix(in srgb, var(--piece-color) 55%, white) 0%, var(--piece-color) 55%, color-mix(in srgb, var(--piece-color) 80%, black) 100%);box-shadow:0 0 0 1px color-mix(in srgb, var(--piece-color) 70%, black), inset 0 0 3px #ffffff59;pointer-events:none;border:1px solid #ffffff8c;position:absolute;inset:24%}.piece-style-gem .piece-cell:after{content:"";pointer-events:none;background:linear-gradient(#fff,#fff) 50%/100% 1.5px no-repeat,linear-gradient(#fff,#fff) 50%/1.5px 100% no-repeat,radial-gradient(circle,#fffffff2 0 1.5px,#0000 4px);border-radius:50%;width:9px;height:9px;position:absolute;top:14%;left:14%}.shadow-cell.type-1{border-radius:3px}.drop-cell{pointer-events:none;background:#ffffff4d;position:absolute;box-shadow:inset 0 0 0 1.5px #ffffffbf}.drop-cell.type-1{border-radius:4px}.drop-cell--bad{background:#ff5c5c61;box-shadow:inset 0 0 0 1.5px #ff8c8cd9}.drop-edge{pointer-events:none;fill:none;stroke:#ffffffbf;stroke-width:1.5px;overflow:visible}.drop-edge--bad{stroke:#ff8c8cd9}.piece-style-comic{--edge-color:#111;--edge-width:2}.piece-style-comic .piece-cell{box-sizing:border-box;border:2px solid #111;position:relative;overflow:hidden}.piece-style-comic .piece-cell.type-1{border-radius:3px}.piece-style-comic .piece-cell:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 52%,#0000002e 52%),radial-gradient(circle,#0000004d 0 1px,#0000 1.3px) 0 0/5px 5px;position:absolute;inset:0}.piece-style-comic .piece-cell:after{content:"";pointer-events:none;border-top:2px solid #fff;border-radius:50% 50% 0 0/100% 100% 0 0;width:9px;height:4px;position:absolute;top:4px;left:5px;transform:rotate(-35deg)}.piece-style-lana{--edge-color:color-mix(in srgb, var(--piece-color) 55%, black);--edge-width:1.5}.piece-style-lana .piece-cell{box-sizing:border-box;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--piece-color) 60%, black);border:none;position:relative;overflow:hidden}.piece-style-lana .piece-cell.type-1{border-radius:5px}.piece-style-lana .piece-cell:before{content:"";pointer-events:none;background:linear-gradient(53.13deg,#0000 16%,#00000052 18% 21%,#ffffff52 23% 37%,#00000038 40% 43%,#0000 45%) 0 0/15px 10px,linear-gradient(126.87deg,#0000 55%,#00000038 57% 60%,#ffffff3d 63% 77%,#00000052 79% 82%,#0000 84%) 0 0/15px 10px;position:absolute;inset:0;transform:scaleY(-1)}.piece-style-lana .piece-cell:after{content:none}.piece-style-holo{--edge-color:#fffffff2;--edge-width:1.5}.piece-style-holo .piece-cell{box-sizing:border-box;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--piece-color) 55%, #4b3b8f);border:1.5px solid #fffffff2;position:relative;overflow:hidden;background-image:linear-gradient(135deg,#0000 30%,#ffffffb3 44%,#0000 56%),linear-gradient(115deg,#ff00aa4d 0%,#00e5ff4d 32%,#7cff503d 58%,#ffdc0047 80%,#ff00aa4d 100%)!important}.piece-style-holo .piece-cell.type-1{border-radius:4px}.piece-style-holo .piece-cell:before{content:"";pointer-events:none;background:radial-gradient(circle at 76% 22%,#fff 0 1.2px,#0000 2px),radial-gradient(circle at 22% 70%,#ffffffd9 0 .9px,#0000 1.6px),radial-gradient(circle at 60% 82%,#ffffffb3 0 .8px,#0000 1.4px);position:absolute;inset:0}.piece-style-holo .piece-cell:after{content:none}.piece-style-bubbles{--edge-color:color-mix(in srgb, var(--piece-color) 60%, black);--edge-width:1.5}.piece-style-bubbles .piece-cell{box-sizing:border-box;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--piece-color) 55%, black);border:none;position:relative;overflow:hidden;background-image:radial-gradient(circle at 32% 28%, color-mix(in srgb, var(--piece-color) 35%, white) 0%, var(--piece-color) 42%, color-mix(in srgb, var(--piece-color) 72%, black) 100%)!important}.piece-style-bubbles .piece-cell.type-1{border-radius:40%}.piece-style-bubbles .piece-cell:before{content:"";pointer-events:none;background:#ffffffbf;border-radius:50%;width:34%;height:22%;position:absolute;top:14%;left:18%;transform:rotate(-30deg)}.piece-style-bubbles .piece-cell:after{content:"";pointer-events:none;background:#ffffff73;border-radius:50%;width:14%;height:14%;position:absolute;bottom:16%;right:18%}.drawingShine{z-index:1000001;pointer-events:auto;position:absolute;inset:0;overflow:hidden}.drawingShine:before{content:"";background:linear-gradient(100deg,#0000 0%,#ffffff8c 50%,#0000 100%);width:45%;animation:1.1s ease-in-out .15s forwards drawingShine;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-120%)skew(-12deg)}@keyframes drawingShine{to{transform:translate(330%)skew(-12deg)}}@media (prefers-reduced-motion:reduce){.drawingShine:before{opacity:0;animation:none}}.puzzleContent--intro .board{animation:.5s ease-out both boardIntro}@keyframes boardIntro{0%{opacity:0}to{opacity:1}}.introFrame{z-index:1000001;pointer-events:none;border:2px solid #67e8f9f2;border-radius:8px;animation:1.1s ease-out .15s both introFrame;position:absolute;inset:-4px;box-shadow:0 0 0 4px #67e8f938}@keyframes introFrame{0%{opacity:0}30%{opacity:1}to{opacity:0}}.drawingShine.introShine{pointer-events:none}.drawingShine.introShine:before{animation-delay:.55s}.pieceIntro>*{animation:.45s cubic-bezier(.2,.8,.2,1) both pieceIntro;animation-delay:calc(.35s + var(--i,0) * 35ms)}@keyframes pieceIntro{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.puzzleContent--intro .board,.introFrame,.pieceIntro>*{animation:none}.introFrame{display:none}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}html,body{width:100%;margin:0;padding:0;overflow-x:hidden}#root{box-sizing:border-box;flex-direction:column;width:100%;max-width:1126px;min-height:100dvh;margin:0 auto;display:flex}@media (width<=600px){#root{border-inline:none}}:root{--board-bg:#f2f2f2}*{box-sizing:border-box}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.home{background:linear-gradient(#0f172a,#1e293b);place-items:center;height:100dvh;display:grid;position:relative}.home__card{text-align:center;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #fff6;border-radius:24px;flex-direction:column;align-items:center;gap:14px;width:calc(100% - 32px);max-width:420px;padding:32px 24px;display:flex;position:relative;box-shadow:0 20px 60px #00000059,0 2px 10px #00000026}.home__title{letter-spacing:6px;text-transform:uppercase;text-shadow:0 2px 4px #00000080;margin:20px 0 16px;padding-top:6px;padding-bottom:6px;font-size:58px;font-weight:900;line-height:1.1;position:relative;transform:skew(-3deg)}.home__title span{filter:drop-shadow(0 0 2px #00e5ff40)drop-shadow(0 0 5px #4f46e52e);will-change:filter, transform, opacity;animation:2s ease-in-out infinite titleGlow;display:inline-block}@keyframes titleGlow{0%{opacity:.85;filter:drop-shadow(0 0 1px #00e5ff26)drop-shadow(0 0 3px #4f46e51f);transform:translateY(0)}50%{opacity:1;filter:drop-shadow(0 0 10px #00e5ffbf)drop-shadow(0 0 18px #4f46e58c);transform:translateY(-1px)}to{opacity:.85;filter:drop-shadow(0 0 1px #00e5ff26)drop-shadow(0 0 3px #4f46e51f);transform:translateY(0)}}.niveles__title{letter-spacing:6px;text-transform:uppercase;background:#c084fc;-webkit-text-fill-color:transparent;text-shadow:0 0 40px #ff2e6340;-webkit-background-clip:text;margin:20px 0 16px;padding-top:6px;padding-bottom:6px;font-size:40px;font-weight:900;line-height:1.1;transform:skew(-3deg)}.niveles__title_timeattack{letter-spacing:6px;text-transform:uppercase;background:#c084fc;-webkit-text-fill-color:transparent;text-shadow:0 0 40px #ff2e6340;-webkit-background-clip:text;margin:20px 0 16px;padding-top:6px;padding-bottom:6px;font-size:35px;font-weight:900;line-height:1.1;transform:skew(-3deg)}.home__subtitle{color:#475569;opacity:1;margin-bottom:28px;font-size:14px}.puzzleBtnContent{align-items:center;gap:10px;display:inline-flex}.home__button{cursor:pointer;color:#fff;text-transform:uppercase;letter-spacing:1.6px;background:#3aafe0;border:1px solid #ffffff1a;border-radius:10px;width:100%;max-width:280px;padding:16px 36px;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:600;transition:transform .15s,box-shadow .2s,filter .2s;position:relative;overflow:hidden;box-shadow:0 10px 24px #00000040,0 6px 14px #0078ff40,inset 0 1px #ffffff40}.home__button:active{filter:brightness(.95);transform:translateY(0)scale(.98);box-shadow:0 6px 14px #00000040,inset 0 2px 6px #0003}.home__button:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#ffffff2e,#0000 60%);position:absolute;inset:0}.home__button:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}.home__button:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 14px 28px #008cff59,0 3px 10px #0003,inset 0 1px #ffffff4d}.home__button:active{filter:brightness(.98);transform:scale(.98)}.empty-cell{pointer-events:none!important}.popupOverlay{background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup{text-align:center;background:#fff;border-radius:12px;min-width:220px;padding:20px}.home__logo{width:150px;height:auto}.home__randomBtn{cursor:pointer;color:#fff;background:#3aafe0;border:none;border-radius:14px;place-items:center;width:48px;height:48px;transition:transform .18s,box-shadow .18s;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 10px 24px #ff2e6359,inset 0 1px #ffffff26}.home__randomBtn:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 14px 30px #ff2e6380,inset 0 1px #fff3}.home__randomBtn:active{transform:scale(.96)}.puzzleHeader{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#ffffff14;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:18px;padding:16px 22px;display:flex;box-shadow:0 6px 20px #0000002e}.puzzleTitleWrap{align-items:center;gap:16px;min-width:0;display:flex}.puzzleTitle{letter-spacing:3px;text-transform:uppercase;color:#93c3dbf2;text-shadow:0 2px 10px #00b4ff26;white-space:nowrap;margin:0;font-size:clamp(28px,5vw,40px);font-weight:800;line-height:1.1}.puzzleTitleLine{background:#78c8ff26;border-radius:999px;width:100%;height:3px;margin-top:10px;position:relative;overflow:hidden}.puzzleTitleLine:after{content:"";background:#3aafe0;border-radius:999px;width:45%;height:100%;position:absolute;top:0;left:0;box-shadow:0 0 18px #3aafe073}.puzzleActions{flex-shrink:0;align-items:center;gap:10px;display:flex}.puzzleIconBtn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .18s,box-shadow .18s,background .18s;display:flex}.puzzleIconBtn:hover{transform:translateY(-2px)scale(1.04)}.puzzleIconBtn:active{transform:scale(.96)}.puzzleIconBtn--help{color:#fff;background:linear-gradient(135deg,#ff7a18,#ffb347);border:1px solid #ffffff26}.puzzleIconBtn--help:hover{box-shadow:0 14px 30px #ff8c0080,inset 0 1px #fff3}.puzzleIconBtn--reset{color:#fff;background:linear-gradient(135deg,#ff2e63,#ff4d6d);border:1px solid #ffffff26}.puzzleIconBtn--reset:hover{box-shadow:0 14px 30px #ff2e6380,inset 0 1px #fff3}.puzzleIconBtn--back{color:#fff;background:#3aafe0;border:1px solid #ffffff26}.puzzleIconBtn--back:hover{box-shadow:0 14px 30px #2ec0ff6b,inset 0 1px #ffffff2e}.puzzleContent{background:linear-gradient(#f8fafc,#e6ebff);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.puzzleContent:before{content:"";z-index:0;pointer-events:none;will-change:transform;background:radial-gradient(500px at 10% 10%,#ff7a1847,#0000 60%),radial-gradient(600px at 90% 25%,#3b82f642,#0000 60%),radial-gradient(550px at 40% 90%,#f59e0b38,#0000 60%);animation:12s ease-in-out infinite bgFlow;position:absolute;inset:-10%}@keyframes bgFlow{0%,to{transform:translate(0,0)}50%{transform:translate(4%,3%)}}@media (prefers-reduced-motion:reduce){.puzzleContent:before{animation:none}}.puzzleHintBtn{cursor:pointer;color:#fff;background:#3aafe0;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex;box-shadow:0 8px 20px #009dff73,inset 0 1px #fff3}@media (width<=700px){.puzzleHeader{gap:10px;padding:14px}.puzzleTitleWrap{gap:10px}.puzzleTitle{letter-spacing:1px;font-size:35px}.puzzleTitleLine{width:200px;margin-top:6px}.puzzleActions{gap:8px}.puzzleIconBtn{border-radius:12px;width:42px;height:42px}}.victoryOverlay{z-index:999999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;justify-content:center;align-items:center;animation:.25s forwards victoryOverlayIn;display:flex;position:fixed;inset:0}.victoryConfetti{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.confettiPiece{top:-20px;left:var(--x);background:hsl(calc(var(--i) * 47), 80%, 60%);width:9px;height:14px;transform:rotate(var(--rotation));opacity:0;animation:confettiFall 1.8s cubic-bezier(.15, .75, .35, 1) var(--delay) forwards;border-radius:2px;position:absolute}.victoryPopup{text-align:center;z-index:2;background:linear-gradient(#fffffff7,#ffffffe8);border:1px solid #ffffffa6;border-radius:28px;width:360px;max-width:calc(100% - 40px);padding:36px 28px;animation:.55s cubic-bezier(.16,1,.3,1) forwards victoryPopupEnter;position:relative;box-shadow:0 30px 80px #00000059,0 10px 25px #ff2e6326}.victoryClose{cursor:pointer;color:#000;background:#0000000f;border:none;border-radius:50%;width:34px;height:34px;font-size:20px;line-height:34px;transition:transform .15s,background .15s;position:absolute;top:14px;right:14px}.victoryClose:hover{background:#0000001f;transform:scale(1.08)}.victoryClose:active{transform:scale(.94)}.victoryIcon{filter:drop-shadow(0 0 18px #ffb80173);margin-bottom:10px;font-size:54px;animation:.65s cubic-bezier(.16,1,.3,1) .15s both victoryIconPop}.victoryTitle{letter-spacing:2px;text-transform:uppercase;color:#fff;text-shadow:0 2px 12px #008cff59,0 0 24px #008cff26;margin:0;font-size:40px;font-weight:800;animation:.55s cubic-bezier(.16,1,.3,1) .25s both victoryTitleIn}.victoryLine{transform-origin:50%;background:linear-gradient(90deg,#3aafe0,#00b8ff);border-radius:999px;width:140px;height:4px;margin:14px auto 22px;animation:.5s .45s both victoryLineIn;box-shadow:0 0 20px #008cff73}.victoryText{color:#475569;margin:0;font-size:16px;line-height:1.5;animation:.45s .5s both victoryTextIn}.victoryTime{color:#64748b;margin:10px 0 0;font-size:15px;font-weight:600;animation:.45s .58s both victoryTextIn}.victoryButton{cursor:pointer;text-transform:uppercase;letter-spacing:1.6px;color:#fff;background:#3aafe0;border:1px solid #ffffff1a;border-radius:10px;margin-top:28px;padding:14px 22px;font-family:Inter,system-ui,sans-serif;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .2s,filter .2s;animation:.5s cubic-bezier(.16,1,.3,1) .65s both victoryButtonIn;position:relative;overflow:hidden;box-shadow:0 10px 24px #00000040,0 6px 14px #008cff4d,inset 0 1px #ffffff40}.victoryButton:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 14px 32px #0000004d,0 10px 20px #008cff66,inset 0 1px #ffffff4d}.victoryButton:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#ffffff2e,#0000 60%);position:absolute;inset:0}.victoryButton:active{transform:scale(.98)}@keyframes victoryOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes victoryPopupEnter{0%{opacity:0;transform:translateY(30px)scale(.85)}60%{opacity:1;transform:translateY(-5px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes victoryIconPop{0%{opacity:0;transform:scale(0)rotate(-20deg)}60%{opacity:1;transform:scale(1.25)rotate(8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes victoryTitleIn{0%{opacity:0;transform:translateY(12px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes victoryLineIn{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes victoryTextIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes victoryButtonIn{0%{opacity:0;transform:translateY(12px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translate3d(calc((var(--i) - 16) * 10px), 100vh, 0) rotate(720deg)}}@keyframes popupEnter{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.levelsGrid{grid-template-columns:repeat(2,120px);justify-content:center;gap:20px;margin:30px 0;display:grid}.categoryBtn,.categoryBtnTheme{color:#ffffffe6;cursor:pointer;border:1px solid #ffffff1a;border-radius:18px;justify-content:center;align-items:center;width:120px;height:120px;transition:transform .15s,box-shadow .2s,filter .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 22px #00000040,inset 0 1px #ffffff14}.categoryBtn:hover,.categoryBtnTheme:hover{filter:brightness(1.05);transform:translateY(-2px)scale(1.03);box-shadow:0 16px 34px #0000004d}.categoryBtn:active,.categoryBtnTheme:active{filter:brightness(.95);transform:scale(.98)}.categoryBtnTheme{flex-direction:column;gap:10px}.categoryBtnTheme:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#ffffff2e,#0000 60%);position:absolute;inset:0}.categoryBtnTheme svg{stroke-width:2.5px;width:42px;height:42px}.categoryBtnTheme span{letter-spacing:1px;text-transform:uppercase;font-size:15px;font-weight:700}.categoryBtnTheme--square{background:#14b8a6;box-shadow:0 14px 30px #14b8a659}.categoryBtnTheme--triangle{background:#3b82f6;box-shadow:0 14px 30px #3b82f659}.categoryBtnTheme--circle{background:#f59e0b;box-shadow:0 14px 30px #f59e0b59}.categoryBtnTheme--skull{background:#ef4444;box-shadow:0 14px 30px #ef444459}.title--square{letter-spacing:6px;text-transform:uppercase;background:#14b8a6;-webkit-text-fill-color:transparent;text-shadow:0 0 40px #ff2e6340;-webkit-background-clip:text;margin:20px 0 16px;padding-top:6px;padding-bottom:6px;font-size:40px;font-weight:900;line-height:1.1;transform:skew(-3deg)}.title--triangle{letter-spacing:6px;text-transform:uppercase;background:#3b82f6;-webkit-text-fill-color:transparent;text-shadow:0 0 40px #ff2e6340;-webkit-background-clip:text;margin:20px 0 16px;padding-top:6px;padding-bottom:6px;font-size:40px;font-weight:900;line-height:1.1;transform:skew(-3deg)}.title--circle{letter-spacing:6px;text-transform:uppercase;background:#f59e0b;-webkit-text-fill-color:transparent;text-shadow:0 0 40px #ff2e6340;-webkit-background-clip:text;margin:20px 0 16px;padding-top:6px;padding-bottom:6px;font-size:40px;font-weight:900;line-height:1.1;transform:skew(-3deg)}.title--skull{letter-spacing:6px;text-transform:uppercase;background:#ef4444;-webkit-text-fill-color:transparent;text-shadow:0 0 40px #ff2e6340;-webkit-background-clip:text;margin:20px 0 16px;padding-top:6px;padding-bottom:6px;font-size:40px;font-weight:900;line-height:1.1;transform:skew(-3deg)}.puzzleTimerBottom{letter-spacing:1px;color:#fff;z-index:100;background:#00000059;border:1px solid #ffffff26;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:800;animation:2.5s ease-in-out infinite timerFloat;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0006}@keyframes timerFloat{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-3px)}}.victoryTime{margin-top:10px;font-weight:600}.categoryBackBtn{border-radius:16px;width:52px;height:52px;position:absolute;top:18px;right:18px}.timeattackSelect{text-align:center;border:1px solid #d4d4d4;border-radius:14px;width:100%;max-width:220px;margin-bottom:8px;padding:14px;font-size:16px}.home__button--secondary{background:linear-gradient(135deg,#64748b,#475569)}.timeAttackHud{letter-spacing:1px;color:#fff;z-index:999;white-space:nowrap;background:#00000059;border:1px solid #ffffff26;border-radius:999px;justify-content:center;align-items:center;padding:14px 24px;font-size:18px;font-weight:800;animation:2.5s ease-in-out infinite timerFloat;display:flex;position:fixed;top:90px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0006}.defeatOverlay{z-index:999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.defeatPopup{text-align:center;background:linear-gradient(#fffffff5,#ffffffe6);border:1px solid #ffffffa6;border-radius:28px;width:360px;max-width:calc(100% - 40px);padding:36px 28px;animation:.25s popupEnter;position:relative;box-shadow:0 30px 80px #00000059,0 10px 25px #ff2e6326}.defeatIcon{color:#ff4d4d;filter:drop-shadow(0 0 14px #ff2e6340);margin-bottom:8px}.defeatTitle{letter-spacing:2px;text-transform:uppercase;background:linear-gradient(90deg,#ff2e63,#ff6a00,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:28px;font-weight:900}.defeatLine{background:linear-gradient(90deg,#ff4d4d,#ff2e63);border-radius:999px;width:140px;height:5px;margin:14px auto 22px;box-shadow:0 0 18px #ff005040}.defeatText{color:#475569;margin:0;font-size:16px;line-height:1.5}.defeatSubtext{color:#475569;margin-top:10px;font-size:14px}.defeatButton{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff2e63,#ff4d4d);border:none;border-radius:14px;margin-top:28px;padding:14px 22px;font-size:15px;font-weight:700;transition:transform .18s,box-shadow .18s;box-shadow:0 10px 25px #ff2e6340}.defeatButton:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 14px 35px #ff2e6359}.puzzleTitle--small{letter-spacing:1px;font-size:clamp(22px,4vw,30px)}.userMenu{z-index:1000;background:var(--accent);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--accent-border);border-radius:999px;padding:10px 14px;font-size:14px;font-weight:700;transition:transform .18s,box-shadow .18s;position:fixed;top:8px;right:16px;box-shadow:0 10px 25px #aa3bff40}.userMenu:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 14px 35px #aa3bff59}.userMenu:active{transform:scale(.97)}.loginOverlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loginModal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:24px;flex-direction:column;gap:12px;width:320px;padding:28px;display:flex;box-shadow:0 20px 60px #00000059,0 10px 25px #ff2e631f}.loginModal h3{text-align:center;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(90deg,#ff2e63,#ff6a00,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 10px;font-size:28px;font-weight:900}.loginModal input{border:1px solid #d8d8d8;border-radius:12px;outline:none;padding:12px 14px;font-size:14px;transition:border .15s}.loginModal input:focus{border-color:#c084fc}.loginModal button{cursor:pointer;border:none;border-radius:12px;padding:12px;font-weight:700;transition:transform .18s,box-shadow .18s}.loginModal button:first-of-type{color:#fff;background:linear-gradient(135deg,#ff6a00,#ff2e63);box-shadow:0 10px 25px #ff2e6340}.loginModal button:first-of-type:hover{transform:translateY(-2px)}.loginModal button:nth-of-type(2){color:#7c3aed;background:#c084fc26}.loginModal button:last-of-type{color:#475569;background:#e5e7eb}.loginHint{color:#64748b;text-align:center;margin:-2px 0 4px;font-size:12px}.sidebarOverlay{z-index:2000;background:#00000059;position:fixed;inset:0}.userSidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2100;background:#fffffff2;flex-direction:column;gap:12px;width:260px;height:100vh;padding:20px;animation:.2s slideIn;display:flex;position:fixed;top:0;right:0;box-shadow:-20px 0 60px #00000040}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.userSidebarHeader{margin-bottom:10px;font-size:16px;font-weight:800}.sidebarBtn{cursor:pointer;color:#fff;background:#77a8da;border:none;border-radius:12px;padding:12px;font-weight:600;transition:transform .15s}.sidebarBtn:hover{transform:translate(-2px)}.leaderboardPage{background:linear-gradient(#0f172a,#1e293b);justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.leaderboardCard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffffeb;border-radius:28px;width:100%;max-width:900px;padding:30px;position:relative;box-shadow:0 20px 60px #00000059}.leaderboardPodium{justify-content:center;align-items:flex-end;gap:18px;margin:30px 0;display:flex}.podium{color:#fff;border-radius:20px;min-width:160px;padding:16px;box-shadow:0 12px 30px #0003}.podium--first{background:linear-gradient(135deg,#f59e0b,#fbbf24);min-height:190px}.podium--second{background:linear-gradient(135deg,#94a3b8,#cbd5e1);min-height:150px}.podium--third{background:linear-gradient(135deg,#c2410c,#ea580c);min-height:130px}.podiumMedal{font-size:42px}.podiumUser{word-break:break-word;margin-top:10px;font-weight:800}.podiumScore{margin-top:8px;font-size:28px;font-weight:900}.leaderboardTableWrap{overflow-x:auto}.leaderboardTable{border-collapse:collapse;width:100%;margin-top:15px}.leaderboardTable th{color:#334155;background:#f1f5f9;padding:14px}.leaderboardTable td{border-bottom:1px solid #e2e8f0;padding:14px}.leaderboardTable strong{color:#ff2e63;font-size:18px}@media (width<=700px){.leaderboardPodium{flex-direction:column;align-items:stretch}.podium{min-height:auto!important}.leaderboardCard{padding-top:20px;position:relative}.leaderboardCard h1{text-align:center;margin-top:70px;margin-bottom:24px;font-size:32px}}.leaderboardSelector{justify-content:center;align-items:center;gap:20px;margin:10px 0 22px;display:flex}.leaderboardArrow{color:#fff;cursor:pointer;background:#3aafe0;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.leaderboardArrow:hover{transform:scale(1.08)}.leaderboardArrow:active{transform:scale(.94)}.leaderboardDifficulty{text-align:center;letter-spacing:1px;color:#334155;min-width:120px;font-size:20px;font-weight:800}.lockedLevel{opacity:.45;filter:grayscale();cursor:not-allowed}.doneBadge{color:#7dffb2;background:#00ff7826;border-radius:6px;margin-left:6px;padding:2px 6px;font-size:10px}.completedDot{background:#4dff88;border-radius:50%;width:7px;height:7px;margin-left:8px;animation:1.8s ease-in-out infinite pulseDot;display:inline-block;box-shadow:0 0 6px #4dff8880}@keyframes pulseDot{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.puzzleBottomPanel{z-index:50;will-change:transform;background:#00000040;border-top:4px solid #fff;align-items:center;height:200px;padding:0 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.puzzleBottomPanel.panel--open{animation:.25s forwards panelSlideUp}.puzzleBottomPanel.panel--closed{animation:.25s forwards panelSlideDown}@keyframes panelSlideUp{0%{opacity:.6;transform:translateY(100%)}to{opacity:1;transform:translateY(0%)}}@keyframes panelSlideDown{0%{opacity:1;transform:translateY(0%)}to{opacity:.6;transform:translateY(100%)}}.puzzleToggleButton{cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:999;background:#fff;border:2px solid #2f2f2f;border-bottom:none;border-radius:12px 12px 0 0;justify-content:center;align-items:center;width:90px;height:22px;transition:transform .25s;display:flex;position:absolute;left:50%}.toggle--open{transform:translate(-50%,-222px)}.toggle--closed{transform:translate(-50%,-22px)}@keyframes pieceFadeIn{0%{opacity:0}to{opacity:1}}.pieceReappear{animation:.25s ease-out .12s both pieceFadeIn}@keyframes pieceFadeOut{0%{opacity:1}to{opacity:0}}.pieceDisappear{animation:.18s ease-in forwards pieceFadeOut}.puzzleBottomPanel__inner{-webkit-overflow-scrolling:touch;touch-action:pan-x;align-items:center;gap:14px;width:100%;height:100%;display:flex;overflow:auto hidden}.puzzleBottomPanel__item{flex:none;justify-content:center;align-items:center;margin:0 4px;display:flex;transform:scale(.75)}.rotateButton{width:80px;height:80px;box-shadow:none;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.rotateButton:active{transform:scale(.95)}.rotateButton:before{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.rotateButtonIcon{stroke-width:3px;filter:drop-shadow(0 2px 2px #00000059);pointer-events:none;width:50px;height:50px;color:#fff!important;stroke:#fff!important}.settingsOverlay{z-index:1000000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settingsModal{box-sizing:border-box;background:#fff;border-radius:12px;width:320px;padding:24px}.settingsModal h3{margin-top:0}.volumeSetting{margin-bottom:20px}.volumeSettingHeader{justify-content:space-between;margin-bottom:8px;display:flex}.volumeSetting input[type=range]{width:100%}.extrasModal{width:360px;max-width:calc(100vw - 40px)}.extrasModal .niveles__title_timeattack{margin:8px 0 20px}.extrasModal>div,.extrasModal .home__button{width:100%}.extrasModal .categoryBackBtn{display:none}.victoryTitle{background:linear-gradient(90deg,#3aafe0,#00b8ff 45%,#c084fc);-webkit-text-fill-color:transparent;color:#3aafe0;text-shadow:none;filter:drop-shadow(0 4px 14px #008cff40);-webkit-background-clip:text;background-clip:text;line-height:1.15}.victoryFlash{pointer-events:none;z-index:1;opacity:0;background:radial-gradient(circle,#ffffff8c 0%,#3aafe047 35%,#0000 70%);border-radius:50%;width:560px;height:560px;margin:-280px 0 0 -280px;animation:.9s ease-out forwards victoryFlashIn;position:absolute;top:50%;left:50%}@keyframes victoryFlashIn{0%{opacity:0;transform:scale(.4)}35%{opacity:1}to{opacity:.35;transform:scale(1.15)}}.victoryLoginHint{color:#64748b;justify-content:center;align-items:center;gap:6px;margin:18px 0 0;font-size:13px;font-weight:600;display:flex}.gameModalOverlay{z-index:1000;background:#080c1c8c;justify-content:center;align-items:center;padding:16px;animation:.2s forwards victoryOverlayIn;display:flex;position:fixed;inset:0}.gameModal{text-align:center;background:linear-gradient(#fffffffa,#f4f8fff2);border:1px solid #ffffffb3;border-radius:26px;width:360px;max-width:100%;padding:32px 26px 26px;animation:.25s cubic-bezier(.16,1,.3,1) popupEnter;position:relative;box-shadow:0 30px 80px #00000059,0 10px 30px #008cff2e,inset 0 1px #ffffffe6}.gameModalIcon{color:#fff;background:linear-gradient(135deg,#3aafe0,#00b8ff);border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 12px;display:flex;box-shadow:0 10px 24px #009dff66,inset 0 1px #ffffff59}.gameModalIcon--lock{background:linear-gradient(135deg,#8b5cf6,#c084fc);box-shadow:0 10px 24px #8b5cf666,inset 0 1px #ffffff59}.gameModalTitle{letter-spacing:1.5px;text-transform:uppercase;background:linear-gradient(90deg,#3aafe0,#00b8ff 45%,#c084fc);-webkit-text-fill-color:transparent;color:#3aafe0;-webkit-background-clip:text;background-clip:text;margin:0;font-size:26px;font-weight:900;line-height:1.2}.gameModalLine{background:linear-gradient(90deg,#3aafe0,#00b8ff);border-radius:999px;width:110px;height:4px;margin:12px auto 18px;box-shadow:0 0 16px #008cff66}.gameModalText{color:#475569;margin:0 0 22px;font-size:16px;line-height:1.5}.gameModalList{text-align:left;color:#475569;margin:0 0 22px;padding:0;font-size:15px;line-height:1.45;list-style:none}.gameModalList li{border-bottom:1px solid #0f172a0f;padding:7px 0 7px 22px;position:relative}.gameModalList li:last-child{border-bottom:none}.gameModalList li:before{content:"";background:linear-gradient(135deg,#3aafe0,#c084fc);border-radius:2px;width:8px;height:8px;position:absolute;top:14px;left:4px;transform:rotate(45deg);box-shadow:0 0 8px #008cff73}.gameModal .victoryButton{margin-top:0}.puzzleHeader{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#0f172afa,#0f172ae6);border-bottom:1px solid #38bdf838;position:relative;box-shadow:0 10px 30px #00000073,0 1px #22d3ee14}.puzzleTitle{background:linear-gradient(90deg,#22d3ee,#3b82f6 55%,#a78bfa);-webkit-text-fill-color:transparent;color:#38bdf8;text-shadow:none;filter:drop-shadow(0 0 12px #22d3ee59);-webkit-background-clip:text;background-clip:text;padding-bottom:2px}.puzzleTitleLine:after{background:linear-gradient(90deg,#22d3ee,#818cf8);box-shadow:0 0 14px #22d3ee99}.puzzleIconBtn{box-shadow:0 8px 20px #00000059,inset 0 1px #ffffff38}.puzzleContent:after{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#94a3b812 1px,#0000 1px),linear-gradient(90deg,#94a3b812 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 60% at 50% 45%,#000 30%,#0000 100%);mask-image:radial-gradient(75% 60% at 50% 45%,#000 30%,#0000 100%)}.board{background:radial-gradient(circle at 50% 40%,#38bdf81a,#0000 65%),linear-gradient(160deg,#1b2847,#111a31 60%,#0e1529);border:1px solid #38bdf873;border-radius:8px;box-shadow:0 0 0 4px #38bdf80f,0 0 34px #22d3ee2e,0 26px 60px #0000008c,inset 0 1px #ffffff12,inset 0 0 40px #02061799}.board:before{content:"";pointer-events:none;--c:#22d3ee;--l:18px;--w:2px;background:linear-gradient(var(--c), var(--c)) top left / var(--l) var(--w), linear-gradient(var(--c), var(--c)) top left / var(--w) var(--l), linear-gradient(var(--c), var(--c)) top right / var(--l) var(--w), linear-gradient(var(--c), var(--c)) top right / var(--w) var(--l), linear-gradient(var(--c), var(--c)) bottom left / var(--l) var(--w), linear-gradient(var(--c), var(--c)) bottom left / var(--w) var(--l), linear-gradient(var(--c), var(--c)) bottom right / var(--l) var(--w), linear-gradient(var(--c), var(--c)) bottom right / var(--w) var(--l);filter:drop-shadow(0 0 4px #22d3eee6);background-repeat:no-repeat;position:absolute;inset:-9px}.puzzleToggleButton{color:#67e8f9;background:linear-gradient(#16213d,#0f172a);border:1px solid #38bdf88c;border-bottom:none;box-shadow:0 -4px 14px #22d3ee38}.puzzleTimerBottom,.timeAttackHud{color:#e0f2fe;font-variant-numeric:tabular-nums;letter-spacing:2px;text-shadow:0 0 10px #22d3ee8c;background:#0f172ac7;border:1px solid #38bdf859;box-shadow:0 0 18px #22d3ee2e,0 10px 24px #0006,inset 0 1px #ffffff0f}.puzzleHintBtn{background:linear-gradient(135deg,#22d3ee,#3b82f6);border:1px solid #fff3;box-shadow:0 0 18px #22d3ee59,0 8px 20px #00000059,inset 0 1px #ffffff4d}.home__card{border:1px solid #38bdf840;box-shadow:0 20px 60px #00000073,0 0 40px #22d3ee14,inset 0 1px #ffffffe6}.home{background:radial-gradient(120% 80% at 50% 40%,#16213f 0%,#0f172a 55%,#0a1022 100%);overflow:hidden}.home:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(380px at 10% 8%,#22d3ee29,#0000 60%),radial-gradient(460px at 95% 35%,#8b5cf62e,#0000 60%),radial-gradient(420px at 30% 100%,#3b82f624,#0000 60%),linear-gradient(#94a3b80f 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#94a3b80f 1px,#0000 1px) 0 0/24px 24px;position:absolute;inset:0}.home__card{z-index:1}:root{--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--sans:var(--font-body);--heading:var(--font-display);--ui-text:#cbd5e1;--ui-text-dim:#94a3b8;--ui-text-strong:#f1f5f9;--ui-cyan:#22d3ee;--ui-border:#38bdf838;--ui-surface:linear-gradient(180deg, #17223f, #0d1428);--ui-shadow:0 24px 60px #00000080, 0 0 40px #22d3ee0f, inset 0 1px 0 #ffffff0f;--ui-title-gradient:linear-gradient(90deg, #67e8f9, #60a5fa 50%, #a78bfa);--ui-primary:linear-gradient(135deg, #0ea5e9, #2563eb)}body{font-family:var(--font-body);color:var(--ui-text)}.home__card,.leaderboardCard,.loginModal,.popup,.settingsModal,.gameModal,.victoryPopup,.defeatPopup{background:var(--ui-surface);border:1px solid var(--ui-border);box-shadow:var(--ui-shadow);-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--ui-text)}.home__card:after,.leaderboardCard:after,.gameModal:after,.victoryPopup:after,.loginModal:after,.settingsModal:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#67e8f9d9,#0000);height:1px;position:absolute;top:-1px;left:18%;right:18%}.loginModal,.settingsModal,.popup{border-radius:22px;position:relative}.home__card p,.leaderboardCard p,.gameModalText,.gameModalList,.victoryText,.defeatText,.defeatSubtext,.home__subtitle,.loginHint{color:var(--ui-text-dim)}.home__card strong,.victoryTime{color:var(--ui-text-strong)}.popupOverlay{z-index:1500}.home__title,.niveles__title,.niveles__title_timeattack,.title--square,.title--triangle,.title--circle,.title--skull,.loginModal h3,.settingsModal h3,.popup h3,.gameModalTitle,.victoryTitle,.defeatTitle,.puzzleTitle{font-family:var(--font-display)}.niveles__title,.niveles__title_timeattack,.title--square,.title--triangle,.title--circle,.title--skull,.loginModal h3,.settingsModal h3,.popup h3{letter-spacing:.14em;text-transform:uppercase;text-shadow:none;background:var(--ui-title-gradient);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px #22d3ee38);-webkit-background-clip:text;background-clip:text;margin:14px 0 6px;padding:4px 0;font-size:clamp(26px,7.5vw,36px);font-weight:700;line-height:1.15;transform:none}.loginModal h3,.settingsModal h3,.popup h3{text-align:center;margin:4px 0 14px;font-size:24px}.title--square{background:linear-gradient(90deg,#5eead4,#14b8a6);filter:drop-shadow(0 0 14px #14b8a64d);-webkit-background-clip:text;background-clip:text}.title--triangle{background:linear-gradient(90deg,#93c5fd,#3b82f6);filter:drop-shadow(0 0 14px #3b82f64d);-webkit-background-clip:text;background-clip:text}.title--circle{background:linear-gradient(90deg,#fcd34d,#f59e0b);filter:drop-shadow(0 0 14px #f59e0b4d);-webkit-background-clip:text;background-clip:text}.title--skull{background:linear-gradient(90deg,#fca5a5,#ef4444);filter:drop-shadow(0 0 14px #ef44444d);-webkit-background-clip:text;background-clip:text}.home__title{letter-spacing:.12em;margin:10px 0 4px;font-weight:700;transform:none}.home__subtitle{letter-spacing:.02em;font-size:15px}.home__button,.victoryButton,.loginModal button:first-of-type,.popup button:last-child{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:#fff;background:var(--ui-primary);border:1px solid #7dd3fc59;border-radius:12px;font-weight:600;box-shadow:0 10px 24px #02061773,0 0 18px #0ea5e938,inset 0 1px #ffffff40}.home__button:hover,.victoryButton:hover,.loginModal button:first-of-type:hover,.popup button:last-child:hover{box-shadow:0 14px 30px #02061780,0 0 26px #0ea5e959,inset 0 1px #ffffff4d}.home__button{justify-content:center;align-items:center;font-size:15px;display:inline-flex}.loginModal button:nth-of-type(2),.loginModal button:last-of-type,.popup button:first-child,.sidebarBtn{font-family:var(--font-display);letter-spacing:.06em;color:var(--ui-text);box-shadow:none;background:#94a3b814;border:1px solid #94a3b838;border-radius:12px;font-weight:600}.loginModal button:nth-of-type(2){color:#a5f3fc;border-color:#22d3ee59}.sidebarBtn:hover,.popup button:first-child:hover,.loginModal button:last-of-type:hover{background:#94a3b829}.sidebarBtn--danger{color:#fca5a5;background:#ef44441a;border-color:#ef444459}.popup button{cursor:pointer;flex:1;padding:12px 14px}.puzzleIconBtn--back,.home__randomBtn,.leaderboardArrow{color:#fff;background:linear-gradient(135deg,#22d3ee,#3b82f6);border:1px solid #fff3;box-shadow:0 0 16px #22d3ee47,0 8px 20px #02061773,inset 0 1px #ffffff4d}.home__randomBtn:hover,.puzzleIconBtn--back:hover,.leaderboardArrow:hover{box-shadow:0 0 24px #22d3ee66,0 10px 24px #02061780,inset 0 1px #ffffff4d}.userMenu{font-family:var(--font-display);letter-spacing:.04em;color:#e0f2fe;background:#0f172ad9;border:1px solid #38bdf873;font-weight:600;box-shadow:0 0 16px #22d3ee33,0 8px 20px #02061773}.userMenu:hover{box-shadow:0 0 24px #22d3ee52,0 10px 24px #02061780}.categoryBtnTheme{border:1px solid #ffffff2e}.categoryBtnTheme--square,.home__button.categoryBtnTheme--square{background:linear-gradient(135deg,#2dd4bf,#0d9488);box-shadow:0 0 22px #14b8a64d,0 12px 26px #02061773}.categoryBtnTheme--triangle,.home__button.categoryBtnTheme--triangle{background:linear-gradient(135deg,#60a5fa,#2563eb);box-shadow:0 0 22px #3b82f64d,0 12px 26px #02061773}.categoryBtnTheme--circle,.home__button.categoryBtnTheme--circle{background:linear-gradient(135deg,#fbbf24,#d97706);box-shadow:0 0 22px #f59e0b4d,0 12px 26px #02061773}.categoryBtnTheme--skull,.home__button.categoryBtnTheme--skull{background:linear-gradient(135deg,#f87171,#dc2626);box-shadow:0 0 22px #ef44444d,0 12px 26px #02061773}.home__button.lockedLevel{opacity:1;filter:none;color:#64748b;box-shadow:none;background:#94a3b80f;border:1px dashed #94a3b840}.home__button.lockedLevel:before,.home__button.lockedLevel:after{display:none}.loginModal input,.popup input,.timeattackSelect{font-family:var(--font-body);color:var(--ui-text-strong);background:#0206178c;border:1px solid #38bdf840;border-radius:12px;outline:none}.popup input{text-align:center;box-sizing:border-box;width:100%;padding:12px 14px;font-size:18px}.loginModal input:focus,.popup input:focus,.timeattackSelect:focus{border-color:#22d3eeb3;box-shadow:0 0 0 3px #22d3ee26}.timeattackSelect option{color:var(--ui-text-strong);background:#0f172a}.volumeSetting input[type=range]{accent-color:var(--ui-cyan)}.volumeSettingHeader{color:var(--ui-text);font-weight:600}.userSidebar{border-left:1px solid var(--ui-border);-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#121c36,#0b1224);box-shadow:-20px 0 60px #00000080}.userSidebarHeader{font-family:var(--font-display);color:var(--ui-text-strong);border-bottom:1px solid #94a3b824;padding-bottom:12px}.leaderboardPage{background:radial-gradient(120% 80% at 50% 40%,#16213f 0%,#0f172a 55%,#0a1022 100%);align-items:flex-start;height:100dvh;padding:72px 16px 24px;overflow-y:auto}.leaderboardDifficulty{font-family:var(--font-display);color:var(--ui-text-strong);letter-spacing:.12em}.leaderboardTable th{color:var(--ui-text-dim);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:#38bdf814;font-size:13px}.leaderboardTable td{color:var(--ui-text);border-bottom:1px solid #94a3b81a}.leaderboardTable tbody tr:hover{background:#38bdf80d}.leaderboardTable strong{color:var(--ui-cyan);font-family:var(--font-display)}.homeLogoBoard{background:linear-gradient(160deg,#141f3a,#0c1426 60%,#0a1020);border:1px solid #38bdf873;border-radius:8px;display:grid;position:relative;box-shadow:0 0 26px #22d3ee2e,0 16px 36px #00000080,inset 0 1px #ffffff12}.homeLogoBoard:before{content:"";pointer-events:none;--c:#22d3ee;--l:14px;--w:2px;background:linear-gradient(var(--c), var(--c)) top left / var(--l) var(--w), linear-gradient(var(--c), var(--c)) top left / var(--w) var(--l), linear-gradient(var(--c), var(--c)) top right / var(--l) var(--w), linear-gradient(var(--c), var(--c)) top right / var(--w) var(--l), linear-gradient(var(--c), var(--c)) bottom left / var(--l) var(--w), linear-gradient(var(--c), var(--c)) bottom left / var(--w) var(--l), linear-gradient(var(--c), var(--c)) bottom right / var(--l) var(--w), linear-gradient(var(--c), var(--c)) bottom right / var(--w) var(--l);filter:drop-shadow(0 0 4px #22d3eee6);background-repeat:no-repeat;position:absolute;inset:-7px}.homeLogoBoard__cell{box-sizing:border-box;border-bottom:1px solid #38bdf81a;border-right:1px solid #38bdf81a;position:relative}.homeLogoBoard__piece{box-sizing:border-box;border:1px solid #000000b3;border-radius:3px;position:absolute;inset:0 -1px -1px 0;box-shadow:inset 0 1px #ffffff52,inset 0 -2px #00000024}.puzzleContent{background:radial-gradient(120% 75% at 50% 42%,#33467a 0%,#283a66 50%,#1f2e54 100%)}.board{background:radial-gradient(circle at 50% 40%,#38bdf814,#0000 65%),linear-gradient(160deg,#141f3a,#0c1426 60%,#0a1020);box-shadow:0 0 0 4px #0a102059,0 0 34px #22d3ee38,0 26px 60px #02061799,inset 0 1px #ffffff12,inset 0 0 40px #02061799}.puzzleBottomPanel{background:linear-gradient(#0c1326f0,#050916fa)}.leaderboardPage{scrollbar-width:thin;scrollbar-color:#38bdf859 transparent}:root{--sky-bg:radial-gradient(ellipse 120% 85% at 50% 30%, #f2f8ff 0%, #d9ecfd 45%, #bcd8f5 100%);--sky-grid:#1e40af12;--tile-border:1.5px solid #02061799;--tile-bevel:inset 0 2px 0 #ffffff52, inset 0 -4px 0 #0003;--tile-drop:0 4px 0 #02061773, 0 10px 18px #02061747;--tile-drop-pressed:0 1px 0 #02061773, 0 4px 8px #02061740}html,body{background:#d9ecfd}.home,.leaderboardPage,.puzzleContent{background:var(--sky-bg)}.home:before{background:radial-gradient(circle 360px at 8% 6%, #ffffffbf, transparent 60%), radial-gradient(circle 420px at 96% 40%, #a78bfa2e, transparent 60%), radial-gradient(circle 420px at 30% 100%, #22d3ee2e, transparent 60%), linear-gradient(var(--sky-grid) 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, var(--sky-grid) 1px, transparent 1px) 0 0 / 24px 24px}.puzzleContent:before{background:radial-gradient(380px at 10% 10%,#ffffffb3,#0000 60%),radial-gradient(460px at 92% 30%,#a78bfa29,#0000 60%),radial-gradient(420px at 40% 95%,#22d3ee29,#0000 60%)}.puzzleContent:after{background-image:linear-gradient(var(--sky-grid) 1px, transparent 1px), linear-gradient(90deg, var(--sky-grid) 1px, transparent 1px)}.home__card,.leaderboardCard{box-shadow:0 24px 50px #0f172a59,0 6px 14px #0f172a2e,inset 0 1px #ffffff0f}.board{box-shadow:0 0 0 4px #ffffff73,0 0 26px #0ea5e940,0 24px 50px #0f172a66,inset 0 1px #ffffff12,inset 0 0 40px #02061799}.board:before{--c:#0284c7;filter:drop-shadow(0 0 3px #0ea5e999)}.puzzleHeader{background:linear-gradient(#eef6ff,#dcedfd);border-bottom:1px solid #1e40af1f;box-shadow:0 6px 18px #1e40af1a}.puzzleTitle{background:linear-gradient(90deg,#0369a1,#1d4ed8 55%,#6d28d9);-webkit-text-fill-color:transparent;filter:none;-webkit-background-clip:text;background-clip:text}.puzzleTitleLine{background:#1e40af1f}.puzzleTitleLine:after{box-shadow:none;background:linear-gradient(90deg,#0ea5e9,#6366f1)}.puzzleBottomPanel{border-top:1px solid #02061780;box-shadow:0 -10px 24px #0f172a38}.puzzleToggleButton{border:1.5px solid #02061799;border-bottom:none;box-shadow:0 -4px 12px #0f172a33}.puzzleTimerBottom,.timeAttackHud,.userMenu{box-shadow:var(--tile-drop), inset 0 1px 0 #ffffff14;border:1.5px solid #02061799}.home__button,.victoryButton,.loginModal button:first-of-type,.popup button:last-child,.loginModal button:nth-of-type(2),.loginModal button:last-of-type,.popup button:first-child,.sidebarBtn,.defeatButton{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:#fff;border:var(--tile-border);box-shadow:var(--tile-bevel), var(--tile-drop);text-shadow:0 1px #00000040;cursor:pointer;border-radius:12px;font-weight:700;transition:transform 80ms,box-shadow 80ms,filter .15s}.home__button:after,.home__button:before{display:none}.home__button:hover,.victoryButton:hover,.loginModal button:hover,.popup button:hover,.sidebarBtn:hover,.defeatButton:hover{filter:brightness(1.07);box-shadow:var(--tile-bevel), var(--tile-drop);transform:none}.home__button:active,.victoryButton:active,.loginModal button:active,.popup button:active,.sidebarBtn:active,.defeatButton:active{filter:brightness(.97);box-shadow:inset 0 2px 0 #ffffff47, inset 0 -2px 0 #0003, var(--tile-drop-pressed);transform:translateY(3px)}.home__button,.victoryButton,.loginModal button:first-of-type,.popup button:last-child,.home__button--blue{background:linear-gradient(#4f8ff7,#2f6fe0)}.home__button--teal{background:linear-gradient(#2ccfbf,#0f9f91)}.home__button--orange{background:linear-gradient(#ff9a4d,#f0700f)}.home__button--violet{background:linear-gradient(#a66cf5,#7c3aed)}.victoryButton--share{background:linear-gradient(#2ccfbf,#0f9f91);justify-content:center;align-items:center;gap:8px;display:inline-flex}.defeatButton{background:linear-gradient(#ff5f7e,#e11d48)}.victoryButton--secondary,.loginModal button:nth-of-type(2),.loginModal button:last-of-type,.popup button:first-child,.sidebarBtn{color:#e2e8f0;background:linear-gradient(#2a3756,#1b2643)}.sidebarBtn--danger{color:#fff;background:linear-gradient(#ff5f7e,#e11d48)}.home__button.categoryBtnTheme--square,.categoryBtnTheme--square{background:linear-gradient(#2ccfbf,#0f9f91)}.home__button.categoryBtnTheme--triangle,.categoryBtnTheme--triangle{background:linear-gradient(#4f8ff7,#2f6fe0)}.home__button.categoryBtnTheme--circle,.categoryBtnTheme--circle{background:linear-gradient(#fbbf24,#e08a06)}.home__button.categoryBtnTheme--skull,.categoryBtnTheme--skull{background:linear-gradient(#f87171,#dc2626)}.categoryBtnTheme{border:var(--tile-border);box-shadow:var(--tile-bevel), var(--tile-drop);transition:transform 80ms,box-shadow 80ms,filter .15s}.categoryBtnTheme:hover{filter:brightness(1.07);box-shadow:var(--tile-bevel), var(--tile-drop);transform:none}.categoryBtnTheme:active{box-shadow:inset 0 2px 0 #ffffff47, inset 0 -2px 0 #0003, var(--tile-drop-pressed);transform:translateY(3px)}.categoryBtnTheme:before{display:none}.home__button.lockedLevel,.home__button.lockedLevel:hover,.home__button.lockedLevel:active{color:#64748b;text-shadow:none;box-shadow:none;filter:none;background:#94a3b80f;border:1.5px dashed #94a3b84d;transform:none}.puzzleIconBtn,.home__randomBtn,.leaderboardArrow,.puzzleHintBtn{border:var(--tile-border);box-shadow:var(--tile-bevel), var(--tile-drop);transition:transform 80ms,box-shadow 80ms,filter .15s}.puzzleIconBtn--back,.home__randomBtn,.leaderboardArrow,.puzzleHintBtn{background:linear-gradient(#4f8ff7,#2f6fe0)}.puzzleIconBtn--help{background:linear-gradient(#ffb24d,#f0820f)}.puzzleIconBtn--reset{background:linear-gradient(#ff5f7e,#e11d48)}.puzzleIconBtn:hover,.home__randomBtn:hover,.leaderboardArrow:hover,.puzzleHintBtn:hover,.puzzleIconBtn--help:hover,.puzzleIconBtn--reset:hover,.puzzleIconBtn--back:hover{filter:brightness(1.07);box-shadow:var(--tile-bevel), var(--tile-drop);transform:none}.puzzleIconBtn:active,.home__randomBtn:active,.leaderboardArrow:active,.puzzleHintBtn:active{box-shadow:inset 0 2px 0 #ffffff47, inset 0 -2px 0 #0003, var(--tile-drop-pressed);transform:translateY(3px)}.home__button.categoryBtnTheme--square,.home__button.categoryBtnTheme--triangle,.home__button.categoryBtnTheme--circle,.home__button.categoryBtnTheme--skull,.categoryBtnTheme--square,.categoryBtnTheme--triangle,.categoryBtnTheme--circle,.categoryBtnTheme--skull{border:var(--tile-border);box-shadow:var(--tile-bevel), var(--tile-drop)}.home__button.lockedLevel[class*=categoryBtnTheme--],.home__button.lockedLevel[class*=categoryBtnTheme--]:hover,.home__button.lockedLevel[class*=categoryBtnTheme--]:active{color:#64748b;text-shadow:none;box-shadow:none;filter:none;background:#94a3b80f;border:1.5px dashed #94a3b84d;transform:none}:root{--light-surface:linear-gradient(180deg, #fff, #eef5ff);--light-border:1.5px solid #0f172a24;--light-text:#1e293b;--light-text-dim:#475569;--light-title:linear-gradient(90deg, #0369a1, #1d4ed8 55%, #6d28d9);--steel-1:#4b6396;--steel-2:#3d5285;--steel-3:#34497a}.loginOverlay,.popupOverlay,.settingsOverlay,.sidebarOverlay,.gameModalOverlay,.victoryOverlay,.defeatOverlay{background:#1e294661}.loginModal,.popup,.settingsModal,.gameModal,.victoryPopup,.defeatPopup{background:var(--light-surface);border:var(--light-border);color:var(--light-text);box-shadow:0 24px 60px #0f172a4d,0 6px 16px #0f172a1f,inset 0 1px #fff}.loginModal:after,.settingsModal:after,.gameModal:after,.victoryPopup:after{background:linear-gradient(90deg,#0000,#0ea5e9b3,#0000)}.loginModal h3,.settingsModal h3,.popup h3,.gameModalTitle,.victoryTitle{background:var(--light-title);-webkit-text-fill-color:transparent;filter:none;-webkit-background-clip:text;background-clip:text}.gameModalText,.gameModalList,.victoryText,.defeatText,.defeatSubtext,.loginHint,.victoryLoginHint{color:var(--light-text-dim)}.victoryTime,.volumeSettingHeader,.settingsModal span{color:var(--light-text)}.gameModalList li{border-bottom-color:#0f172a14}.victoryClose{color:var(--light-text);background:#e8eef7;border:1px solid #0f172a1f}.victoryClose:hover{background:#dbe4f0}.loginModal input,.popup input{color:var(--light-text);background:#fff;border:1.5px solid #0f172a2e}.loginModal input::placeholder{color:#94a3b8}.timeattackSelect{color:#f1f5f9;background:#2c3d63;border:1.5px solid #94a3b866}.victoryButton--secondary,.loginModal button:nth-of-type(2),.loginModal button:last-of-type,.popup button:first-child{color:var(--light-text);text-shadow:none;background:linear-gradient(#fff,#e2ebf7)}.loginModal button:nth-of-type(2){color:#1d4ed8}.sidebarBtn{color:#fff;background:linear-gradient(#4f8ff7,#2f6fe0)}.userSidebar .sidebarBtn:first-of-type{background:linear-gradient(#a66cf5,#7c3aed)}.sidebarBtn--danger,.userSidebar .sidebarBtn--danger{background:linear-gradient(#ff5f7e,#e11d48)}.userSidebar{border-left:var(--light-border);background:linear-gradient(#fff,#e9f2fd);box-shadow:-20px 0 50px #0f172a40}.userSidebarHeader,.userSidebarEmail{color:var(--light-text);border-bottom-color:#0f172a1a}.board{background:radial-gradient(circle at 50% 35%, #ffffff1a, transparent 65%), linear-gradient(160deg, var(--steel-1), var(--steel-2) 60%, var(--steel-3));border:1.5px solid #0f172a73;box-shadow:0 0 0 4px #ffffff80,0 20px 44px #0f172a4d,inset 0 1px #ffffff2e,inset 0 0 30px #0f172a2e}.puzzleBottomPanel{background:linear-gradient(180deg, var(--steel-2), var(--steel-3));border-top:1.5px solid #0f172a73;box-shadow:inset 0 1px #ffffff2e,0 -10px 24px #0f172a2e}.puzzleToggleButton{background:linear-gradient(180deg, var(--steel-1), var(--steel-2));color:#e0f2fe;border:1.5px solid #0f172a73;border-bottom:none}.puzzleTimerBottom,.timeAttackHud,.userMenu{background:linear-gradient(180deg, var(--steel-1), var(--steel-2));color:#f8fafc;text-shadow:0 1px #00000040}.homeLogoBoard{background:radial-gradient(circle at 50% 35%, #ffffff1a, transparent 65%), linear-gradient(160deg, var(--steel-1), var(--steel-2) 60%, var(--steel-3));border:1.5px solid #0206178c}.homeLogoBoard__cell{border-bottom-color:#ffffff1f;border-right-color:#ffffff1f}body{color:#1e293b}.puzzleHintBtn{position:relative}.puzzleHintBadge{min-width:20px;height:20px;font-family:var(--font-display);color:#fff;pointer-events:none;background:linear-gradient(#ff9a4d,#f0700f);border:1.5px solid #02061799;border-radius:999px;place-items:center;padding:0 5px;font-size:12px;font-weight:700;line-height:1;display:grid;position:absolute;top:-7px;right:-7px;box-shadow:0 2px #02061766}.puzzleHintBtn--empty,.puzzleHintBtn--empty:hover,.puzzleHintBtn--empty:active{cursor:not-allowed;filter:grayscale()brightness(.9);opacity:.6;transform:none}.puzzleHintBtn--empty .puzzleHintBadge{background:#94a3b8}.levelsGrid__center{grid-column:1/-1;justify-self:center}.categoryBtnTheme--special,.home__button.categoryBtnTheme--special{border:var(--tile-border);box-shadow:var(--tile-bevel), var(--tile-drop);background:linear-gradient(#f472b6,#c026d3)}.title--special{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(90deg,#f9a8d4,#e879f9);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px #e879f94d);-webkit-background-clip:text;background-clip:text;margin:14px 0 6px;padding:4px 0;font-size:clamp(26px,7.5vw,36px);font-weight:700;line-height:1.15}.home__button.lockedLevel.categoryBtnTheme--special,.home__button.lockedLevel.categoryBtnTheme--special:hover,.home__button.lockedLevel.categoryBtnTheme--special:active{color:#64748b;text-shadow:none;box-shadow:none;filter:none;background:#94a3b80f;border:1.5px dashed #94a3b84d;transform:none}.home{-webkit-overflow-scrolling:touch;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#1e40af4d transparent;flex-direction:column;align-items:center;height:100dvh;padding:76px 0 28px;display:flex;overflow:hidden auto}.home>.home__card{flex-shrink:0;margin:auto 0}.home:before{position:fixed}.categoryBackBtn,.home__randomBtn{right:auto}.categoryBackBtn{left:18px}.home__randomBtn{left:14px}.unlockOverlay{z-index:1000000;background:#0a142d73}.unlockPopup{z-index:2}.unlockPopup .victoryTitle{letter-spacing:1px;white-space:nowrap;font-size:clamp(22px,7.5vw,30px)}.unlockStyleName{letter-spacing:.04em;text-align:center;background:linear-gradient(90deg,#ff2e97,#ffb800,#00c2ff,#8a2bff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:4px 0 14px;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:34px;font-weight:800;animation:.6s cubic-bezier(.16,1,.3,1) .2s both unlockNamePop}.unlockPreview{background:linear-gradient(#4a6fa5,#33507d);border-radius:16px;justify-content:center;gap:10px;width:fit-content;margin:0 auto 18px;padding:14px 18px;display:flex;box-shadow:inset 0 2px 6px #00000040}.unlockPreview .piece-cell{width:38px;height:38px;position:relative}@keyframes unlockNamePop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.categoryBtn.categoryBtnTheme.categoryBtnTheme--special.categoryBtn--locked,.categoryBtn.categoryBtnTheme.categoryBtnTheme--special.categoryBtn--locked:hover,.categoryBtn.categoryBtnTheme.categoryBtnTheme--special.categoryBtn--locked:active{color:#64748b;text-shadow:none;box-shadow:none;filter:none;background:#94a3b80f;border:1.5px dashed #94a3b84d;transform:none}.categoryBtn--locked:before,.categoryBtn--locked:after{display:none}.categoryLockedContent{flex-direction:column;align-items:center;gap:6px;display:flex}.specialLockList{gap:6px;margin:0 0 18px;padding:0;list-style:none;display:grid}.specialLockList li{color:#334155;background:#2563eb14;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;display:flex}.specialLockList strong{color:#1e3a8a}.taLevelFlash{z-index:1400;pointer-events:none;justify-content:center;align-items:center;animation:1.25s ease-out forwards taFlashLife;display:flex;position:fixed;inset:0}.taLevelFlash__ring{border:3px solid #67e8f9;border-radius:50%;width:120px;height:120px;animation:1.1s cubic-bezier(.2,.7,.3,1) forwards taFlashRing;position:absolute;box-shadow:0 0 18px #67e8f9e6,inset 0 0 18px #e879f9b3}.taLevelFlash__text{font-family:var(--font-display);letter-spacing:.08em;color:#fff;text-shadow:0 0 6px #67e8f9,0 0 16px #22d3ee,0 0 30px #e879f9;font-size:34px;font-weight:800;animation:1.25s cubic-bezier(.2,.8,.3,1) forwards taFlashText}@keyframes taFlashLife{0%,80%{opacity:1}to{opacity:0}}@keyframes taFlashRing{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(4.5)}}@keyframes taFlashText{0%{opacity:0;filter:blur(4px);transform:scale(.5)}16%{opacity:1;filter:blur();transform:scale(1.12)}28%{transform:scale(1)}72%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)translateY(-14px)}}.taRecord{font-family:var(--font-display);border-radius:14px;flex-direction:column;align-items:center;gap:4px;margin-top:14px;padding:10px 14px;animation:.5s cubic-bezier(.2,.9,.3,1.3) both taRecordIn;display:flex}.taRecord__title{letter-spacing:.03em;font-weight:800}.taRecord--personal{color:#0e7490;background:#67e8f929;border:1.5px solid #22d3ee;flex-direction:row;justify-content:center;gap:8px;font-size:16px;box-shadow:0 0 14px #22d3ee73}.taRecord--global{color:#fff;text-shadow:0 0 8px #ffffffb3;background:linear-gradient(110deg,#7c3aed,#db2777,#f59e0b,#db2777,#7c3aed) 0 0/300% 100%;border:1.5px solid #fde68a;animation:.55s cubic-bezier(.2,.9,.3,1.3) both taRecordIn,3s linear infinite taRecordShine,1.6s ease-in-out .6s infinite taRecordPulse;box-shadow:0 0 18px #ec489999,0 0 34px #f59e0b59}.taRecord--global .taRecord__title{font-size:19px}.taRecord--global .taRecord__sub{opacity:.9;font-size:12px;font-family:var(--font-body)}@keyframes taRecordIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes taRecordShine{0%{background-position:0%}to{background-position:300%}}@keyframes taRecordPulse{0%,to{box-shadow:0 0 18px #ec489999,0 0 34px #f59e0b59}50%{box-shadow:0 0 26px #ec4899d9,0 0 50px #f59e0b8c}}@media (prefers-reduced-motion:reduce){.taLevelFlash,.taLevelFlash__ring,.taLevelFlash__text{animation-duration:10ms}.taRecord--global{animation:none}}.starRating{align-items:center;gap:2px;margin-left:6px;display:inline-flex}.starRating__star{color:#4dff8873;fill:#0000;opacity:.55}.starRating__star--on{color:#22c55e;fill:#4dff88;opacity:1;filter:drop-shadow(0 0 4px #4dff88bf);animation:1.8s ease-in-out infinite starGlow}@keyframes starGlow{0%,to{filter:drop-shadow(0 0 3px #4dff8899)}50%{filter:drop-shadow(0 0 8px #4dff88f2)}}.victoryStars{flex-direction:column;align-items:center;gap:6px;margin-top:10px;display:flex}.starRating--victory{gap:6px;margin-left:0}.starRating--victory .starRating__star--on{animation:.45s cubic-bezier(.2,.9,.3,1.5) both starPop,1.8s ease-in-out .6s infinite starGlow}@keyframes starPop{0%{opacity:0;transform:scale(0)rotate(-40deg)}to{opacity:1;transform:scale(1)rotate(0)}}.victoryStarsHint{color:var(--light-text-dim,#475569);margin:0;font-size:12px}@media (prefers-reduced-motion:reduce){.starRating__star--on,.starRating--victory .starRating__star--on{animation:none}}.victoryButton--retry{color:#fff;background:linear-gradient(#a66cf5,#7c3aed);justify-content:center;align-items:center;gap:8px;display:inline-flex}.loginModal input[type=checkbox]{accent-color:#c084fc;width:16px;height:16px;margin:0;padding:0}.loginShow{color:var(--light-text-dim,#475569);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.loginError,.loginNotice{text-align:center;border-radius:10px;margin:0;padding:8px 10px;font-size:13px;font-weight:600}.loginError{color:#be123c;background:#ff4d6d1f;border:1px solid #ff4d6d4d}.loginNotice{color:#047857;background:#10b9811f;border:1px solid #10b9814d}.loginModal button:disabled{opacity:.6;cursor:default;transform:none}.loginModal--danger button:first-of-type{background:linear-gradient(135deg,#ff4d6d,#c9184a);box-shadow:0 10px 25px #c9184a4d}.sidebarHint{color:var(--light-text-dim,#475569);margin:0;font-size:13px;line-height:1.5}.sidebarBtn--primary{background:linear-gradient(135deg,#ff6a00,#ff2e63)}.howToPlayOverlay{z-index:1000001}.gameModal.howToPlay{flex-direction:column;width:400px;max-height:calc(100dvh - 32px);display:flex}.howToPlay__mode{letter-spacing:2px;text-transform:uppercase;color:#3aafe0;margin:-6px 0 0;font-size:13px;font-weight:800}.howToPlay__body{text-align:left;overscroll-behavior:contain;flex:auto;min-height:0;margin:0 -6px 16px;padding:0 6px;overflow-y:auto}.howToPlay__goal{color:var(--light-text,#1e293b);margin:0 0 14px;font-size:15px;font-weight:600;line-height:1.5}.howToPlay__heading{letter-spacing:1.5px;text-transform:uppercase;color:#c084fc;margin:4px 0 2px;font-size:12px;font-weight:800}.howToPlay .gameModalList{margin-bottom:12px;font-size:14px}.aboutText{color:var(--light-text-dim,#475569);margin:0 0 12px;font-size:13px;line-height:1.55}.aboutLicenses li{flex-direction:column;gap:2px;font-size:13px;display:flex}.aboutLicenses span{color:var(--light-text-dim,#475569)}.settingsMenu{flex-direction:column;gap:12px;width:100%;display:flex}.settingsMenu .sidebarBtn,.settingsModal>.sidebarBtn{width:100%}.settingsMenuClose{margin-top:8px}.settingsMenuBtn{color:#3b82c4;background:#77a8da2e;font-size:16px}.gameModal.howToPlay .howToPlay__goal{color:#0f172a;-webkit-text-fill-color:#0f172a}.gameModal.howToPlay .aboutText,.gameModal.howToPlay .aboutLicenses span,.gameModal.howToPlay .gameModalList{color:#334155;-webkit-text-fill-color:#334155}.gameModal.howToPlay .aboutLicenses strong{color:#0f172a;-webkit-text-fill-color:#0f172a}html.native,html.native body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html.native input,html.native textarea{-webkit-user-select:text;user-select:text}.userMenu{font:inherit;font-family:var(--font-display);text-align:left;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:6px 12px 6px 6px;font-size:14px;font-weight:600;line-height:1.1;display:flex}.userMenu__avatar{background:#ffffff2e;border:1px solid #ffffff4d;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid}.userMenu__text{flex-direction:column;min-width:0;display:flex}.userMenu__name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.userMenu__hint{letter-spacing:.02em;opacity:.85;margin-top:2px;font-size:10.5px;font-weight:500}.userMenu__burger{opacity:.9;flex:none;margin-left:2px}.puzzleTimerBottom,.timeAttackHud{z-index:1100;pointer-events:none}.defeatOverlay{z-index:1200}.settingsMenuBtn--locked{opacity:.55;cursor:default}.extrasLockedText{text-align:center;color:var(--light-text-dim,#475569);margin:-4px 0 0;font-size:12.5px;line-height:1.45}.extrasBackBtn{width:100%;margin-top:10px}.extrasDrawingsCount{text-align:center;color:var(--light-text-dim,#475569);margin:-4px 0 12px;font-size:13px;font-weight:600}.drawingsGrid{overscroll-behavior:contain;grid-template-columns:repeat(3,1fr);gap:10px;max-height:52vh;margin-bottom:10px;padding:2px;display:grid;overflow-y:auto}.drawingCard{cursor:pointer;font:inherit;background:#77a8da1f;border:1px solid #0f172a1a;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;transition:transform .15s;display:flex}.drawingCard:hover{transform:translateY(-2px)}.drawingCard--locked{cursor:default;opacity:.7}.drawingCard--locked:hover{transform:none}.drawingCard__thumb{color:#64748b;background:#0f172a14;border-radius:6px;place-items:center;width:76px;height:85px;display:grid;overflow:hidden}.drawingCard__mini{width:76px;height:85px;position:relative}.drawingCard__mini .board{transform-origin:0 0;top:0;left:0;transform:scale(.276);box-shadow:none!important;position:absolute!important}.drawingCard__name{text-align:center;color:var(--light-text,#1e293b);font-size:12px;font-weight:700;line-height:1.2}.drawingViewer{z-index:1000001;background:var(--sky-bg,#d9ecfd);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:16px;animation:.2s forwards victoryOverlayIn;display:flex;position:fixed;inset:0}.drawingViewer__close{place-items:center;display:grid;position:absolute;top:14px;right:14px}.drawingViewer__head{text-align:center}.drawingViewer__level{letter-spacing:2px;text-transform:uppercase;color:#3aafe0;font-size:12px;font-weight:800}.drawingViewer__title{font-family:var(--font-display);color:var(--light-text,#1e293b);margin:2px 0 0;font-size:28px;font-weight:800}.drawingViewer__board{flex:none;position:relative}.drawingViewer__hint{color:var(--light-text-dim,#475569);margin:0;font-size:13px}.victoryClose{place-items:center;padding:0 0 2px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1;display:grid}.victoryClose>svg{position:relative;top:1px}.rotateNotice{display:none}@media (orientation:landscape) and (height<=540px) and (pointer:coarse){.rotateNotice{z-index:2000000;text-align:center;background:var(--sky-bg,#d9ecfd);color:var(--light-text,#1e293b);font-family:var(--font-display);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;font-size:18px;font-weight:700;display:flex;position:fixed;inset:0}.rotateNotice p{margin:0}.rotateNotice svg{color:#3aafe0}}.drawingViewer__board>div{animation:.35s cubic-bezier(.2,.8,.2,1) both drawingBoardIn}@keyframes drawingBoardIn{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.drawingViewer__board>div{animation:none}}.drawingCard__skeleton{background:linear-gradient(100deg,#0f172a12 30%,#ffffff8c 50%,#0f172a12 70%) 0 0/220% 100%;border-radius:6px;width:76px;height:85px;animation:1.1s ease-in-out infinite drawingSkeleton;display:block}@keyframes drawingSkeleton{0%{background-position:120% 0}to{background-position:-120% 0}}.drawingCard__mini--in{animation:.3s ease-out both drawingMiniIn}@keyframes drawingMiniIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.drawingCard__skeleton,.drawingCard__mini--in{animation:none}}.aboutLinks{flex-direction:column;gap:6px;margin:0 0 10px;padding:0;list-style:none;display:flex}.aboutLinks a,.aboutText a,.loginLegal a{color:#0b7fb5;-webkit-text-fill-color:#0b7fb5;font-weight:600;text-decoration:underline}.loginLegal{font-size:11.5px;line-height:1.45}.puzzleHintAd{color:#1e293b;pointer-events:none;background:#f5b800;border:1.5px solid #fff;border-radius:50%;place-items:center;width:16px;height:16px;display:grid;position:absolute;bottom:-6px;left:-6px}.puzzleHintTimer{color:#fff;font-family:var(--font-display);white-space:nowrap;pointer-events:none;background:#0f172abf;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}