:root{--header-height: 78px;--header-offset: calc(15px + max(env(safe-area-inset-top, 0px), var(--tg-content-safe-area-inset-top, 0px))) ;--z-base: 0;--z-piece: 1;--z-piece-hover: 2;--z-header: 100;--z-controls: 200;--z-drag: 999;--z-overlay: 1000;--z-modal: 2000;--z-loader: 2100;--z-battle-result: 2200;--z-toast: 3000;--arcade-black: #000000;--arcade-bg-deep: #030f5b;--arcade-neon-cyan: #00ffff;--arcade-neon-magenta: #ff00ff;--arcade-neon-yellow: #ffff00;--arcade-neon-orange: #ff6600;--arcade-neon-green: #00ff00;--arcade-neon-red: #ff0040;--arcade-white: #ffffff;--arcade-cyan-rgb: 0, 255, 255;--arcade-magenta-rgb: 255, 0, 255;--arcade-bg-deep-rgb: 3, 15, 91;--bg-color: var(--arcade-bg-deep);--bg-secondary: var(--arcade-black);--primary-glow: var(--arcade-neon-cyan);--secondary-glow: var(--arcade-neon-magenta);--accent-glow: var(--arcade-neon-yellow);--success-glow: #4ade80;--warning-glow: var(--arcade-neon-orange);--text-color: var(--arcade-white);--text-muted: rgba(255, 255, 255, .7);--btn-easy-color: var(--arcade-neon-green);--btn-easy-rgb: 0, 255, 0;--btn-medium-color: var(--arcade-neon-yellow);--btn-medium-rgb: 255, 255, 0;--btn-hard-color: var(--arcade-neon-orange);--btn-hard-rgb: 255, 102, 0;--btn-extreme-color: var(--arcade-neon-red);--btn-extreme-rgb: 255, 0, 64;--font-main: "Press Start 2P", system-ui;--font-display: "Press Start 2P", system-ui;--font-body: "Share Tech Mono", "Courier New", monospace;--font-size-xl: clamp(22px, 3.5vw, 28px);--font-size-lg: clamp(18px, 2.8vw, 22px);--font-size-md: clamp(15px, 2.2vw, 18px);--font-size-sm: clamp(13px, 1.8vw, 15px);--font-size-xs: clamp(9px, 1.5vw, 11px);--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:#000}html,body{height:100dvh;margin:0;overflow:hidden}html.twa{height:var(--tg-viewport-height, 100dvh);padding-top:var(--tg-content-safe-area-inset-top, 0);padding-bottom:var(--tg-content-safe-area-inset-bottom, 0)}body{background:radial-gradient(circle at center,var(--arcade-bg-deep) 0%,var(--arcade-black) 100%);position:relative;font-family:var(--font-body);font-size:1.25rem;line-height:1.5;color:var(--text-color);padding:15px;text-align:center;touch-action:manipulation;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}html.twa body{height:100%}html.twa-android{--header-offset: calc(5px + var(--tg-content-safe-area-inset-top, 0px))}@media(min-height:750px){html.twa-android{--header-offset: calc(8px + var(--tg-content-safe-area-inset-top, 0px))}}body.puzzle-active{justify-content:center;padding-top:calc(var(--header-height) + 15px);background:repeating-linear-gradient(0deg,rgba(0,0,0,.3) 0px,transparent 1px,transparent 3px),var(--arcade-bg-deep)}body.puzzle-active:before{display:none}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(255,255,255,.9) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.6) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.4) 2px,transparent 2px),radial-gradient(circle,rgba(255,255,255,.5) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.3) 1px,transparent 1px),radial-gradient(circle at 10% 20%,rgba(0,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(255,0,255,.08) 0%,transparent 50%),radial-gradient(circle at 20% 90%,rgba(255,255,0,.06) 0%,transparent 50%),radial-gradient(circle at 80% 10%,rgba(255,102,0,.06) 0%,transparent 50%),repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,transparent 1px,transparent 2px);background-size:100px 100px,150px 150px,200px 200px,80px 80px,120px 120px,100% 100%,100% 100%,100% 100%,100% 100%,100% 3px;background-position:0 0,50px 50px,25px 75px,60px 30px,10px 90px,0 0,0 0,0 0,0 0,0 0;pointer-events:none;z-index:var(--z-base);animation:starTwinkle 4s ease-in-out infinite}#alien-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-piece)}button:focus-visible,.arcade-cabinet:focus-visible{outline:3px solid var(--accent-glow);outline-offset:3px;border-radius:2px}.hidden{display:none!important}.invisible{visibility:hidden!important;opacity:0!important;pointer-events:none!important}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.shimmer{background:linear-gradient(90deg,#ffffff1a,#fff3,#ffffff1a);background-size:200% 100%;animation:shimmer 1.5s infinite}.pulse{animation:pulse 1.5s infinite ease-in-out;--glow-color: var(--secondary-glow)}.glow{animation:glow 2s infinite ease-in-out}.shake{animation:shake .5s ease-in-out}.slide-in{animation:slideIn .5s ease-out}body.no-scroll{overflow:hidden;position:fixed;width:100%;height:100vh;touch-action:none}body:after{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top);background-color:#000;z-index:9999;pointer-events:none}h1,h2,h3,.btn,.btn-start,.btn-difficulty,.corner-btn,.stat-value,.countdown-number,.battle-title,.prompt-text,.logo-text,.cabinet-marquee,.streak-counter,.timer,.moves,.progress,input,select,button{font-family:var(--font-display);line-height:1.2}.btn{font-size:var(--font-size-md);color:var(--text-color);background:linear-gradient(135deg,#000c,#0009);border:2px solid var(--text-color);padding:12px 24px;cursor:pointer;text-transform:uppercase;transition:all var(--transition-fast);image-rendering:pixelated;min-height:50px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fff3;background:var(--text-color);color:var(--bg-color)}.btn:active{transform:translateY(0);box-shadow:0 2px 6px #ffffff1a}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:disabled:before{display:none}.btn-difficulty{width:100%;border-radius:10px;padding:14px 20px;min-height:50px;border-width:3px;position:relative;overflow:hidden;transition:all var(--transition-fast);will-change:transform;font-size:clamp(12px,2vw,14px);letter-spacing:.5px}.btn-difficulty[data-difficulty=easy]{--btn-color: var(--btn-easy-color);--btn-color-rgb: var(--btn-easy-rgb);border-color:var(--btn-easy-color);color:var(--btn-easy-color);background:radial-gradient(circle at 30% 30%,rgba(var(--btn-easy-rgb),.2),#000000e6);box-shadow:0 0 12px rgba(var(--btn-easy-rgb),.4)}.btn-difficulty[data-difficulty=medium]{--btn-color: var(--btn-medium-color);--btn-color-rgb: var(--btn-medium-rgb);border-color:var(--btn-medium-color);color:var(--btn-medium-color);background:radial-gradient(circle at 30% 30%,rgba(var(--btn-medium-rgb),.2),#000000e6);box-shadow:0 0 12px rgba(var(--btn-medium-rgb),.4)}.btn-difficulty[data-difficulty=hard]{--btn-color: var(--btn-hard-color);--btn-color-rgb: var(--btn-hard-rgb);border-color:var(--btn-hard-color);color:var(--btn-hard-color);background:radial-gradient(circle at 30% 30%,rgba(var(--btn-hard-rgb),.2),#000000e6);box-shadow:0 0 12px rgba(var(--btn-hard-rgb),.4)}.btn-difficulty[data-difficulty=extreme]{--btn-color: var(--btn-extreme-color);--btn-color-rgb: var(--btn-extreme-rgb);border-color:var(--btn-extreme-color);color:var(--btn-extreme-color);background:radial-gradient(circle at 30% 30%,rgba(var(--btn-extreme-rgb),.2),#000000e6);box-shadow:0 0 12px rgba(var(--btn-extreme-rgb),.4)}.btn-difficulty:hover:not(.active){transform:translateY(-4px) scale(1.03);box-shadow:0 0 20px rgba(var(--btn-color-rgb),.7),0 0 30px rgba(var(--btn-color-rgb),.3),0 6px 20px #0009;filter:brightness(1.2)}.btn-difficulty:active{transform:translateY(0) scale(.98);box-shadow:0 0 10px rgba(var(--btn-color-rgb),.5);transition:transform .05s,box-shadow .05s}.btn-difficulty.active{background:var(--btn-color);color:var(--arcade-black);transform:scale(1.08) translateY(-2px);box-shadow:0 0 25px rgba(var(--btn-color-rgb),.9),0 0 40px rgba(var(--btn-color-rgb),.5);animation:buttonPulse 1.5s ease-in-out infinite}.btn-start{min-height:56px;padding:14px 32px;font-size:clamp(14px,2.5vw,18px);margin-top:20px;white-space:nowrap;border-width:3px;border-radius:10px;background:linear-gradient(180deg,#fff,#f0f0f0);border-color:var(--arcade-white);color:var(--arcade-black);box-shadow:0 0 25px rgba(var(--arcade-cyan-rgb),.6),0 0 40px rgba(var(--arcade-magenta-rgb),.4),0 4px 20px #000c,inset 0 2px 10px #fffc,inset 0 -2px 10px #0003;animation:startButtonPulse 1.5s ease-in-out infinite;will-change:transform;text-shadow:none;font-weight:700}.btn-start:hover:not(:disabled){transform:translateY(-5px) scale(1.05);background:linear-gradient(180deg,#fff,#fff);box-shadow:0 0 35px #ffffffe6,0 0 50px rgba(var(--arcade-cyan-rgb),.6),0 0 70px rgba(var(--arcade-magenta-rgb),.4);filter:brightness(1.1)}.btn-start:active:not(:disabled){transform:translateY(0) scale(1);box-shadow:0 0 20px #fffc,inset 0 4px 15px #00000026}.btn-start:disabled{background:#333;border-color:#666;color:#999;box-shadow:none;animation:none;opacity:.4;text-shadow:none}.btn-start.resume-indicator{background:linear-gradient(180deg,#0f0,#0c0);border-color:#0f0;color:#000;text-shadow:none;animation:resumePulse 1.5s ease-in-out infinite}.btn-start.resume-indicator:hover:not(:disabled){background:linear-gradient(180deg,#3f3,#0f0);box-shadow:0 0 35px #00ff00e6,0 0 50px #0f09,0 0 70px #0f06}.start-fresh-link{background:none;border:none;color:var(--arcade-neon-cyan);font-size:var(--font-size-xs);cursor:pointer;margin-top:10px;padding:8px 16px;opacity:.8;transition:all var(--transition-fast);text-decoration:underline;text-underline-offset:3px}.start-fresh-link:hover{opacity:1;color:var(--arcade-white);text-shadow:0 0 10px var(--arcade-neon-cyan)}.corner-btn{position:absolute;top:var(--header-offset);width:48px;height:48px;background:radial-gradient(circle at 30% 30%,rgba(var(--arcade-cyan-rgb),.15),#000000d9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--arcade-neon-cyan);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px rgba(var(--arcade-cyan-rgb),.4);transition:all var(--transition-fast)}.corner-btn:hover{background:var(--arcade-neon-cyan);transform:scale(1.12) translateY(-2px);box-shadow:0 0 25px rgba(var(--arcade-cyan-rgb),.8)}.corner-btn:active{transform:scale(.98);background:radial-gradient(circle at 30% 30%,rgba(var(--arcade-cyan-rgb),.2),#000000e6);box-shadow:0 0 10px rgba(var(--arcade-cyan-rgb),.5)}.corner-btn svg{width:24px;height:24px;fill:var(--arcade-neon-cyan);filter:drop-shadow(0 0 3px rgba(var(--arcade-cyan-rgb),.5));transition:all var(--transition-fast)}.corner-btn:hover svg{fill:var(--arcade-black);filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.corner-btn:active svg{fill:var(--arcade-neon-cyan);filter:drop-shadow(0 0 3px rgba(var(--arcade-cyan-rgb),.5))}.header-right-buttons .corner-btn{position:relative;top:auto}.corner-btn-emoji{font-size:24px;line-height:1;padding:0 0 5px}#back-btn{left:15px}#pause-btn{right:15px}#hint-btn{right:73px;border-color:var(--arcade-neon-orange);background:radial-gradient(circle at 30% 30%,#ff660026,#000000d9);box-shadow:0 0 15px #f606}#hint-btn svg{fill:var(--arcade-neon-orange);filter:drop-shadow(0 0 3px rgba(255,102,0,.5))}#hint-btn:hover{background:var(--arcade-neon-orange);box-shadow:0 0 25px #f60c}#hint-btn:hover svg{fill:var(--arcade-black);filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}#hint-btn:active{background:radial-gradient(circle at 30% 30%,#f603,#000000e6);box-shadow:0 0 10px #ff660080}#hint-btn:active svg{fill:var(--arcade-neon-orange);filter:drop-shadow(0 0 3px rgba(255,102,0,.5))}#restart-btn{right:131px;border-color:var(--arcade-neon-red);background:radial-gradient(circle at 30% 30%,#ff004026,#000000d9);box-shadow:0 0 15px #ff004066}#restart-btn svg{fill:var(--arcade-neon-red);filter:drop-shadow(0 0 3px rgba(255,0,64,.5))}#restart-btn:hover{background:var(--arcade-neon-red);box-shadow:0 0 25px #ff0040cc}#restart-btn:hover svg{fill:var(--arcade-black);filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}#restart-btn:active{background:radial-gradient(circle at 30% 30%,#ff004033,#000000e6);box-shadow:0 0 10px #ff004080}#restart-btn:active svg{fill:var(--arcade-neon-red);filter:drop-shadow(0 0 3px rgba(255,0,64,.5))}.btn-mini{font-size:var(--font-size-sm);padding:10px 15px;border:2px solid var(--text-muted);background:transparent;color:var(--arcade-white);cursor:pointer;transition:all var(--transition-normal)}.btn-mini:hover{border-color:var(--arcade-white);box-shadow:0 0 10px #ffffff4d}.btn-mini.selected{background:var(--arcade-neon-cyan);color:var(--arcade-black);border-color:var(--arcade-neon-cyan);box-shadow:0 0 15px rgba(var(--arcade-cyan-rgb),.6)}.toggle-label{display:flex;align-items:center;gap:10px;font-size:var(--font-size-sm);cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast)}.toggle-label:hover{color:var(--text-color)}.toggle-switch{position:relative;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#000000b3;border:2px solid rgba(255,255,255,.5);transition:var(--transition-fast);border-radius:24px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background:var(--text-muted);transition:var(--transition-fast);border-radius:50%}input:checked+.slider{border-color:var(--arcade-neon-cyan);background:rgba(var(--arcade-cyan-rgb),.15);box-shadow:0 0 15px rgba(var(--arcade-cyan-rgb),.6),inset 0 0 10px rgba(var(--arcade-cyan-rgb),.2)}input:focus-visible+.slider{outline:3px solid var(--accent-glow);outline-offset:2px}input:checked+.slider:before{background:var(--arcade-neon-cyan);transform:translate(20px);box-shadow:0 0 8px var(--arcade-neon-cyan),0 0 12px rgba(var(--arcade-cyan-rgb),.4)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.modal.hidden{display:none}.modal-content{background:linear-gradient(135deg,var(--arcade-bg-deep) 0%,var(--arcade-black) 100%);border:3px solid var(--arcade-neon-cyan);border-radius:10px;padding:30px;max-width:500px;width:90%;box-shadow:0 0 30px rgba(var(--arcade-cyan-rgb),.5)}.modal-content.battle-modal{border-color:var(--arcade-neon-red);box-shadow:0 0 30px #ff004080}.modal-content h3{color:var(--arcade-neon-cyan);font-size:var(--font-size-lg);margin-bottom:20px}.modal-content.battle-modal h3{color:var(--arcade-neon-red);text-shadow:0 0 15px var(--arcade-neon-red)}.modal-content.restart-modal{border-color:var(--arcade-neon-red);box-shadow:0 0 30px #ff004080;max-width:400px;text-align:center}.modal-content.restart-modal h3{color:var(--arcade-neon-red);text-shadow:0 0 15px var(--arcade-neon-red)}.modal-content.restart-modal p{color:var(--arcade-white);font-size:var(--font-size-sm);margin-bottom:20px;opacity:.9}.btn-restart-confirm{background:linear-gradient(180deg,var(--arcade-neon-red) 0%,#cc0033 100%);border-color:var(--arcade-neon-red);color:var(--arcade-black);font-weight:700}.btn-restart-confirm:hover{background:linear-gradient(180deg,#ff3366 0%,var(--arcade-neon-red) 100%);box-shadow:0 0 25px #ff0040cc}.modal-content.leave-modal{max-width:400px;text-align:center}.modal-content.leave-modal p{color:var(--arcade-white);font-size:var(--font-size-sm);margin-bottom:20px;opacity:.9}.btn-leave-confirm{background:linear-gradient(180deg,var(--arcade-neon-cyan) 0%,#00a3a3 100%);border-color:var(--arcade-neon-cyan);color:var(--arcade-black);font-weight:700}.btn-leave-confirm:hover{background:linear-gradient(180deg,#33ffff 0%,var(--arcade-neon-cyan) 100%);box-shadow:0 0 25px rgba(var(--arcade-cyan-rgb),.8)}.modal-content.leave-modal.battle-leave{border-color:var(--arcade-neon-red);box-shadow:0 0 30px #ff004080}.modal-content.leave-modal.battle-leave h3{color:var(--arcade-neon-red);text-shadow:0 0 15px var(--arcade-neon-red)}.modal-content.leave-modal.battle-leave .btn-leave-confirm{background:linear-gradient(180deg,var(--arcade-neon-red) 0%,#cc0033 100%);border-color:var(--arcade-neon-red)}.modal-content.leave-modal.battle-leave .btn-leave-confirm:hover{background:linear-gradient(180deg,#ff3366 0%,var(--arcade-neon-red) 100%);box-shadow:0 0 25px #ff0040cc}.modal-content label{display:block;color:var(--arcade-white);font-size:var(--font-size-sm);margin:15px 0 8px;text-align:left}.modal-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.battle-input{width:100%;padding:10px;background:#00000080;border:2px solid var(--arcade-neon-cyan);color:var(--arcade-white);font-size:var(--font-size-sm);font-family:var(--font-main);border-radius:4px}.battle-input:focus{outline:none;border-color:var(--arcade-neon-yellow);box-shadow:0 0 10px #ffff0080}.puzzle-selector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-height:300px;overflow-y:auto;padding:10px;background:#0000004d;border:2px solid var(--arcade-neon-red);border-radius:6px;margin:10px 0}@media(min-width:480px){.puzzle-selector-grid{grid-template-columns:repeat(3,1fr);gap:12px;max-height:350px}}@media(min-width:768px){.puzzle-selector-grid{grid-template-columns:repeat(4,1fr);gap:15px;max-height:400px}.modal-content.battle-modal{max-width:900px}}.puzzle-selector-grid::-webkit-scrollbar{width:8px}.puzzle-selector-grid::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.puzzle-selector-grid::-webkit-scrollbar-thumb{background:var(--arcade-neon-red);border-radius:4px}.puzzle-selector-grid::-webkit-scrollbar-thumb:hover{background:var(--arcade-neon-orange)}.puzzle-card{cursor:pointer;position:relative;display:flex;flex-direction:column;border:2px solid rgba(255,0,64,.4);border-radius:6px;overflow:hidden;background:linear-gradient(to bottom,#14000ae6,#0a0005f2);box-shadow:0 0 10px #ff004033;transition:all .2s ease}.puzzle-card:hover{border-color:var(--arcade-neon-red);box-shadow:0 0 15px #ff004080;transform:translateY(-2px) scale(1.02)}.puzzle-card.selected{border-color:var(--arcade-neon-orange);border-width:3px;box-shadow:0 0 20px #ff8000b3,0 0 30px #ff800066,inset 0 0 15px #ff800033;transform:scale(1.05)}.puzzle-card-image{position:relative;aspect-ratio:1 / 1;background:radial-gradient(circle at center,#3200144d,#000000e6);overflow:hidden}.puzzle-card-image img{width:100%;height:100%;object-fit:cover;display:block}.puzzle-card-info{padding:6px;text-align:center;background:linear-gradient(to bottom,#ff00401a,#000000e6)}.puzzle-card-number{color:var(--arcade-neon-orange);font-size:clamp(8px,2vw,10px);font-weight:700;text-shadow:0 0 5px rgba(255,102,0,.5)}.puzzle-card-date{color:var(--text-muted);font-size:clamp(6px,1.5vw,7px);margin-top:2px;opacity:.8}.difficulty-selector{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 20px}@media(max-width:480px){.difficulty-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.difficulty-selector .btn-mini{width:100%;padding:8px 10px;font-size:9px}.puzzle-selector-grid{max-height:180px}}.share-link-container{margin:20px 0}.share-link-input{width:100%;padding:12px;background:#000000b3;border:2px solid var(--arcade-neon-cyan);color:var(--arcade-neon-cyan);font-size:var(--font-size-sm);font-family:monospace;border-radius:4px;text-align:center}.share-link-status{margin:15px 0;padding:10px;background:#ff9f0a1a;border:1px solid var(--arcade-neon-orange);border-radius:4px;color:var(--arcade-neon-orange);font-size:var(--font-size-sm);text-align:center}.challenge-puzzle-preview{margin:15px 0;border-radius:6px;overflow:hidden;border:2px solid var(--arcade-neon-red);box-shadow:0 0 15px #ff3b304d}.challenge-puzzle-preview img{width:100%;height:auto;display:block}.challenge-details{background:#0000004d;padding:15px;border-radius:6px;margin:10px 0}.challenge-details p{margin:8px 0;font-size:var(--font-size-sm)}.challenge-details .warning{color:var(--arcade-neon-orange);text-shadow:0 0 8px rgba(255,102,0,.6);margin-top:12px;padding:8px;border:1px solid var(--arcade-neon-orange);border-radius:4px;background:#ff66001a}#challenge-modal .modal-content{max-width:400px;text-align:center}#challenge-modal .challenge-puzzle-preview{max-width:220px;margin:20px auto}#challenge-modal .challenge-puzzle-preview img{width:100%;height:auto;border-radius:4px}#challenge-modal .challenge-details{text-align:center;padding:12px 16px;margin:0 auto 15px}#challenge-modal .challenge-details p{margin:6px 0;font-size:var(--font-size-sm);line-height:1.5}#challenge-modal .challenge-details p:first-child{color:var(--arcade-neon-orange);font-weight:700;margin-bottom:10px}#challenge-modal .modal-actions{flex-direction:column;gap:10px}#challenge-modal .modal-actions .btn{width:100%;min-height:44px;font-size:var(--font-size-sm)}@media(min-width:480px){#challenge-modal .modal-content{max-width:420px;padding:25px 30px}#challenge-modal .challenge-puzzle-preview{max-width:200px}#challenge-modal .modal-actions{flex-direction:row;flex-wrap:wrap;justify-content:center}#challenge-modal .modal-actions .btn{width:auto;min-width:110px;flex:1;max-width:140px}}@media(min-width:768px){#challenge-modal .modal-content{max-width:450px;padding:30px 35px}#challenge-modal .challenge-puzzle-preview{max-width:220px;margin:25px auto}#challenge-modal .challenge-details{padding:15px 20px}#challenge-modal .modal-actions .btn{min-width:120px;max-width:150px;padding:12px 20px}}@media(max-width:359px){#challenge-modal .modal-content{padding:15px;width:95%}#challenge-modal .challenge-puzzle-preview{max-width:160px}#challenge-modal .challenge-details p{font-size:10px}#challenge-modal .modal-actions .btn{font-size:10px;min-height:40px;padding:10px 12px}.btn-start{font-size:11px;padding:12px 16px;min-height:48px}}@media(max-width:480px){.puzzle-selector-grid{gap:8px;padding:8px;max-height:250px}.puzzle-card-info{padding:4px}.puzzle-card-number{font-size:clamp(7px,2vw,9px)}.puzzle-card-date{font-size:clamp(5px,1.5vw,6px);margin-top:1px}.difficulty-selector{flex-direction:column}.difficulty-selector .btn-mini{width:100%}}.message{position:fixed;bottom:20px;left:50%;transform:translate(-50%);max-width:90%;padding:12px 24px;font-size:var(--font-size-sm);z-index:var(--z-overlay);border-radius:8px;animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message.success{background:#4ade80e6;color:var(--bg-color);box-shadow:0 0 20px var(--success-glow)}.message.error{background:#ff005de6;color:var(--text-color);box-shadow:0 0 20px var(--secondary-glow)}.message.info{background:#00d4ffe6;color:var(--bg-color);box-shadow:0 0 20px var(--accent-glow)}.message.fade-out{animation:messageOut .5s forwards}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0a0a2ef2;display:flex;align-items:center;justify-content:center;z-index:var(--z-loader)}.loading-spinner{width:60px;height:60px;border:4px solid rgba(0,255,156,.2);border-top-color:var(--primary-glow);border-radius:50%;animation:spin 1s linear infinite}.stat{font-size:var(--font-size-sm);padding:5px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--primary-glow);border-radius:6px;display:flex;align-items:center;justify-content:center;flex:1;white-space:nowrap;color:var(--primary-glow);text-shadow:0 0 8px rgba(var(--arcade-cyan-rgb),.6);background:radial-gradient(circle at 30% 30%,rgba(var(--arcade-cyan-rgb),.15),#000c);box-shadow:0 0 15px rgba(var(--arcade-cyan-rgb),.4);transition:all var(--transition-fast)}.stat:hover{box-shadow:0 0 20px rgba(var(--arcade-cyan-rgb),.6);transform:translateY(-1px)}#timer{border-color:var(--arcade-neon-cyan);color:var(--arcade-neon-cyan);text-shadow:0 0 8px rgba(var(--arcade-cyan-rgb),.6);background:radial-gradient(circle at 30% 30%,rgba(var(--arcade-cyan-rgb),.15),#000c);box-shadow:0 0 15px rgba(var(--arcade-cyan-rgb),.4)}#moves{border-color:var(--arcade-neon-magenta);color:var(--arcade-neon-magenta);text-shadow:0 0 8px rgba(var(--arcade-magenta-rgb),.6);background:radial-gradient(circle at 30% 30%,rgba(var(--arcade-magenta-rgb),.15),#000c);box-shadow:0 0 15px rgba(var(--arcade-magenta-rgb),.4)}#progress{border-color:var(--success-glow);color:var(--success-glow);text-shadow:0 0 8px rgba(74,222,128,.6);background:radial-gradient(circle at 30% 30%,#4ade8026,#000c);box-shadow:0 0 15px #4ade8066}@media(max-width:767px){.btn-difficulty{min-height:48px;padding:12px 16px;box-shadow:0 0 10px rgba(var(--btn-color-rgb),.3)}.btn-difficulty:hover:not(.active){box-shadow:0 0 15px rgba(var(--btn-color-rgb),.6),0 0 20px rgba(var(--btn-color-rgb),.2)}.btn-start{min-height:52px;padding:12px 28px;box-shadow:0 0 20px rgba(var(--arcade-cyan-rgb),.5),0 0 30px rgba(var(--arcade-magenta-rgb),.3)}.modal-content{padding:20px}}@media(min-width:768px){.modal-content{max-width:900px}}.game-header{position:absolute;top:0;left:0;width:100%;height:var(--header-height);pointer-events:none;z-index:var(--z-header)}.game-header>*{pointer-events:all}.header-right-buttons{position:absolute;top:var(--header-offset);right:15px;display:flex;gap:10px}.streak-counter{position:absolute;top:var(--header-offset);left:15px;width:72px;height:48px;font-size:16px;color:var(--arcade-neon-yellow);background:radial-gradient(circle at 30% 30%,#ff990026,#000000e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--arcade-neon-orange);border-radius:6px;box-shadow:0 0 15px #f606;text-shadow:0 0 8px rgba(255,255,0,.6);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:2px;line-height:1}.streak-counter:hover{box-shadow:0 0 20px #f609;transform:translateY(-1px)}.streak-emoji{display:inline-block;padding-bottom:7px;font-size:16px;line-height:1}#streak-counter-text{font-family:var(--font-display);line-height:1}main{position:relative;width:100%;flex-grow:1;display:flex;align-items:center;justify-content:center}.screen{position:absolute;width:100%;height:100%;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:var(--z-piece);animation:screenFadeIn .3s ease-out}#title-screen{max-width:500px;gap:10px}.logo{max-width:80%;height:auto}.prompt-text{color:var(--arcade-neon-cyan);text-shadow:0 0 8px rgba(var(--arcade-cyan-rgb),.6),0 0 15px rgba(var(--arcade-cyan-rgb),.3),2px 2px 0 var(--arcade-black);margin:0 0 20px;font-size:var(--font-size-md);letter-spacing:2px;animation:flicker 8s ease-in-out infinite}#difficulty-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;width:100%;max-width:450px}#puzzle-screen{max-width:500px;gap:15px}#puzzle-wrapper{width:100%;max-width:400px;aspect-ratio:1 / 1;margin:0 auto;position:relative}.puzzle-sidebar{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100%}.footer-info{margin-top:-5px}#puzzle-container{display:grid;width:100%;height:100%;border:3px solid var(--primary-glow);box-shadow:0 0 20px #00ff9c80,inset 0 0 20px #00000080;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;overflow:hidden;contain:layout style paint}.puzzle-piece{background-size:cover;cursor:move;border:1px solid rgba(0,255,156,.2);transition:transform var(--transition-fast),opacity var(--transition-fast);user-select:none;-webkit-user-select:none;touch-action:none;-webkit-touch-callout:none;position:relative;image-rendering:pixelated;contain:paint}.puzzle-piece.dragging-source{opacity:.3;transform:scale(.95);will-change:opacity,transform}.puzzle-piece.hover-target{border-color:var(--accent-glow)!important;box-shadow:0 0 10px var(--accent-glow);transform:scale(1.05)}#ghost-piece{position:fixed;top:0;left:0;pointer-events:none;z-index:var(--z-drag);opacity:.9;will-change:transform;display:none;border:2px solid var(--primary-glow)!important;box-shadow:0 0 20px var(--primary-glow),0 4px 8px #0000004d;transform-origin:center;image-rendering:pixelated;touch-action:none}.stats-container{display:flex;justify-content:space-between;width:100%;max-width:400px;margin-bottom:0;gap:10px;min-height:30px;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.stats-container.stats-hidden{opacity:0;visibility:hidden}.toggles-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;align-items:center;margin-top:0}#replay-screen{width:100%;overflow-y:auto;overflow-x:hidden;justify-content:flex-start;padding:calc(var(--header-height) + 20px) 15px 30px 15px;gap:15px;scrollbar-width:none;-ms-overflow-style:none;will-change:transform;transform:translateZ(0);overflow-anchor:none}#replay-screen>*{max-width:1200px;width:100%;margin-left:auto;margin-right:auto}#replay-screen::-webkit-scrollbar{display:none}#replay-screen h2{margin:0 0 30px;padding:0;color:var(--arcade-neon-cyan);text-shadow:0 0 8px rgba(var(--arcade-cyan-rgb),.6),0 0 15px rgba(var(--arcade-cyan-rgb),.3),2px 2px 0 var(--arcade-black);font-size:clamp(14px,4vw,20px);letter-spacing:1px;flex-shrink:0}#cabinet-gallery{display:grid;gap:15px;width:100%;grid-template-columns:repeat(2,1fr);padding:0;flex-shrink:0}.arcade-cabinet{cursor:pointer;position:relative;display:flex;flex-direction:column;border:2px solid rgba(var(--arcade-cyan-rgb),.5);border-radius:8px;overflow:hidden;background:linear-gradient(to bottom,#000000e6,#0a0014f2);box-shadow:0 0 15px rgba(var(--arcade-cyan-rgb),.3),inset 0 0 20px #00000080;transition:all .25s ease;content-visibility:auto}.arcade-cabinet:hover,.arcade-cabinet:focus-visible{border-color:var(--arcade-neon-cyan);box-shadow:0 0 25px rgba(var(--arcade-cyan-rgb),.6),0 0 40px rgba(var(--arcade-magenta-rgb),.3),inset 0 0 30px #00000080;transform:translateY(-3px) scale(1.01)}.cabinet-marquee{background:linear-gradient(to bottom,rgba(var(--arcade-cyan-rgb),.2),rgba(var(--arcade-cyan-rgb),.05));border-bottom:1px solid rgba(var(--arcade-cyan-rgb),.6);border-top:1px solid rgba(var(--arcade-cyan-rgb),.3);padding:8px 4px;font-size:clamp(7px,1.8vw,11px);color:var(--arcade-neon-cyan);text-shadow:0 0 8px rgba(var(--arcade-cyan-rgb),.8),0 0 15px rgba(var(--arcade-cyan-rgb),.4);letter-spacing:.5px;text-align:center;animation:marqueeGlow 2s ease-in-out infinite;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cabinet-screen{position:relative;aspect-ratio:1 / 1;background:radial-gradient(circle at center,#0032324d,#000000e6);overflow:hidden;border-bottom:2px solid rgba(0,0,0,.8)}.cabinet-screen img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;opacity:0;transition:opacity .4s ease-in-out}.cabinet-screen img.loaded{opacity:1}.cabinet-control-panel{background:linear-gradient(to bottom,#0a0014f2,#000000fa);border-top:1px solid rgba(var(--arcade-cyan-rgb),.3);padding:6px 4px;font-size:clamp(6px,1.5vw,10px);color:var(--arcade-neon-yellow);text-shadow:0 0 6px rgba(255,255,0,.5);text-align:center;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arcade-cabinet:hover .cabinet-control-panel{color:var(--arcade-neon-cyan);text-shadow:0 0 10px rgba(var(--arcade-cyan-rgb),.6)}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:var(--z-piece)}.scanlines:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.3) 100%);pointer-events:none}#pause-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.3) 0px,transparent 1px,transparent 3px),var(--arcade-bg-deep);z-index:var(--z-controls);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}#pause-overlay h2{color:var(--primary-glow);font-size:var(--font-size-lg);text-shadow:0 0 20px var(--primary-glow);animation:pulse 2s infinite}#completion-screen{max-width:520px;margin:0 auto;padding:calc(var(--header-height) + 12px) 16px 24px;display:flex;justify-content:center;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}#completion-screen::-webkit-scrollbar{display:none}.completion-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.completion-title{font-family:var(--font-display);font-size:clamp(20px,5vw,26px);letter-spacing:1.5px;text-transform:uppercase;text-align:center;margin:0;padding-left:1.5px;color:var(--success-glow);text-shadow:0 0 20px var(--success-glow)}.completion-artwork{width:100%;max-width:300px;aspect-ratio:1;border:3px solid var(--primary-glow);border-radius:10px;background:#000c;box-shadow:0 0 24px rgba(var(--arcade-cyan-rgb),.4);overflow:hidden}#completion-image{width:100%;height:100%;object-fit:cover;display:block}.completion-stats-dashboard{width:100%;max-width:400px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;padding:14px 12px;border-radius:12px;background:#14141ce6;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 18px #00000080}.stat-dashboard-item{text-align:center;display:flex;flex-direction:column;gap:6px}.stat-icon-label{display:inline-flex;align-items:center;gap:4px;justify-content:center;color:#fff9}.stat-icon{font-size:12px;line-height:1}.stat-label{font-size:9px;letter-spacing:1px;text-transform:uppercase}.stat-value{font-family:var(--font-display);font-size:clamp(14px,3.5vw,18px);font-weight:700;color:var(--arcade-white)}#completion-time .stat-value{color:var(--arcade-neon-cyan);text-shadow:0 0 10px rgba(var(--arcade-cyan-rgb),.6)}#completion-moves .stat-value{color:var(--arcade-neon-magenta);text-shadow:0 0 10px rgba(var(--arcade-magenta-rgb),.6)}#completion-difficulty .stat-value{color:var(--arcade-neon-yellow);text-shadow:0 0 10px rgba(255,255,0,.6);font-size:clamp(11px,2.8vw,14px)}.stat-separator{width:1px;height:32px;background:#ffffff1f}.completion-actions{width:100%;max-width:400px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.completion-actions .btn{min-height:42px;padding:10px 16px;font-size:var(--font-size-sm);border-width:2px;border-radius:10px}.btn-completion-share{border-color:var(--arcade-neon-magenta);color:var(--arcade-neon-magenta);background:rgba(var(--arcade-magenta-rgb),.08);box-shadow:0 0 16px rgba(var(--arcade-magenta-rgb),.35)}.btn-completion-share:hover{background:rgba(var(--arcade-magenta-rgb),.15)}.btn-completion-replay{border-color:var(--arcade-neon-cyan);color:var(--arcade-neon-cyan);background:rgba(var(--arcade-cyan-rgb),.08);box-shadow:0 0 16px rgba(var(--arcade-cyan-rgb),.35)}.btn-completion-replay:hover{background:rgba(var(--arcade-cyan-rgb),.15)}.completion-info{text-align:center;font-size:var(--font-size-xs);color:var(--text-muted)}.completion-info p{margin:4px 0}#add-home-btn{right:15px}@media(min-width:480px){#cabinet-gallery{gap:20px}.cabinet-marquee{padding:10px 6px;font-size:clamp(8px,1.5vw,11px);letter-spacing:.8px}.cabinet-control-panel{padding:8px 6px;font-size:clamp(7px,1.3vw,10px);letter-spacing:.4px}}@media(min-width:768px){#replay-screen{padding:calc(var(--header-height) + 30px) 20px 40px 20px;gap:20px}#replay-screen h2{letter-spacing:2px}#cabinet-gallery{grid-template-columns:repeat(3,1fr);gap:25px}.arcade-cabinet{border-width:3px;border-radius:12px;box-shadow:0 0 20px rgba(var(--arcade-cyan-rgb),.3),inset 0 0 30px #00000080}.arcade-cabinet:hover,.arcade-cabinet:focus-visible{box-shadow:0 0 35px rgba(var(--arcade-cyan-rgb),.6),0 0 50px rgba(var(--arcade-magenta-rgb),.3),inset 0 0 30px #00000080;transform:translateY(-5px) scale(1.02)}.cabinet-marquee{border-bottom-width:2px;border-top-width:2px;padding:12px 8px;letter-spacing:1px}.cabinet-screen{border-bottom-width:3px}.cabinet-control-panel{border-top-width:2px;padding:10px 8px;letter-spacing:.5px}}@media(min-width:1024px){#cabinet-gallery{grid-template-columns:repeat(4,1fr);gap:30px}}@media(orientation:landscape)and (max-height:550px){#puzzle-screen{flex-direction:row;justify-content:center;align-items:center;gap:25px;max-width:95vw;padding-left:15px;padding-right:15px}.puzzle-sidebar{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:180px;flex-shrink:0}#puzzle-wrapper{flex-grow:1;flex-shrink:1;width:auto;max-width:calc(90vh - 40px);max-height:calc(90vh - 40px);margin:0}.stats-container{flex-direction:column;max-width:none}#completion-screen{max-width:95vw;gap:12px}.completion-container{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:16px}.completion-title{width:100%;font-size:20px}.completion-artwork{max-width:250px;flex-shrink:0}.completion-stats-dashboard{max-width:300px;padding:10px 8px}.stat-label{font-size:8px}.stat-value{font-size:14px}.stat-separator{height:24px}.completion-actions{max-width:300px}}@media(max-width:767px){#completion-screen{gap:12px;padding-left:16px;padding-right:16px}.completion-container{gap:14px}.completion-title{font-size:clamp(18px,5vw,22px)}.completion-artwork{max-width:260px;border-color:var(--success-glow);box-shadow:0 0 20px var(--success-glow)}.completion-stats-dashboard{max-width:100%;padding:12px 10px}.stat-label{font-size:8px}.stat-value{font-size:clamp(13px,3vw,16px)}.completion-actions{max-width:100%}.completion-actions .btn{min-height:40px;padding:10px 14px}}@media(max-width:400px){.stat-separator{height:24px}.stat-icon{font-size:10px}}@media(max-width:767px){.arcade-cabinet{box-shadow:0 0 10px rgba(var(--arcade-cyan-rgb),.3),inset 0 0 15px #00000080}.arcade-cabinet:hover,.arcade-cabinet:focus-visible{box-shadow:0 0 15px rgba(var(--arcade-cyan-rgb),.5),0 0 25px rgba(var(--arcade-magenta-rgb),.2),inset 0 0 20px #00000080}.scanlines{opacity:.5}}@keyframes starTwinkle{0%,to{opacity:1}50%{opacity:.8}}@keyframes pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.2)}}@keyframes glow{0%,to{box-shadow:0 0 15px var(--glow-color)}50%{box-shadow:0 0 30px var(--glow-color),0 0 45px var(--glow-color)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes screenFadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes skeletonPulse{0%,to{background-position:-100% 0;opacity:.6}50%{background-position:100% 0;opacity:1}}@keyframes flicker{0%,to{opacity:1}2%{opacity:.9}4%{opacity:1}8%{opacity:.95}10%{opacity:1}50%{opacity:1}52%{opacity:.92}54%{opacity:1}}@keyframes buttonPulse{0%,to{box-shadow:0 4px 0 var(--arcade-black),0 6px 10px #00000080,0 0 20px var(--primary-glow);transform:scale(1)}50%{box-shadow:0 4px 0 var(--arcade-black),0 6px 10px #00000080,0 0 35px var(--primary-glow),0 0 50px var(--secondary-glow);transform:scale(1.02)}}@keyframes startButtonPulse{0%,to{box-shadow:0 6px 0 var(--arcade-black),0 8px 15px #00000080,0 0 30px rgba(var(--arcade-cyan-rgb),.6);transform:scale(1)}50%{box-shadow:0 6px 0 var(--arcade-black),0 8px 15px #00000080,0 0 50px rgba(var(--arcade-cyan-rgb),.8),0 0 70px rgba(var(--arcade-magenta-rgb),.4);transform:scale(1.02)}}@keyframes resumePulse{0%,to{box-shadow:0 6px 0 var(--arcade-black),0 8px 15px #00000080,0 0 30px #ff09;transform:scale(1)}50%{box-shadow:0 6px 0 var(--arcade-black),0 8px 15px #00000080,0 0 50px #ffff00e6,0 0 70px #ff660080;transform:scale(1.02)}}@keyframes marqueeGlow{0%,to{box-shadow:0 0 10px rgba(var(--arcade-cyan-rgb),.3),0 0 20px rgba(var(--arcade-cyan-rgb),.2),inset 0 0 15px rgba(var(--arcade-cyan-rgb),.1)}50%{box-shadow:0 0 20px rgba(var(--arcade-cyan-rgb),.5),0 0 40px rgba(var(--arcade-cyan-rgb),.3),inset 0 0 25px rgba(var(--arcade-cyan-rgb),.2)}}@keyframes messageOut{to{opacity:0;transform:translateY(-20px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shareGlow{0%,to{box-shadow:0 6px 0 var(--arcade-black),0 8px 15px #00000080,0 0 20px #0f09}50%{box-shadow:0 6px 0 var(--arcade-black),0 8px 15px #00000080,0 0 35px #0f0c,0 0 50px #0f06}}@keyframes replayGlow{0%,to{box-shadow:0 6px 0 var(--arcade-black),0 8px 15px #00000080,0 0 20px rgba(var(--arcade-cyan-rgb),.6)}50%{box-shadow:0 6px 0 var(--arcade-black),0 8px 15px #00000080,0 0 35px rgba(var(--arcade-cyan-rgb),.8),0 0 50px rgba(var(--arcade-magenta-rgb),.4)}}@keyframes sword-glow{0%,to{filter:drop-shadow(0 0 10px var(--arcade-neon-red))}50%{filter:drop-shadow(0 0 25px var(--arcade-neon-red)) drop-shadow(0 0 40px var(--arcade-neon-orange))}}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes battle-card-pulse{0%,to{box-shadow:0 0 25px rgba(var(--arcade-cyan-rgb),.5)}50%{box-shadow:0 0 40px rgba(var(--arcade-cyan-rgb),.8)}}@keyframes button-glow{0%,to{box-shadow:0 0 20px rgba(var(--arcade-cyan-rgb),.6)}50%{box-shadow:0 0 30px rgba(var(--arcade-cyan-rgb),.9)}}@keyframes skeletonLoading{0%{background-position:-100% 0}to{background-position:100% 0}}@keyframes countdown-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes failure-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes failure-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes success-glow{0%,to{box-shadow:0 0 30px #00ff0080}50%{box-shadow:0 0 50px #0f0c}}@keyframes success-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes crumble-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}#battle-screen{overflow-y:auto;overflow-x:hidden;justify-content:flex-start;padding-top:calc(var(--header-height) + 20px);padding-bottom:30px;scrollbar-width:none;-ms-overflow-style:none}#battle-screen::-webkit-scrollbar{display:none}.battle-hero{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.battle-swords{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:15px;font-size:3rem}.sword{display:inline-block;filter:drop-shadow(0 0 10px var(--arcade-neon-red));animation:sword-glow 2s ease-in-out infinite}.sword-left{transform:scaleX(-1) rotate(-20deg);animation-delay:0s}.sword-right{transform:rotate(-20deg);animation-delay:1s}.battle-title{color:var(--arcade-neon-red);text-shadow:0 0 20px var(--arcade-neon-red),0 0 40px rgba(255,0,64,.5);margin-bottom:10px;font-size:var(--font-size-xl);letter-spacing:4px}.battle-tagline{color:var(--text-muted);font-size:var(--font-size-sm);text-align:center;max-width:280px}.battle-create-card{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#ff004026,#ff64001a);border:2px solid var(--arcade-neon-red);border-radius:12px;padding:25px;margin-bottom:30px;width:100%;max-width:400px;box-shadow:0 0 30px #ff004033,inset 0 0 30px #ff00400d;transition:all var(--transition-normal)}.battle-create-card:hover{box-shadow:0 0 40px #ff00404d,inset 0 0 40px #ff00401a;transform:translateY(-2px)}.battle-create-icon{font-size:2.5rem;margin-bottom:15px;animation:icon-bounce 2s ease-in-out infinite}.battle-create-content{text-align:center;margin-bottom:20px}.battle-create-content h3{color:var(--arcade-white);font-size:var(--font-size-md);margin-bottom:8px}.battle-create-content p{color:var(--text-muted);font-size:var(--font-size-sm)}.btn-battle-primary{background:linear-gradient(135deg,var(--arcade-neon-red),var(--arcade-neon-orange));color:var(--arcade-white);border:2px solid var(--arcade-neon-red);box-shadow:0 0 20px #ff004080}.btn-battle-primary:hover{box-shadow:0 0 30px #ff0040cc;transform:scale(1.05)}.btn-battle-secondary{background:transparent;color:var(--arcade-white);border:2px solid var(--text-muted)}.btn-battle-secondary:hover{border-color:var(--arcade-white);box-shadow:0 0 10px #ffffff4d}.btn-battle-large{font-size:var(--font-size-lg);padding:20px 40px;min-width:200px}.btn-battle-small{font-size:var(--font-size-sm);padding:8px 16px}.active-battles{margin-top:10px;width:100%;max-width:600px}.active-battles-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(var(--arcade-cyan-rgb),.2)}.active-battles h3{color:var(--arcade-neon-cyan);font-size:var(--font-size-md);margin:0}.battle-count{background:var(--arcade-neon-cyan);color:var(--arcade-black);font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:10px;min-width:20px;text-align:center}#active-battles-list{display:flex;flex-direction:column;gap:15px}.battle-empty-state{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center}.battle-empty-icon{font-size:3rem;margin-bottom:15px;opacity:.4;filter:grayscale(50%)}.battle-empty-state h4{color:var(--text-muted);font-size:var(--font-size-md);margin-bottom:8px}.battle-empty-state p{color:var(--text-muted);font-size:var(--font-size-sm);opacity:.7}.battle-card{background:#00000080;border:2px solid var(--arcade-neon-red);padding:15px;border-radius:8px;box-shadow:0 0 15px #ff00404d}.battle-card[data-status=pending][data-is-creator=true]{border-color:var(--arcade-neon-cyan);box-shadow:0 0 25px rgba(var(--arcade-cyan-rgb),.5);animation:battle-card-pulse 2s ease-in-out infinite;position:relative}.battle-card[data-status=pending][data-is-creator=true]:before{content:"NEW!";position:absolute;top:-10px;right:15px;background:var(--arcade-neon-cyan);color:var(--arcade-black);padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:700;letter-spacing:1px;box-shadow:0 0 15px rgba(var(--arcade-cyan-rgb),.7);z-index:10}.battle-card-content{display:flex;gap:15px;align-items:flex-start;margin-bottom:15px;position:relative}.battle-card-thumbnail{flex-shrink:0;width:80px;height:80px;border-radius:4px;overflow:hidden;border:2px solid var(--arcade-neon-red);box-shadow:0 0 10px #ff004066}.battle-card-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.battle-card-info{flex:1;min-width:0;padding-right:30px}.battle-card-header{display:flex;justify-content:space-between;margin-bottom:8px;gap:10px;flex-wrap:wrap}.battle-difficulty{color:var(--arcade-neon-yellow);font-size:var(--font-size-sm);font-weight:700}.battle-card-body{font-size:var(--font-size-sm)}.battle-role{color:var(--arcade-neon-cyan);margin:5px 0}.battle-status{color:var(--arcade-neon-magenta);margin:5px 0}.battle-card-delete{position:absolute;top:0;right:0;background:none;border:none;color:var(--arcade-neon-red);font-size:24px;font-weight:700;cursor:pointer;padding:0;width:30px;height:30px;line-height:1;opacity:.7;transition:opacity .2s ease,transform .2s ease}.battle-card-delete:hover{opacity:1;transform:scale(1.2)}.battle-card-actions{display:flex;gap:10px;flex-wrap:wrap}.battle-card-actions .btn{flex:1;min-width:120px}.battle-card[data-status=pending][data-is-creator=true] .battle-card-actions .btn{background:var(--arcade-neon-cyan);border-color:var(--arcade-neon-cyan);color:var(--arcade-black);font-weight:700;box-shadow:0 0 20px rgba(var(--arcade-cyan-rgb),.6);animation:button-glow 1.5s ease-in-out infinite}.battle-card[data-status=pending][data-is-creator=true] .battle-card-actions .btn:hover{background:rgba(var(--arcade-cyan-rgb),.9);transform:scale(1.05);box-shadow:0 0 35px rgba(var(--arcade-cyan-rgb),1)}.empty-state{color:var(--text-muted);font-size:var(--font-size-sm);padding:20px}.ready-container{display:flex;flex-direction:column;align-items:center;gap:30px;padding:40px 20px}.ready-container h2{color:var(--arcade-neon-red);font-size:var(--font-size-lg);text-shadow:0 0 20px var(--arcade-neon-red)}.battle-details-large{background:#00000080;border:2px solid var(--arcade-neon-red);padding:20px;border-radius:8px;min-width:300px}.battle-details-large p{margin:10px 0;font-size:var(--font-size-md)}.opponent-status{font-size:var(--font-size-md);color:var(--arcade-neon-cyan)}#ready-up-btn:disabled{opacity:.6;cursor:not-allowed}.countdown-container{display:flex;flex-direction:column;align-items:center;gap:50px;padding:60px 20px}.countdown-container h2{color:var(--arcade-neon-red);font-size:var(--font-size-lg);text-shadow:0 0 20px var(--arcade-neon-red)}.countdown-number{font-size:clamp(80px,15vw,150px);color:var(--arcade-neon-yellow);text-shadow:0 0 40px var(--arcade-neon-yellow);animation:countdown-pulse 1s infinite}.battle-hud{position:fixed;top:calc(var(--header-height) + 10px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff0040e6,#ff6600e6);border:2px solid var(--arcade-neon-red);border-radius:8px;padding:10px 20px;z-index:var(--z-header);box-shadow:0 0 20px #ff004099;min-width:300px}.battle-hud.hidden{display:none}.battle-hud-content{display:flex;align-items:center;gap:15px;font-size:var(--font-size-sm)}.battle-label{color:var(--arcade-white);font-weight:700}.opponent-progress{flex:1;display:flex;align-items:center;gap:10px}.progress-bar-container{flex:1;height:20px;background:#00000080;border:1px solid var(--arcade-white);border-radius:10px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--arcade-neon-yellow),var(--arcade-neon-green));width:0%;transition:width .5s linear;box-shadow:0 0 10px #ff0c}#opponent-progress-text{color:var(--arcade-white);min-width:40px;text-align:right}.battle-result-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-battle-result);width:100%;max-width:500px;padding:0 15px}.battle-result{background:#000000f2;border:3px solid var(--arcade-neon-cyan);border-radius:10px;display:flex;flex-direction:column;align-items:center;width:100%;padding:clamp(20px,5vw,40px);box-shadow:0 0 40px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.battle-result.victory{border-color:var(--arcade-neon-green);box-shadow:0 0 40px #0f09}.battle-result.defeat{border-color:var(--arcade-neon-red);box-shadow:0 0 40px #ff004099}.battle-result h2{font-size:clamp(20px,6vw,36px);margin-bottom:clamp(15px,4vw,30px);text-align:center;line-height:1.2}.battle-result.victory h2{color:var(--arcade-neon-green);text-shadow:0 0 30px var(--arcade-neon-green)}.battle-result.defeat h2{color:var(--arcade-neon-red);text-shadow:0 0 30px var(--arcade-neon-red)}.battle-times{display:flex;justify-content:center;gap:clamp(20px,5vw,40px);width:100%;margin:clamp(15px,3vw,20px) 0 clamp(20px,4vw,30px) 0;padding:clamp(10px,2vw,15px) 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.battle-times>div{display:flex;flex-direction:column;align-items:center;flex:1}.battle-times p:first-child{font-size:clamp(8px,2vw,11px);color:var(--text-muted);margin-bottom:clamp(6px,1.5vw,10px);text-align:center;white-space:nowrap}.time-value{font-size:clamp(20px,5vw,28px);font-weight:700;color:var(--arcade-neon-cyan);text-shadow:0 0 15px var(--arcade-neon-cyan);text-align:center}.battle-result .btn{width:100%;margin:clamp(6px,1.5vw,8px) 0;padding:clamp(12px,3vw,16px);font-size:clamp(11px,2.5vw,14px);letter-spacing:.5px;min-height:44px}@media(min-width:601px){#battle-screen{justify-content:flex-start;padding-top:calc(var(--header-height) + 20px);gap:10px}.battle-hero{margin-bottom:10px}.battle-swords{font-size:2rem;margin-bottom:8px}.battle-title{margin-bottom:5px}.battle-create-card{padding:15px 20px;margin-bottom:15px}.battle-create-icon{font-size:1.8rem;margin-bottom:8px}.battle-create-content{margin-bottom:12px}.battle-create-content h3{margin-bottom:4px}.active-battles-header{margin-bottom:12px;padding-bottom:10px}.battle-empty-state{padding:25px 15px}.battle-empty-icon{font-size:2rem;margin-bottom:10px}}@media(max-width:768px){.battle-hud{min-width:250px;padding:8px 15px}}@media(max-width:600px){#battle-screen{gap:12px;padding:10px;justify-content:flex-start;padding-top:calc(var(--header-height) + 5px)}.battle-hero{margin-bottom:12px}.battle-swords{font-size:2rem;margin-bottom:8px;gap:6px}.battle-title{font-size:16px;letter-spacing:2px;margin-bottom:4px}.battle-tagline{font-size:9px;max-width:240px}.battle-create-card{padding:15px;margin-bottom:12px}.battle-create-icon{font-size:1.8rem;margin-bottom:8px}.battle-create-content{margin-bottom:12px}.battle-create-content h3{font-size:11px;margin-bottom:4px}.battle-create-content p{font-size:9px}.btn-battle-primary{padding:10px 20px;font-size:10px}.active-battles{margin-top:0}.active-battles-header{margin-bottom:10px;padding-bottom:8px}.active-battles h3{font-size:10px}.battle-empty-state{padding:20px 15px}.battle-empty-icon{font-size:2rem;margin-bottom:8px}.battle-empty-state h4{font-size:10px;margin-bottom:4px}.battle-empty-state p{font-size:8px}}@media(max-width:400px){#battle-screen{gap:8px;padding:8px}.battle-hero{margin-bottom:8px}.battle-swords{font-size:1.5rem;margin-bottom:5px}.battle-title{font-size:14px;letter-spacing:1px}.battle-tagline{font-size:8px}.battle-create-card{padding:12px;margin-bottom:8px}.battle-create-icon{font-size:1.5rem;margin-bottom:6px}.battle-create-content{margin-bottom:10px}.battle-create-content h3{font-size:10px}.battle-create-content p{font-size:8px}.btn-battle-primary{padding:8px 16px;font-size:9px}.active-battles-header{margin-bottom:8px;padding-bottom:6px}.active-battles h3{font-size:9px}.battle-empty-state{padding:15px 10px}.battle-empty-icon{font-size:1.5rem;margin-bottom:6px}.battle-empty-state h4{font-size:9px}.battle-empty-state p{font-size:7px}}:root{--challenge-color: #4ade80;--challenge-time-percent: 100;--challenge-vignette-intensity: 0}body.challenge-active .stats-container,body.challenge-active .toggles-container,body.challenge-active .footer-info{display:none}body.challenge-active .puzzle-sidebar{gap:0}body.challenge-active #puzzle-container{border-color:transparent;box-shadow:none}body.challenge-active #puzzle-wrapper{position:relative;padding:8px;background:conic-gradient(from 0deg,var(--challenge-color) calc(var(--challenge-time-percent) * 3.6deg),rgba(255,255,255,.15) calc(var(--challenge-time-percent) * 3.6deg));border-radius:8px;box-shadow:0 0 30px var(--challenge-color);transition:background .3s ease,box-shadow .3s ease}body.challenge-active #puzzle-wrapper:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;background:radial-gradient(circle at center,transparent 40%,rgba(0,0,0,calc(var(--challenge-vignette-intensity) * .7)) 100%);transition:background .5s ease}.challenge-stats{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-top:16px;opacity:0;transition:opacity .3s ease}body.challenge-active .challenge-stats{opacity:1}.challenge-percent{font-family:var(--font-display);font-size:18px;color:var(--challenge-color);text-shadow:0 0 15px var(--challenge-color);transition:color .3s ease,text-shadow .3s ease}.challenge-stats-label{font-family:var(--font-display);font-size:14px;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.challenge-stats-divider{width:1px;height:18px;background:#fff3;margin:0 12px}.challenge-time-display{font-family:var(--font-display);font-size:18px;color:var(--challenge-color);text-shadow:0 0 15px var(--challenge-color);transition:color .3s ease,text-shadow .3s ease}body.challenge-active.challenge-critical #puzzle-wrapper{animation:border-pulse .5s ease-in-out infinite}@keyframes border-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}#challenge-screen{max-width:500px;gap:15px}.challenge-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;width:100%}#challenge-week-header{font-family:var(--font-display);font-size:14px;color:var(--arcade-neon-cyan);text-shadow:0 0 10px rgba(var(--arcade-cyan-rgb),.8);letter-spacing:2px;text-transform:uppercase}.challenge-preview-image{width:100%;max-width:300px;aspect-ratio:1;border-radius:12px;overflow:hidden;border:3px solid var(--arcade-neon-cyan);box-shadow:0 0 25px rgba(var(--arcade-cyan-rgb),.4)}.challenge-preview-image img{width:100%;height:100%;object-fit:cover}.challenge-prompt{font-family:var(--font-display);font-size:12px;color:var(--arcade-neon-cyan);text-shadow:0 0 8px rgba(var(--arcade-cyan-rgb),.6);margin:5px 0}.challenge-difficulty-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:400px}.challenge-difficulty-wrapper .btn-difficulty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 10px;min-height:70px;position:relative;gap:4px}.challenge-difficulty-btn .difficulty-time{font-size:10px;opacity:.8}.challenge-difficulty-btn.completed:after{content:"✓";position:absolute;top:5px;right:8px;font-size:14px;color:#4ade80}#start-challenge-btn{margin-top:10px}.challenge-failure-modal{text-align:center;padding:32px 24px!important;max-width:380px!important;background:linear-gradient(180deg,rgba(239,68,68,.08) 0%,var(--bg-color) 30%)!important;border:2px solid rgba(239,68,68,.3)!important}.failure-icon-wrapper{position:relative;width:100px;height:100px;margin:0 auto 24px}.failure-icon-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid rgba(239,68,68,.3);border-radius:50%;animation:failure-pulse 2s ease-in-out infinite}.failure-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:48px;animation:failure-shake .5s ease-in-out}.failure-title{font-family:var(--font-display);font-size:22px;color:#ef4444;margin-bottom:24px;text-shadow:0 0 20px rgba(239,68,68,.4)}.failure-stats{display:flex;justify-content:center;align-items:center;gap:24px;margin-bottom:20px}.failure-stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.failure-stat-value{font-family:var(--font-display);font-size:28px;color:var(--text-color);font-weight:700}.failure-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.failure-stat-divider{width:2px;height:40px;background:#fff3}.failure-progress-wrapper{margin-bottom:20px}.failure-progress-bar{height:8px;background:#ef444433;border-radius:4px;overflow:hidden;margin-bottom:8px}.failure-progress-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f87171);border-radius:4px;transition:width .5s ease-out}.failure-progress-text{font-size:12px;color:var(--text-muted);font-weight:500}.failure-message{font-family:var(--font-display);font-size:10px;color:var(--text-muted);margin-bottom:24px;line-height:1.6}.btn-retry{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:none!important;color:#fff!important;display:inline-flex;align-items:center;gap:8px;padding:14px 28px!important;font-size:13px!important;font-weight:600;box-shadow:0 4px 15px #ef444466}.btn-retry:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;transform:translateY(-2px);box-shadow:0 6px 20px #ef444480}.btn-retry .btn-icon{font-size:16px}.btn-back{background:transparent!important;border:2px solid rgba(255,255,255,.2)!important;color:var(--text-muted)!important;padding:12px 24px!important}.btn-back:hover{border-color:var(--text-muted)!important;color:var(--text-color)!important}.challenge-success-modal{text-align:center;padding:32px 24px!important;max-width:380px!important;background:linear-gradient(180deg,rgba(74,222,128,.08) 0%,var(--bg-color) 30%)!important;border:2px solid rgba(74,222,128,.3)!important}.success-icon-wrapper{position:relative;width:100px;height:100px;margin:0 auto 24px}.success-icon-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid rgba(74,222,128,.3);border-radius:50%;animation:success-glow 2s ease-in-out infinite}.success-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:48px;animation:success-bounce .6s ease-out}.success-title{font-family:var(--font-display);font-size:18px;color:#4ade80;margin-bottom:24px;text-shadow:0 0 20px rgba(74,222,128,.4)}.success-time-display{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px;padding:20px;background:#4ade801a;border-radius:12px;border:2px solid rgba(74,222,128,.2)}.success-time-value{font-family:var(--font-display);font-size:36px;color:#4ade80;text-shadow:0 0 15px rgba(74,222,128,.5)}.success-time-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.success-message{font-family:var(--font-display);font-size:10px;color:var(--text-muted);margin-bottom:24px}.btn-share{background:linear-gradient(135deg,#4ade80,#22c55e)!important;border:none!important;color:#fff!important;display:inline-flex;align-items:center;gap:8px;padding:14px 28px!important;font-size:13px!important;font-weight:600;box-shadow:0 4px 15px #4ade8066}.btn-share:hover{background:linear-gradient(135deg,#22c55e,#16a34a)!important;transform:translateY(-2px);box-shadow:0 6px 20px #4ade8080}.btn-share .btn-icon{font-size:16px}.btn-done{background:transparent!important;border:2px solid rgba(255,255,255,.2)!important;color:var(--text-muted)!important;padding:12px 24px!important}.btn-done:hover{border-color:var(--text-muted)!important;color:var(--text-color)!important}.puzzle-piece.crumbling{animation:crumble-fall 1.2s ease-in forwards;pointer-events:none}.puzzle-piece.crumbling:nth-child(odd){animation-delay:.05s;animation-duration:1.4s}.puzzle-piece.crumbling:nth-child(3n){animation-delay:.1s;animation-duration:1.1s}.puzzle-piece.crumbling:nth-child(4n){animation-delay:.15s;animation-duration:1.3s}@media(prefers-reduced-motion:reduce){body.challenge-active.challenge-critical #puzzle-wrapper{animation:none}}@media(max-width:600px){.challenge-container{padding:15px;gap:15px}#challenge-week-header{font-size:11px}.challenge-preview-image{max-width:250px}.challenge-difficulty-wrapper{gap:8px}.challenge-difficulty-wrapper .btn-difficulty{padding:12px 8px;min-height:60px}.challenge-difficulty-btn .difficulty-time{font-size:8px}.challenge-percent,.challenge-time-display{font-size:14px}.challenge-stats-label{font-size:11px}.failure-title{font-size:18px;margin-bottom:20px}.success-title{font-size:16px;margin-bottom:20px}.failure-icon-wrapper,.success-icon-wrapper{width:80px;height:80px;margin-bottom:20px}.failure-icon,.success-icon{font-size:40px}.failure-stats{gap:16px;margin-bottom:16px}.failure-stat-value{font-size:22px}.failure-stat-label{font-size:10px}.failure-stat-divider{height:30px}.failure-message,.success-message{font-size:9px;margin-bottom:20px}.success-time-display{padding:16px}.success-time-value{font-size:28px}.btn-retry,.btn-share{padding:12px 24px!important;font-size:12px!important}.btn-back,.btn-done{padding:10px 20px!important;font-size:12px!important}}@media(max-width:400px){.challenge-preview-image{max-width:200px}.challenge-difficulty-wrapper .btn-difficulty{padding:10px 6px;min-height:55px}.challenge-percent,.challenge-time-display{font-size:12px}.challenge-stats-label{font-size:10px}}@media(max-width:767px){html.twa body.challenge-active #puzzle-screen{justify-content:flex-start;padding-top:calc(var(--header-height) + 30px)}}