.draggable-game-card{position:relative;transition:opacity .2s ease,transform .2s ease}.draggable-game-card.drag-enabled{cursor:grab}.draggable-game-card.drag-enabled:hover{transform:scale(1.02)}.draggable-game-card.dragging{opacity:.5;transform:scale(1.05)}.drag-handle{position:absolute;top:8px;right:8px;opacity:0;transition:opacity .2s ease;pointer-events:none}.draggable-game-card.drag-enabled:hover .drag-handle{opacity:.6}.drag-dots{display:flex;flex-direction:column;gap:2px}.drag-dots span{width:4px;height:4px;background-color:#ffffffb3;border-radius:50%;display:block}.draggable-game-card.drag-enabled[draggable=true]:not(.dragging){border:2px dashed transparent;transition:border-color .2s ease}.draggable-game-card.drag-enabled[draggable=true]:not(.dragging):hover{border-color:#ffffff4d}.dev-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000;outline:none}.dev-menu-overlay.browser-mode{background-image:url(https://www.gta-multiplayer.cz/screenshots/original/147123.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.dev-menu-overlay.fivem-mode{background:transparent}.dev-menu-overlay-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.dev-menu-container{width:min(90vw,700px);max-height:80vh;min-height:500px;display:flex;flex-direction:column;will-change:transform;backface-visibility:hidden;animation:devMenuFadeIn .2s ease-out;position:relative;z-index:1}@keyframes devMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dev-menu-header{align-items:center;justify-content:space-between;height:var(--header-height, 50px);padding:0 var(--padding-large, 20px);border-radius:var(--border-radius-large, 12px) var(--border-radius-large, 12px) 0 0;flex-shrink:0}.dev-menu-title{font-family:var(--font-primary, "Inter, system-ui, sans-serif");font-size:var(--font-size-large, 1.25rem);font-weight:600;color:var(--text-color, #f9fafb);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 60px)}.dev-menu-close-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #9ca3af);border-radius:var(--border-radius-small, 6px);transition:all .15s ease;flex-shrink:0}.dev-menu-close-btn:hover{color:var(--text-color, #f9fafb);background:#ffffff1a}.dev-menu-close-btn:active{transform:scale(.95)}.dev-menu-close-btn:focus-visible{outline:2px solid var(--accent-color, #14b8a6);outline-offset:2px}.dev-menu-content{flex:1;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.dev-menu-content::-webkit-scrollbar{display:none}.search-container{margin-bottom:var(--padding-large, 20px)}.search-input{background:none;border:1px solid var(--border-color, #374151);width:100%;padding:12px 16px;font-family:var(--font-primary, "Inter, system-ui, sans-serif");font-size:var(--font-size-medium, 1rem);color:var(--text-color, #f9fafb);background:var(--bg-header, #111827);border-radius:var(--border-radius-medium, 8px);transition:all .2s ease}.search-input::placeholder{color:var(--text-secondary, #9ca3af)}.search-input:focus{outline:none;border-color:var(--accent-color, #14b8a6);background:#14b8a61a}.search-input:hover{border-color:var(--accent-color, #14b8a6)}.dev-menu-description{font-family:var(--font-primary, "Inter, system-ui, sans-serif");font-size:var(--font-size-medium, 1rem);color:var(--text-secondary, #9ca3af);margin:0 0 var(--padding-large, 20px) 0;text-align:center}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--padding-medium, 12px);justify-items:center}.game-card{background:none;border:1px solid var(--border-color, #374151);cursor:pointer;width:100%;max-width:320px;padding:var(--padding-large, 20px);display:flex;align-items:center;gap:var(--padding-medium, 12px);text-align:left;background:var(--bg-header, #111827);border-radius:var(--border-radius-medium, 8px);transition:all .2s ease;-webkit-user-select:none;user-select:none}.game-card:hover{border-color:var(--accent-color, #14b8a6);background:#14b8a61a;transform:translateY(-2px);box-shadow:var(--shadow-medium, 0 4px 6px rgba(0, 0, 0, .16))}.game-card:active{transform:translateY(0)}.game-card:focus-visible{outline:2px solid var(--accent-color, #14b8a6);outline-offset:2px}.game-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:24px;background:var(--bg-container, #1f2937);border-radius:var(--border-radius-medium, 8px);border:1px solid var(--border-color, #374151)}.game-info{flex:1;display:flex;flex-direction:column;gap:4px}.game-name{font-family:var(--font-primary, "Inter, system-ui, sans-serif");font-size:var(--font-size-medium, 1rem);font-weight:600;color:var(--text-color, #f9fafb);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-description{font-family:var(--font-primary, "Inter, system-ui, sans-serif");font-size:var(--font-size-small, .875rem);color:var(--text-secondary, #9ca3af);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.no-games-message{text-align:center;padding:var(--padding-large, 20px);color:var(--text-secondary, #9ca3af);background:var(--bg-header, #111827);border:1px solid var(--border-color, #374151);border-radius:var(--border-radius-medium, 8px)}.no-games-message p{margin:0 0 8px;font-family:var(--font-primary, "Inter, system-ui, sans-serif");font-size:var(--font-size-medium, 1rem)}.no-games-message p:last-child{margin-bottom:0;font-size:var(--font-size-small, .875rem)}@media (max-width: 768px){.dev-menu-container{width:95vw;max-height:85vh;min-height:400px}.dev-menu-header{height:45px;padding:0 var(--padding-medium, 12px)}.dev-menu-title{font-size:var(--font-size-medium, 1rem)}.dev-menu-content{padding:var(--padding-medium, 12px)}.games-grid{grid-template-columns:1fr;gap:var(--padding-small, 8px)}.game-card{padding:var(--padding-medium, 12px)}}@media (max-width: 480px){.dev-menu-container{width:98vw;max-height:90vh;min-height:350px}.dev-menu-header{padding:0 var(--padding-small, 8px)}.dev-menu-content{padding:var(--padding-small, 8px)}.game-card{flex-direction:column;text-align:center;gap:var(--padding-small, 8px)}.game-info{align-items:center}}@media (prefers-reduced-motion: reduce){.dev-menu-container{animation:none}.game-card{transition:none}.game-card:hover{transform:none}}.seo-intro{margin:1rem 0 2rem;text-align:center}.seo-tagline{font-size:1.1rem;color:#f9fafb;margin-bottom:1rem;line-height:1.5}.seo-features{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:.5rem}.feature-tag{background:var(--main-color, #14b8a6);color:var(--text-color, #f9fafb);padding:.25rem .75rem;border-radius:1rem;font-size:.85rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.6)}.seo-content{margin-top:3rem;padding:2rem;background:#0006;border-radius:12px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.seo-section{margin-bottom:2rem}.seo-section h2{color:#10b981;font-size:1.5rem;margin-bottom:1rem;text-align:center}.seo-section h3{color:#fff;font-size:1.25rem;margin-bottom:.75rem}.seo-section h4{color:#10b981;font-size:1rem;margin-bottom:.5rem}.seo-section p{color:#f3f4f6;line-height:1.6;margin-bottom:1rem}.features-list{list-style:none;padding:0}.features-list li{color:#f3f4f6;padding:.5rem 0;line-height:1.5}.game-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.category{background:#0000004d;padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.15)}.category p{margin:0;font-size:.9rem;color:#e5e7eb}@media (max-width: 768px){.seo-content{padding:1.5rem;margin-top:2rem}.game-categories{grid-template-columns:1fr}.seo-features{gap:.5rem}.feature-tag{font-size:.8rem;padding:.2rem .6rem}}.minigame-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000;outline:none}.minigame-overlay.browser-mode{background-image:url(https://www.gta-multiplayer.cz/screenshots/original/147123.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.minigame-overlay.fivem-mode{background:transparent}.minigame-overlay-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.minigame-container{display:flex;flex-direction:column;width:var(--minimal-container-width, var(--container-max-width));min-width:var(--minimal-container-width, var(--container-max-width));max-height:var(--container-max-height);min-height:var(--container-min-height);position:relative;overflow:hidden;z-index:100;will-change:transform;backface-visibility:hidden;-webkit-user-select:none;user-select:none;animation:containerFadeIn .2s ease-out}.minigame-container-compact{max-height:47.5vh;min-height:200px}@keyframes containerFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.minigame-header{align-items:center;justify-content:space-between;height:var(--header-height, 50px);padding:var(--header-padding, 0 var(--padding-large, 20px));border-radius:var(--header-border-radius, var(--border-radius-large, 12px) var(--border-radius-large, 12px) 0 0);flex-shrink:0}.minigame-title{font-family:var(--font-primary, "Inter, system-ui, sans-serif");font-size:var(--font-size-large, 1.25rem);font-weight:600;color:var(--text-color, #f9fafb);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 60px)}.minigame-close-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #9ca3af);border-radius:var(--border-radius-small, 6px);transition:all .15s ease;flex-shrink:0}.minigame-close-btn:hover{color:var(--text-color, #f9fafb);background:#ffffff1a}.minigame-close-btn:active{transform:scale(.95)}.minigame-close-btn:focus-visible{outline:2px solid var(--accent-color, #14b8a6);outline-offset:2px}.minigame-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.minigame-content::-webkit-scrollbar{width:8px}.minigame-content::-webkit-scrollbar-track{background:transparent}.minigame-content::-webkit-scrollbar-thumb{background:var(--border-color, #374151);border-radius:4px}.minigame-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #9ca3af)}@media (max-width: 768px){.minigame-container{width:95vw;max-height:var(--container-max-height, 95vh);min-height:350px}.minigame-container-compact{max-height:47.5vh;min-height:175px}.minigame-header{height:45px;padding:0 var(--padding-medium, 12px)}.minigame-title{font-size:var(--font-size-medium, 1rem)}.minigame-content{padding:var(--padding-medium, 12px)}}@media (max-width: 480px){.minigame-container{width:98vw;max-height:var(--container-max-height, 95vh);min-height:300px}.minigame-container-compact{max-height:47.5vh;min-height:150px}.minigame-header{padding:0 var(--padding-small, 8px)}.minigame-content{padding:var(--padding-small, 8px)}}@media (prefers-contrast: high){.minigame-container{border-width:2px}.minigame-close-btn:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.minigame-container{animation:none}.minigame-close-btn{transition:none}}.game-result-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:99999;animation:overlayFadeIn .3s ease-in-out}.game-result-overlay.success,.game-result-overlay.failure{background:#000000d9}.result-message{color:var(--result-info-color, #ffffff);font-size:var(--font-size-xlarge);font-weight:600;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.8);padding:2rem;border-radius:var(--border-radius-large);background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);animation:messageSlideIn .4s ease-out .1s both;max-width:80%;word-wrap:break-word}.game-result-overlay.success .result-message{color:var(--result-success-color, #06d6a0);background:#0000004d;border-color:var(--result-success-color, #06d6a0)}.game-result-overlay.failure .result-message{color:var(--result-failure-color, #f87171);background:#0000004d;border-color:var(--result-failure-color, #f87171)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes messageSlideIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.result-message{font-size:var(--font-size-large);padding:1.5rem;max-width:90%}}@media (max-width: 480px){.result-message{font-size:var(--font-size-medium);padding:1rem;max-width:95%}}@media (prefers-reduced-motion: reduce){.game-result-overlay{animation:none}.result-message{animation:none;transform:none}}.unified-progress-container{display:flex;gap:var(--progress-bar-gap, 4px)!important;height:var(--progress-bar-height, 20px)!important;margin-top:var(--progress-bar-margin-top, 50px)!important;margin-bottom:var(--progress-bar-margin-bottom, 50px)!important;width:100%}.unified-progress-bar{background:#fff3;border-radius:var(--progress-bar-border-radius, 12px)!important;overflow:hidden;position:relative;transition:all .3s ease}.unified-progress-bar.current{background:#ffffff4d;box-shadow:0 0 4px rgba(var(--progress-accent-color-extracted),.4)}.unified-progress-bar.completed{background:var(--progress-accent-color, #10b981);box-shadow:0 0 6px rgba(var(--progress-accent-color-extracted),.5)}.unified-progress-bar.failed{background:var(--progress-error-color, #ef4444);box-shadow:0 0 6px rgba(var(--progress-error-color-extracted),.6)}.unified-progress-bar.pending{background:#ffffff26}.unified-progress-fill{height:100%;background:var(--progress-warning-color, #f59e0b);transition:width .1s ease-out;border-radius:var(--progress-bar-border-radius, 12px);position:relative}.unified-progress-bar.timer .unified-progress-fill,.unified-progress-bar.progress .unified-progress-fill,.unified-progress-bar.completed .unified-progress-fill{background:var(--progress-accent-color, #10b981)}.unified-progress-bar.failed .unified-progress-fill{background:var(--progress-error-color, #ef4444)}.progress-debug-text{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px;color:#fff;font-weight:700;text-shadow:0 0 2px rgba(0,0,0,.8);pointer-events:none;z-index:10}.unified-progress-container.debug .progress-debug-text{display:block}@media (prefers-reduced-motion: reduce){.unified-progress-bar,.unified-progress-fill{transition:none}}@media (prefers-contrast: high){.unified-progress-bar{border:2px solid white}.unified-progress-bar.current{border-color:#ff0;box-shadow:none}.unified-progress-bar.completed{background:green;border-color:green}.unified-progress-bar.failed{background:red;border-color:red;box-shadow:none}.unified-progress-fill,.unified-progress-bar.completed .unified-progress-fill,.unified-progress-bar.failed .unified-progress-fill{background:#fff}}@media (max-width: 768px){.unified-progress-container{height:var(--progress-bar-height-mobile, 14px);gap:var(--progress-bar-gap-mobile, 3px);margin-top:var(--progress-bar-margin-top-mobile, 30px);margin-bottom:var(--progress-bar-margin-bottom-mobile, 30px)}}@media (max-width: 480px){.unified-progress-container{height:var(--progress-bar-height-small, 12px);gap:var(--progress-bar-gap-small, 2px);margin-top:var(--progress-bar-margin-top-small, 25px);margin-bottom:var(--progress-bar-margin-bottom-small, 25px)}.unified-progress-bar,.unified-progress-fill{border-radius:var(--progress-bar-border-radius-small, 8px)}}.unified-progress-bar.timer .unified-progress-fill{transition:width .3s cubic-bezier(.4,0,.2,1)}.unified-progress-bar.progress .unified-progress-fill{transition:width .2s cubic-bezier(.4,0,.2,1)}.unified-progress-bar.current{animation:progress-pulse-accent 2s infinite}.unified-progress-bar.failed{animation:progress-pulse-error 2s infinite}@keyframes progress-pulse-accent{0%{box-shadow:0 0 4px rgba(var(--progress-accent-color-extracted),.4)}50%{box-shadow:0 0 8px rgba(var(--progress-accent-color-extracted),.6)}to{box-shadow:0 0 4px rgba(var(--progress-accent-color-extracted),.4)}}@keyframes progress-pulse-error{0%{box-shadow:0 0 4px rgba(var(--progress-error-color-extracted),.4)}50%{box-shadow:0 0 8px rgba(var(--progress-error-color-extracted),.6)}to{box-shadow:0 0 4px rgba(var(--progress-error-color-extracted),.4)}}@media (prefers-reduced-motion: reduce){.unified-progress-bar.current,.unified-progress-bar.failed{animation:none}}.match-it-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.match-circle{position:relative;width:160px;height:160px;border-radius:50%;border:3px solid var(--border-color);overflow:hidden;transition:transform .2s ease-out;box-shadow:0 0 20px var(--shadow-inset-light)}.match-circle.rotation-0{transform:rotate(0)}.match-circle.rotation-1{transform:rotate(90deg)}.match-circle.rotation-2{transform:rotate(180deg)}.match-circle.rotation-3{transform:rotate(270deg)}.circle-sector{position:absolute;width:80px;height:80px;top:50%;left:50%;transform-origin:center}.circle-sector.sector-1{background:var(--game-color-1);clip-path:polygon(50% 50%,0% 0%,100% 0%);transform:translate(-50%,-50%)}.circle-sector.sector-2{background:var(--game-color-2);clip-path:polygon(50% 50%,100% 0%,100% 100%);transform:translate(-50%,-50%)}.circle-sector.sector-3{background:var(--game-color-3);clip-path:polygon(50% 50%,100% 100%,0% 100%);transform:translate(-50%,-50%)}.circle-sector.sector-4{background:var(--game-color-4);clip-path:polygon(50% 50%,0% 100%,0% 0%);transform:translate(-50%,-50%)}.moving-tile{position:absolute;width:30px;height:30px;border-radius:6px;z-index:10;box-shadow:0 2px 8px var(--shadow-inset-darker);border:2px solid var(--border-light);transition:box-shadow .1s ease}.moving-tile:hover{box-shadow:0 4px 12px var(--shadow-inset-darker)}.moving-tile.tile-color-1{background:var(--game-color-1)}.moving-tile.tile-color-2{background:var(--game-color-2)}.moving-tile.tile-color-3{background:var(--game-color-3)}.moving-tile.tile-color-4{background:var(--game-color-4)}.hit-effect.match{color:var(--success-color);text-shadow:0 0 10px var(--success-color),0 0 20px var(--success-color),0 2px 4px var(--shadow-text);font-size:24px}.hit-effect.miss{color:var(--error-color);text-shadow:0 0 10px var(--error-color),0 0 20px var(--error-color),0 2px 4px var(--shadow-text);font-size:24px}@media (max-width: 768px){.match-circle{width:140px;height:140px}.circle-sector{width:70px;height:70px}.moving-tile{width:25px;height:25px}.hit-effect.match,.hit-effect.miss{font-size:20px}}@media (max-width: 480px){.match-circle{width:120px;height:120px}.circle-sector{width:60px;height:60px}.moving-tile{width:20px;height:20px}.hit-effect.match,.hit-effect.miss{font-size:18px}}.match-circle,.moving-tile{will-change:transform;backface-visibility:hidden}.match-it-area .tiles-remaining,.game-overlay-ui .tiles-remaining{font-size:1.1rem;font-weight:600;color:var(--overlay-text);text-align:center;padding:8px 16px;background:var(--overlay-background);border-radius:8px;border:1px solid var(--overlay-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media (prefers-reduced-motion: reduce){.match-circle,.moving-tile{transition:none}}@keyframes penalty-flash{0%{box-shadow:inset 0 0 0 3px var(--penalty-color-fade, rgba(248, 113, 113, .9))}50%{box-shadow:inset 0 0 0 3px var(--penalty-color, rgba(248, 113, 113, 1))}to{box-shadow:none}}.penalty-flash{animation:penalty-flash var(--penalty-flash-duration, .45s) var(--penalty-easing, ease-in-out);animation-iteration-count:var(--penalty-flash-count, 3)}.penalty-flash:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:50000;box-shadow:inset 0 0 0 3px var(--penalty-color-fade, rgba(248, 113, 113, .9));animation:penalty-flash-overlay var(--penalty-flash-duration, .45s) var(--penalty-easing, ease-in-out);animation-iteration-count:var(--penalty-flash-count, 3)}@keyframes penalty-flash-overlay{0%{box-shadow:inset 0 0 0 3px var(--penalty-color-fade, rgba(248, 113, 113, .9))}50%{box-shadow:inset 0 0 0 3px var(--penalty-color, rgba(248, 113, 113, 1))}to{box-shadow:none}}:root{--penalty-color: rgba(248, 113, 113, 1);--penalty-color-fade: rgba(248, 113, 113, .9);--penalty-border-width: 3px;--penalty-flash-duration: .45s;--penalty-flash-count: 3;--penalty-easing: ease-in-out;--game-area-border: #2d2d2d}.game-area{transition:box-shadow .1s ease}@media (prefers-reduced-motion: reduce){.penalty-flash{animation:none;box-shadow:inset 0 0 0 3px var(--penalty-color-fade, rgba(248, 113, 113, .9))!important}}.destroy-links-area{position:relative}.destroy-links-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.blocks-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-start;padding:0;transform:translateY(-60px)}.tower-block{position:relative;width:var(--block-width);height:var(--block-height);margin:0;display:flex;align-items:center;justify-content:center;transition:transform .3s ease-out,opacity .3s ease-out;flex-shrink:0;flex-grow:0;z-index:5}.tower-block.left{background:rgba(var(--main-color-extracted),.4);border:2px solid var(--main-color);border-radius:4px;transform:translateZ(0);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%,17.69% 50%)}.tower-block.right{background:rgba(var(--main-color-extracted),.4);border:2px solid var(--main-color);border-radius:4px;transform:translateZ(0);clip-path:polygon(100% 0%,0% 0%,0% 100%,100% 100%,82.31% 50%)}.tower-block.destroying{transform:scale(.3) rotate(360deg);opacity:0;transition:transform .6s cubic-bezier(.68,-.55,.265,1.55),opacity .6s ease-out}.tower-block.falling{transition:transform .4s ease-out}.destroyed-block-animation{position:absolute;width:var(--block-width, 350px);height:var(--block-height, 110px);bottom:-100px;left:50%;margin-left:calc(var(--block-width, 350px) / -2);pointer-events:none;z-index:3;animation:blockFallAndDisappear .8s ease-out forwards;display:flex;align-items:center;justify-content:center;flex-shrink:0;flex-grow:0}@keyframes blockFallAndDisappear{0%{opacity:1;transform:translateY(0) scale(1)}25%{opacity:.7;transform:translateY(40px) scale(.95)}50%{opacity:.3;transform:translateY(80px) scale(.9)}to{opacity:0;transform:translateY(120px) scale(.8)}}@media (max-width: 768px){.tower-block{width:calc(var(--block-width) * .85);height:calc(var(--block-height) * .85)}.destruction-effect{font-size:28px}}@media (max-width: 480px){.tower-block{width:calc(var(--block-width) * .75);height:calc(var(--block-height) * .75)}.destruction-effect{font-size:24px}}.destroy-links-area .blocks-remaining,.game-overlay-ui .blocks-remaining{font-size:1.1rem;font-weight:600;color:var(--overlay-text);text-align:center;padding:8px 16px;background:var(--overlay-background);border-radius:8px;border:1px solid var(--overlay-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media (prefers-reduced-motion: reduce){.tower-block{animation:none;transition:opacity .3s ease}.destruction-effect{animation:none}}.get-it-area{overflow:hidden;position:relative}.get-it-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0}@media (max-width: 768px){.get-it-content{padding:0}}@media (max-width: 480px){.get-it-content{padding:0}}.in-time-area{position:relative}.in-time-container{width:100%;height:100%;position:relative}.falling-block{position:absolute;width:60px;height:60px;border:2px solid var(--main-color);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--text-color);z-index:50;transition:all .1s ease;background:transparent;opacity:1;visibility:visible;animation:blockFall .1s ease-out}.falling-block:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--main-color);opacity:.08;border-radius:6px;pointer-events:none}@keyframes blockFall{0%{transform:scale(.9);opacity:.8}to{transform:scale(1);opacity:1}}.falling-block.destroyed{animation:blockDestroy .3s ease-out forwards;z-index:100}@keyframes blockDestroy{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8;background:var(--main-color);box-shadow:0 0 20px var(--main-color)}to{transform:scale(.3);opacity:0;background:var(--main-color)}}.falling-block.destroyed:before{animation:blockDestroyBg .3s ease-out forwards}@keyframes blockDestroyBg{0%{opacity:.08}50%{opacity:1}to{opacity:0}}.in-time-area .blocks-remaining,.game-overlay-ui .blocks-remaining{font-size:1.1rem;font-weight:600;color:var(--overlay-text);text-align:center;padding:8px 16px;background:var(--overlay-background);border-radius:8px;border:1px solid var(--overlay-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media (max-width: 768px){.falling-block{width:50px;height:50px;font-size:20px}.blocks-remaining{font-size:var(--font-size-medium);padding:6px 12px}}@media (max-width: 480px){.falling-block{width:45px;height:45px;font-size:18px}.blocks-remaining{font-size:var(--font-size-small);padding:4px 10px}}@media (prefers-reduced-motion: reduce){.falling-block,.falling-block.destroyed{animation:none;transition:none}}.in-time-container{will-change:auto;transform:translateZ(0)}.falling-block{will-change:transform;transform:translateZ(0)}.game20471-area{border-radius:12px;padding:24px;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center}.simple-game-board{position:relative;width:100%;height:100%;aspect-ratio:1;background:transparent;border-radius:12px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.simple-grid{position:absolute;top:24px;left:24px;width:calc(100% - 48px);height:calc(100% - 48px);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:12px}.simple-grid-cell{background:transparent;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.simple-tiles{position:absolute;top:24px;left:24px;width:calc(100% - 48px);height:calc(100% - 48px)}.simple-tile{position:absolute;width:calc((100% - 36px)/4);height:calc((100% - 36px)/4);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(24px,4vw,48px);color:var(--text-color);transition:left .15s ease-in-out,top .15s ease-in-out;z-index:1}.simple-tile.tile-2{background:var(--game-color-4);opacity:.8;border:2px solid var(--game-color-4);font-size:clamp(28px,4.5vw,56px)}.simple-tile.tile-4{background:var(--game-color-2);opacity:.8;border:2px solid var(--game-color-2);font-size:clamp(28px,4.5vw,56px)}.simple-tile.tile-8{background:var(--game-color-6);opacity:.8;border:2px solid var(--game-color-6);font-size:clamp(28px,4.5vw,56px)}.simple-tile.tile-16{background:var(--game-color-3);opacity:.8;border:2px solid var(--game-color-3);font-size:clamp(26px,4vw,52px)}.simple-tile.tile-32{background:var(--game-color-5);opacity:.8;border:2px solid var(--game-color-5);font-size:clamp(26px,4vw,52px)}.simple-tile.tile-64{background:var(--game-color-1);opacity:.8;border:2px solid var(--game-color-1);font-size:clamp(26px,4vw,52px)}.simple-tile.tile-128{background:var(--main-color);opacity:.8;border:2px solid var(--main-color);font-size:clamp(24px,3.5vw,48px)}.simple-tile.tile-256{background:var(--game-color-4);opacity:.8;border:2px solid var(--game-color-4);filter:brightness(.7);font-size:clamp(24px,3.5vw,48px)}.simple-tile.tile-512{background:var(--game-color-2);opacity:.8;border:2px solid var(--game-color-2);filter:brightness(.7);font-size:clamp(24px,3.5vw,48px)}.simple-tile.tile-1024{background:var(--game-color-6);opacity:.8;border:2px solid var(--game-color-6);filter:brightness(.7);font-size:clamp(20px,3vw,44px)}.simple-tile.tile-2048{background:var(--game-color-3);opacity:.8;border:2px solid var(--game-color-3);filter:brightness(.7);font-size:clamp(20px,3vw,44px);animation:pulse 1.5s ease-in-out infinite alternate}.simple-tile.tile-new{animation:tileAppear .2s ease-out}@keyframes tileAppear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.simple-tile.tile-merging{animation:tileMerge .15s ease-out;z-index:2}@keyframes tileMerge{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(1.02);opacity:1}}@media (max-width: 768px){.game20471-area{padding:18px;min-height:400px}.simple-game-board{width:320px;height:320px;padding:10px}.simple-grid,.simple-tiles{top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px)}.simple-grid{gap:6px}.simple-tile{width:calc(25% - 4.5px);height:calc(25% - 4.5px);font-size:28px}.simple-tile.tile-16,.simple-tile.tile-32,.simple-tile.tile-64{font-size:24px}.simple-tile.tile-128,.simple-tile.tile-256,.simple-tile.tile-512{font-size:20px}.simple-tile.tile-1024,.simple-tile.tile-2048{font-size:18px}}@media (max-width: 480px){.game20471-area{padding:12px;min-height:350px}.simple-game-board{width:280px;height:280px;padding:8px}.simple-grid,.simple-tiles{top:8px;left:8px;width:calc(100% - 16px);height:calc(100% - 16px)}.simple-grid{gap:4px}.simple-tile{width:calc(25% - 3px);height:calc(25% - 3px);font-size:24px}.simple-tile.tile-16,.simple-tile.tile-32,.simple-tile.tile-64{font-size:20px}.simple-tile.tile-128,.simple-tile.tile-256,.simple-tile.tile-512{font-size:18px}.simple-tile.tile-1024,.simple-tile.tile-2048{font-size:16px}}@media (prefers-reduced-motion: reduce){.simple-tile.tile-new,.simple-tile.tile-merging,.simple-tile.tile-2048{animation:none}}@media (prefers-contrast: high){.simple-tile{border:3px solid currentColor}.simple-game-board{border:3px solid var(--text-color)}.simple-grid-cell{border:2px solid var(--text-color)}}.typix-area{border-radius:12px;padding:1rem;min-height:500px;display:flex;flex-direction:column;justify-content:center}.game-board{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:500px;margin:0 auto;width:100%;gap:2rem}.word-grid{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;width:100%;max-width:500px}.guess-row{display:grid;grid-template-columns:repeat(5,75px);gap:10px;height:75px;justify-content:center;align-items:center}.letter-cell{width:75px;height:75px;border:2px solid var(--main-color);background:rgba(var(--main-color-extracted),.05);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:2rem;font-weight:700;color:var(--text-color);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-sizing:border-box;flex-shrink:0;min-width:75px;min-height:75px}.letter-cell.empty{border-color:var(--main-color);background:rgba(var(--main-color-extracted),.05)}.letter-cell.pending{border-color:var(--main-color);background:rgba(var(--main-color-extracted),.05);color:var(--text-color)}.letter-cell.pop{animation:pop .15s ease-in-out}.letter-cell.flipping{animation:flip-out .4s ease-in-out forwards}.letter-cell.current{border-color:var(--main-color);box-shadow:0 0 0 1px var(--main-color);background:rgba(var(--main-color-extracted),.05)}.letter-cell.correct{background:var(--game-color-2);border-color:var(--game-color-2);color:var(--text-color);animation:flip-in .4s ease-in-out both}.letter-cell.present{background:var(--game-color-4);border-color:var(--game-color-4);color:var(--text-color);animation:flip-in .4s ease-in-out both}.letter-cell.absent{background:rgba(var(--main-color-extracted),.15);border-color:rgba(var(--main-color-extracted),.15);color:rgba(var(--text-color-extracted),.7);animation:flip-in .4s ease-in-out both}.invalid-word-overlay{position:absolute;bottom:50px;left:0;right:0;height:150px;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none}.invalid-word-message{background:var(--result-failure-color);color:var(--text-color);padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;text-align:center;box-shadow:0 10px 25px rgba(var(--result-failure-color-extracted),.3);border:1px solid var(--result-info-color);animation:shake .5s ease-in-out;pointer-events:none;white-space:nowrap}.virtual-keyboard{width:100%;max-width:500px;position:relative;transition:filter .3s ease;margin-top:.5rem}.virtual-keyboard.blurred{filter:blur(2px);opacity:.7}.keyboard-row{display:flex;justify-content:center;gap:8px;margin-bottom:8px}.keyboard-row:nth-child(2){margin-left:20px;margin-right:20px}.keyboard-key{min-width:38px;height:52px;padding:0 8px;border:1px solid rgba(var(--main-color-extracted),.6);background:rgba(var(--main-color-extracted),.08);color:var(--text-color);border-radius:8px;font-family:var(--font-mono);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px 2px rgba(var(--main-color-extracted),.2)}.keyboard-key:hover:not(:disabled){background:rgba(var(--main-color-extracted),.6);border-color:var(--main-color);transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--main-color-extracted),.25)}.keyboard-key:active:not(:disabled){transform:translateY(0);background:rgba(var(--main-color-extracted),.4);box-shadow:inset 0 1px 2px rgba(var(--main-color-extracted),.2)}.keyboard-key:disabled{opacity:.4;cursor:not-allowed;background:rgba(var(--main-color-extracted),.4);color:rgba(var(--text-color-extracted),.5)}.keyboard-key.special-key{min-width:72px;font-size:.8rem}.keyboard-key.key-correct{background:var(--game-color-2);border-color:var(--game-color-2);color:var(--text-color);box-shadow:0 2px 6px rgba(var(--game-color-2-extracted),.5)}.keyboard-key.key-present{background:var(--game-color-4);border-color:var(--game-color-4);color:var(--text-color);box-shadow:0 2px 6px rgba(var(--game-color-4-extracted),.5)}.keyboard-key.key-absent{background:rgba(var(--main-color-extracted),.15);border-color:rgba(var(--main-color-extracted),.15);color:rgba(var(--text-color-extracted),.7);box-shadow:inset 0 1px 2px rgba(var(--main-color-extracted),.2)}.game-stats{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.stat{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.stat-label{color:var(--result-info-color);font-weight:500}.stat-value{color:var(--result-success-color);font-weight:700;font-family:var(--font-mono)}.debug-display{position:absolute;top:1rem;right:1rem;z-index:100}.debug-word{background:var(--result-failure-color);color:var(--text-color);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;border:1px solid var(--result-info-color);display:flex;align-items:center;gap:.25rem}.debug-word .stat-label{color:var(--text-secondary)}.debug-word .stat-value{color:var(--text-color);letter-spacing:.1em}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes flip-out{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes flip-in{0%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@media (max-width: 640px){.typix-area{padding:1rem}.game-board{gap:.5rem}.letter-cell{width:55px;height:55px;font-size:1.5rem;min-width:55px;min-height:55px}.guess-row{grid-template-columns:repeat(5,55px);height:55px;gap:6px}.word-grid{gap:4px}.keyboard-key{min-width:28px;height:40px;font-size:.75rem}.keyboard-key.special-key{min-width:60px}.keyboard-row{gap:4px;margin-bottom:6px}.keyboard-row:nth-child(2){margin-left:15px;margin-right:15px}.debug-display{top:.5rem;right:.5rem}}@media (max-width: 480px){.typix-area{padding:.75rem}.game-board{gap:.4rem}.letter-cell{width:45px;height:45px;font-size:1.2rem;min-width:45px;min-height:45px}.guess-row{grid-template-columns:repeat(5,45px);height:45px}.keyboard-key{min-width:24px;height:35px;font-size:.65rem;padding:0 4px}.keyboard-key.special-key{min-width:48px}}@media (prefers-color-scheme: dark){.letter-cell{box-shadow:inset 0 1px 2px rgba(var(--main-color-extracted),.3)}.letter-cell.empty{background:rgba(var(--main-color-extracted),.05)}.keyboard-key{box-shadow:inset 0 1px 2px rgba(var(--main-color-extracted),.3)}}@media (prefers-contrast: high){.letter-cell{border-width:3px}.keyboard-key{border-width:2px}.letter-cell.correct{background:var(--game-color-2);color:var(--text-color)}.letter-cell.present{background:var(--game-color-4);color:var(--text-color)}.letter-cell.absent{background:rgba(var(--main-color-extracted),.15);color:var(--text-color)}}@media (prefers-reduced-motion: reduce){.letter-cell,.keyboard-key{transition:none}.letter-cell.correct,.letter-cell.present,.letter-cell.absent,.letter-cell.pending,.invalid-word-message{animation:none}}.math-area{border-radius:12px;padding:8px 20px;min-height:300px;display:flex;flex-direction:column}.math-area .game-overlay-ui,.math-area .overlay-element{width:100%;position:relative}.math-area .expression-counter{font-size:1.1rem;font-weight:600;color:var(--overlay-text);text-align:center;padding:8px 16px;background:var(--overlay-background);border-radius:8px;border:1px solid var(--overlay-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute;top:50%;left:10px;transform:translateY(-50%);z-index:10}.math-problem{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;width:100%;padding:5px 20px 2px;position:relative;text-align:center;transition:opacity .1s ease-out,transform .1s ease-out}.math-problem.animating{opacity:0;transform:scale(.98)}.math-expressions{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:600px;margin:0 auto;padding:2px 0}.math-expression{background:rgba(var(--main-color-extracted),.08);border:2px solid var(--main-color);border-radius:20px;padding:8px 45px;text-align:center;min-width:420px;max-width:500px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;position:relative;font-size:38px;font-weight:700;color:var(--text-color);font-family:JetBrains Mono,monospace;letter-spacing:4px}.math-expression:hover{border-color:var(--main-color);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--main-color-extracted),.3)}.math-buttons{display:flex;gap:15px;justify-content:center;align-items:center;margin:2px 0}.math-button{background:rgba(var(--main-color-extracted),.15);border:2px solid var(--main-color);border-radius:16px;padding:15px 20px;min-width:80px;min-height:80px;color:var(--text-color);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:32px;font-weight:700;font-family:JetBrains Mono,monospace;position:relative}.math-button:hover:not(:disabled){border-color:var(--main-color);transform:translateY(-3px);box-shadow:0 8px 25px rgba(var(--main-color-extracted),.3)}.math-button:active:not(:disabled){transform:translateY(-1px)}.math-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.math-button.greater:hover:not(:disabled){background:var(--game-color-2);border-color:var(--game-color-2);color:var(--text-color)}.math-button.equal:hover:not(:disabled){background:var(--main-color);border-color:var(--main-color);color:var(--text-color)}.math-button.less:hover:not(:disabled){background:var(--game-color-4);border-color:var(--game-color-4);color:var(--text-color)}.loading-message{font-size:24px;color:var(--main-color);text-align:center;font-weight:600;animation:pulse 2s ease-in-out infinite;position:relative;left:50%;transform:translate(-50%);width:100%}.stage-progress-bar.full-width{width:100%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.math-expressions,.math-buttons{gap:10px}.math-button{min-width:70px;min-height:70px;font-size:28px;padding:12px 15px}.math-expression{font-size:32px;letter-spacing:2px;min-width:350px;padding:6px 35px}}@media (max-width: 480px){.math-area{padding:6px 15px}.game-stats{gap:10px}.game-stats .stat{font-size:16px;padding:10px 15px}.math-expression{font-size:28px;letter-spacing:1px;min-width:300px;padding:4px 30px}.math-button{min-width:60px;min-height:60px;font-size:24px}.feedback-message{font-size:24px}}.echo-area{overflow:hidden;position:relative}.echo-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1px}.grid-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease-in-out,transform .15s ease-in-out}.grid-container.animating{opacity:0;transform:scale(.95)}.echo-grid{display:grid;gap:1px;background-color:transparent;border:2px solid transparent;border-radius:4px;padding:1px;width:100%;height:100%;aspect-ratio:1;box-shadow:0 0 10px rgba(var(--main-color-extracted),.5),inset 0 2px 4px rgba(var(--main-color-extracted),.2)}.grid-cell{background-color:transparent;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;min-width:15px;min-height:15px;border:1px solid rgba(var(--main-color-extracted),.3)}.grid-cell.red{background:var(--game-color-1);border-radius:4px;border:1px solid var(--game-color-1);box-shadow:0 0 4px rgba(var(--game-color-1-extracted),.6)}.grid-cell.green{background:var(--game-color-2);border-radius:4px;border:1px solid var(--game-color-2);box-shadow:0 0 4px rgba(var(--game-color-2-extracted),.6)}.grid-cell.blue{background:var(--game-color-3);border-radius:4px;border:1px solid var(--game-color-3);box-shadow:0 0 4px rgba(var(--game-color-3-extracted),.6)}.grid-cell.yellow{background:var(--game-color-4);border-radius:4px;border:1px solid var(--game-color-4);box-shadow:0 0 4px rgba(var(--game-color-4-extracted),.6)}.grid-cell.neutral{background:#ffffff2e;border:1px solid rgba(var(--main-color-extracted),.06);border-radius:4px;box-shadow:none}.question-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:20px;text-align:center}.question-text{font-size:28px;font-weight:700;color:var(--text-color);margin-bottom:20px;text-shadow:0 2px 4px rgba(var(--main-color-extracted),.3)}.answer-options{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.answer-btn{background:rgba(var(--main-color-extracted),.08);border:2px solid var(--main-color);border-radius:16px;padding:20px 30px;min-width:120px;color:var(--text-color);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:JetBrains Mono,monospace}.answer-btn:hover{background:rgba(var(--main-color-extracted),.15);border-color:var(--main-color);transform:translateY(-3px);box-shadow:0 8px 25px rgba(var(--main-color-extracted),.3)}.answer-btn:active{transform:translateY(-1px)}.answer-number{font-size:18px;font-weight:700;color:var(--text-color);background:var(--main-color);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.answer-value{font-size:24px;font-weight:700;color:var(--text-color)}.answer-hint{font-size:14px;color:var(--text-secondary);margin-top:20px;opacity:.8}.loading-message{color:var(--text-secondary);font-size:24px;text-align:center;font-weight:500;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width: 768px){.echo-content{padding:.5px}.echo-grid{width:100%;height:100%;gap:.5px}.question-text{font-size:24px}.answer-options{gap:15px}.answer-btn{min-width:100px;padding:16px 24px}.answer-value{font-size:20px}}@media (max-width: 480px){.echo-content{padding:.5px}.echo-grid{width:100%;height:100%;gap:0px}.grid-cell{min-width:12px;min-height:12px}.question-container{gap:20px;padding:15px}.question-text{font-size:20px}.answer-options{gap:12px;flex-direction:column;align-items:center}.answer-btn{min-width:80px;padding:12px 20px}.answer-number{width:28px;height:28px;font-size:16px}.answer-value{font-size:18px}.answer-hint{font-size:12px}}@media (prefers-reduced-motion: reduce){.grid-container{transition:none}.grid-cell{transition:none;transform:none}.grid-cell.red,.grid-cell.green,.grid-cell.blue,.grid-cell.yellow,.grid-cell.neutral{transform:none}.answer-btn{transition:none}}@media (prefers-contrast: high){.grid-cell.red{background:var(--game-color-1);box-shadow:none}.grid-cell.green{background:var(--game-color-2);box-shadow:none}.grid-cell.blue{background:var(--game-color-3);box-shadow:none}.grid-cell.yellow{background:var(--game-color-4);box-shadow:none}.grid-cell.neutral{background:rgba(var(--main-color-extracted),.25);box-shadow:none}.echo-grid{box-shadow:none;border-color:var(--text-color)}}.sequence-area{display:flex;flex-direction:column;gap:2px;padding:12px}.sequence-display-container{display:flex;align-items:center;justify-content:center;max-width:800px;margin:0 auto;padding:0;height:80px;min-height:80px;max-height:80px;flex-shrink:0}.sequence-info{display:flex;align-items:center;justify-content:center;width:100%;height:80px;min-height:80px;max-height:80px}.sequence-panel{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.sequence-panel-label{font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--text-secondary);text-align:center;line-height:1;font-family:JetBrains Mono,monospace}.target-sequence{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.sequence-symbol{background:rgba(var(--main-color-extracted),.12);border:2px solid rgba(var(--main-color-extracted),.6);border-radius:8px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:700;color:var(--text-color);box-shadow:inset 0 2px 4px rgba(var(--main-color-extracted),.2),0 4px 8px rgba(var(--main-color-extracted),.25);font-family:JetBrains Mono,monospace}.stage-panel{display:flex;flex-direction:column;align-items:center;gap:4px;background:rgba(var(--main-color-extracted),.08);border:2px solid var(--main-color);border-radius:12px;padding:12px 16px;box-shadow:inset 0 2px 4px rgba(var(--main-color-extracted),.15),0 4px 8px rgba(var(--main-color-extracted),.3);min-width:100px}.stage-panel-label{font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--text-secondary);text-align:center;line-height:1;font-family:JetBrains Mono,monospace}.stage-panel-value{font-size:24px;font-weight:700;color:var(--text-color);text-align:center;line-height:1;font-family:JetBrains Mono,monospace}.game-grid-container{flex:1;display:flex;justify-content:center;align-items:center;width:100%;padding:8px;min-height:0}.sequence-area .sequence-grid{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(9,1fr);row-gap:6px;column-gap:6px;background:rgba(var(--main-color-extracted),.05);padding:12px;border-radius:12px;border:3px solid var(--main-color);width:100%;max-width:720px;height:648px;margin:0 auto;box-shadow:0 8px 24px rgba(var(--main-color-extracted),.4)}.grid-cell{width:100%;height:100%;aspect-ratio:1!important;background:rgba(var(--main-color-extracted),.1);border:1px solid rgba(var(--main-color-extracted),.4);border-radius:4px;transition:all .2s ease;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:700;color:var(--text-color);font-family:JetBrains Mono,monospace;-webkit-user-select:none;user-select:none;margin:0;padding:0;box-sizing:border-box;min-height:0;min-width:0;overflow:hidden}.grid-cell.selected{background:rgba(var(--main-color-extracted),.45);border:2px solid var(--main-color);box-shadow:inset 0 2px 4px rgba(var(--main-color-extracted),.3),0 4px 8px rgba(var(--main-color-extracted),.4),0 0 12px rgba(var(--main-color-extracted),.6);border-radius:4px;transform:translateZ(0);animation:selectionPulse 1.5s ease-in-out infinite;aspect-ratio:1!important;overflow:hidden}@keyframes selectionPulse{0%,to{box-shadow:inset 0 2px 4px rgba(var(--main-color-extracted),.3),0 4px 8px rgba(var(--main-color-extracted),.4),0 0 12px rgba(var(--main-color-extracted),.6)}50%{box-shadow:inset 0 2px 4px rgba(var(--main-color-extracted),.3),0 4px 8px rgba(var(--main-color-extracted),.4),0 0 20px rgba(var(--main-color-extracted),.8)}}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.05)}}@media (max-width: 768px){.sequence-area{padding:2px 8px 6px;gap:2px}.sequence-area .sequence-grid{max-width:650px;height:585px;padding:10px;row-gap:5px;column-gap:5px}.sequence-display-container,.sequence-info{height:80px;min-height:80px;max-height:80px}.sequence-symbol{width:40px;height:40px;font-size:30px}.stage-panel{padding:8px 12px;min-width:80px}.stage-panel-value{font-size:20px}.grid-cell{font-size:36px}}@media (max-width: 480px){.sequence-area{padding:2px 6px 4px;gap:2px}.sequence-area .sequence-grid{max-width:520px;height:468px;padding:8px;row-gap:4px;column-gap:4px}.sequence-display-container,.sequence-info{height:70px;min-height:70px;max-height:70px}.sequence-symbol{width:32px;height:32px;font-size:26px;gap:4px}.stage-panel{padding:6px 10px;min-width:70px}.stage-panel-value{font-size:18px}.stage-panel-label{font-size:9px}.sequence-panel-label{font-size:10px}.grid-cell{font-size:32px}}@media (prefers-reduced-motion: reduce){.grid-cell{transition:none}.grid-cell.selected{animation:none}}@media (prefers-contrast: high){.grid-cell.selected{background:var(--main-color);box-shadow:none;border-color:var(--text-color)}.sequence-area .sequence-grid{box-shadow:none;border-color:var(--text-color)}.sequence-symbol{background:rgba(var(--main-color-extracted),.2);border-color:var(--text-color);color:var(--text-color)}}.dash-area{overflow:hidden;position:relative}.dash-game-content{position:relative;width:100%;height:100%;overflow:hidden}.dash-line{position:absolute;width:80%;left:10%;height:25px;display:flex;flex-direction:row;align-items:center;z-index:2;transition:none;gap:9px;padding:0 2px}.dash-line-segment{height:100%;border-radius:12px;box-shadow:0 2px 8px rgba(var(--main-color-extracted),.3),inset 0 1px #0006;border:1px solid rgba(var(--main-color-extracted),.7);background:linear-gradient(135deg,rgba(var(--main-color-extracted),.35),rgba(var(--main-color-extracted),.45),rgba(var(--main-color-extracted),.35));position:relative;overflow:hidden}.dash-line-segment{position:relative}.dash-line-left:after{content:"⮝";position:absolute;top:50%;right:6px;transform:translateY(-50%) rotate(90deg);font-size:16px;font-weight:700;color:#0000004d;z-index:5;text-shadow:0 0 2px rgba(0,0,0,.5);filter:drop-shadow(0 0 2px rgba(var(--main-color-extracted),.5))}.dash-line-right:after{content:"⮝";position:absolute;top:50%;left:6px;transform:translateY(-50%) rotate(-90deg);font-size:16px;font-weight:700;color:#0000004d;z-index:5;text-shadow:0 0 2px rgba(0,0,0,.5);filter:drop-shadow(0 0 2px rgba(var(--main-color-extracted),.5))}.dash-line-opening{height:100%;border-radius:12px;box-shadow:0 0 15px rgba(var(--main-color-extracted),.6),inset 0 1px rgba(var(--main-color-extracted),.4);border:1px solid var(--main-color);background:linear-gradient(135deg,rgba(var(--main-color-extracted),.2),rgba(var(--main-color-extracted),.4),rgba(var(--main-color-extracted),.2));animation:pulse-opening 2s ease-in-out infinite;position:relative;overflow:hidden}@keyframes pulse-opening{0%,to{box-shadow:0 0 15px rgba(var(--main-color-extracted),.6),inset 0 1px rgba(var(--main-color-extracted),.4);border-color:var(--main-color);transform:scale(1)}50%{box-shadow:0 0 25px rgba(var(--main-color-extracted),.8),inset 0 1px rgba(var(--main-color-extracted),.5);border-color:var(--main-color);transform:scale(1.01)}}@keyframes break-opening{0%{transform:scale(1);opacity:1}25%{transform:scale(1.1);background:linear-gradient(135deg,rgba(var(--main-color-extracted),.6),rgba(var(--main-color-extracted),.8))}50%{transform:scale(1.2);box-shadow:0 0 30px var(--main-color),0 0 60px rgba(var(--main-color-extracted),.7)}75%{transform:scale(.8);opacity:.7;filter:blur(2px)}to{transform:scale(.3);opacity:0;filter:blur(4px)}}.dash-line-opening.breaking{animation:break-opening .3s ease-out forwards}@keyframes break-particles{0%{transform:scale(1) rotate(0);opacity:1}to{transform:scale(.2) rotate(720deg);opacity:0}}.break-particle{position:absolute;width:4px;height:4px;background:var(--main-color);border-radius:50%;pointer-events:none;z-index:10;animation:break-particles .5s ease-out forwards}@keyframes arrow-destruction{0%{transform:translate(-50%) rotate(0) scale(1);opacity:1;filter:hue-rotate(0deg)}25%{transform:translate(-50%) rotate(45deg) scale(1.2);filter:hue-rotate(90deg) brightness(1.5)}50%{transform:translate(-50%) rotate(180deg) scale(.8);opacity:.7;filter:hue-rotate(180deg) blur(2px)}75%{transform:translate(-50%) rotate(360deg) scale(.4);opacity:.3;filter:hue-rotate(270deg) blur(4px)}to{transform:translate(-50%) rotate(720deg) scale(.1);opacity:0;filter:hue-rotate(360deg) blur(6px)}}.dash-arrow.destroying{animation:arrow-destruction .6s ease-out forwards}.dash-arrow{position:absolute;top:85%;transform:translate(-50%);font-size:30px;font-weight:700;z-index:5;color:var(--main-color);text-shadow:0 0 10px var(--main-color),0 2px 4px rgba(var(--main-color-extracted),.4);transition:transform .1s ease-out;filter:drop-shadow(0 0 8px var(--main-color))}.dash-particle{position:absolute;border-radius:50%;pointer-events:none;z-index:1;background:var(--main-color);box-shadow:0 0 6px var(--main-color),0 0 12px rgba(var(--main-color-extracted),.5);transition:none;opacity:.8}.dash-line,.dash-particle,.dash-arrow,.break-particle,.explosion-particle{will-change:transform;backface-visibility:hidden;transform-style:preserve-3d}@media (max-width: 768px){.dash-arrow{font-size:24px}.dash-line{height:20px}.dash-particle{transform:scale(.8)}}@media (max-width: 480px){.dash-arrow{font-size:20px}.dash-line{height:18px}}@media (prefers-reduced-motion: reduce){.dash-line-opening{animation:none}.dash-arrow{transition:none}.breaking,.destroying,.break-particle,.explosion-particle{animation:none}}.flappy-area{overflow:hidden;position:relative;cursor:pointer}.flappy-game-content{position:relative;width:100%;height:100%;overflow:hidden}.flappy-pipe-pair{position:absolute;width:25px;height:100%;display:flex;flex-direction:column;z-index:2;transition:none}.flappy-pipe{width:100%;border-radius:8px;box-shadow:0 2px 8px rgba(var(--main-color-extracted),.3),inset 0 1px rgba(var(--main-color-extracted),.4);border:1px solid rgba(var(--main-color-extracted),.7);background:linear-gradient(45deg,rgba(var(--main-color-extracted),.35),rgba(var(--main-color-extracted),.45),rgba(var(--main-color-extracted),.35));position:relative;overflow:hidden}.flappy-pipe-top{align-self:flex-start;margin-bottom:0}.flappy-pipe-bottom{align-self:flex-end;margin-top:auto}.flappy-pipe-top:after{content:"⮟";position:absolute;bottom:3px;left:50%;transform:translate(-50%);font-size:16px;font-weight:700;color:#0000004d;z-index:5;text-shadow:0 0 2px rgba(0,0,0,.5);filter:drop-shadow(0 0 2px rgba(var(--main-color-extracted),.5))}.flappy-pipe-bottom:after{content:"⮝";position:absolute;top:3px;left:50%;transform:translate(-50%);font-size:16px;font-weight:700;color:#0000004d;z-index:5;text-shadow:0 0 2px rgba(0,0,0,.5);filter:drop-shadow(0 0 2px rgba(var(--main-color-extracted),.5))}.flappy-bird{position:absolute;font-size:30px;font-weight:700;z-index:5;color:var(--main-color);text-shadow:0 0 10px var(--main-color),0 2px 4px rgba(var(--main-color-extracted),.4);transition:transform .1s ease-out;filter:drop-shadow(0 0 8px var(--main-color))}.flappy-bird.flapping{animation:flap .15s ease-out}@keyframes flap{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1)}}.flappy-particle{position:absolute;border-radius:50%;pointer-events:none;z-index:1;background:var(--main-color);box-shadow:0 0 6px var(--main-color),0 0 12px rgba(var(--main-color-extracted),.5);transition:none;opacity:.8}@keyframes explosion-particle{0%{transform:scale(1) translate(0);opacity:1}to{opacity:0}}.explosion-particle{position:absolute;width:6px;height:6px;background:var(--game-color-1);border-radius:50%;pointer-events:none;z-index:15;animation:explosion-particle .8s ease-out forwards;box-shadow:0 0 4px var(--game-color-1)}@keyframes arrow-destruction{0%{transform:translate(-50%,-50%) rotate(0) scale(1);opacity:1;filter:hue-rotate(0deg)}25%{transform:translate(-50%,-50%) rotate(45deg) scale(1.2);filter:hue-rotate(90deg) brightness(1.5)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(.8);opacity:.7;filter:hue-rotate(180deg) blur(2px)}75%{transform:translate(-50%,-50%) rotate(360deg) scale(.4);opacity:.3;filter:hue-rotate(270deg) blur(4px)}to{transform:translate(-50%,-50%) rotate(720deg) scale(.1);opacity:0;filter:hue-rotate(360deg) blur(6px)}}.flappy-bird.destroying{animation:arrow-destruction .6s ease-out forwards}.flappy-pipe-pair,.flappy-particle,.flappy-bird,.explosion-particle{will-change:transform;backface-visibility:hidden;transform-style:preserve-3d}@media (max-width: 768px){.flappy-bird{font-size:24px}.flappy-pipe-pair{width:50px}.flappy-particle{transform:scale(.8)}}@media (max-width: 480px){.flappy-bird{font-size:20px}.flappy-pipe-pair{width:45px}}@media (prefers-reduced-motion: reduce){.flappy-bird{transition:none}.flapping,.destroying,.explosion-particle{animation:none}}.to-the-sky-area{position:relative;overflow:visible;width:100%;height:100%;border:2px solid transparent;border-radius:8px}.to-the-sky-game-content{position:relative;width:100%;height:100%;overflow:visible}.to-the-sky-player{position:absolute;width:24px;height:24px;font-size:20px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);transition:transform .05s ease-out;z-index:10}.to-the-sky-player.jumping{transform:translate(-50%,-50%) scale(1.1)}.to-the-sky-player.falling{transform:translate(-50%,-50%) scale(.9)}.to-the-sky-platform{position:absolute;border-radius:6px;box-shadow:0 2px 4px rgba(var(--main-color-extracted),.2);transition:transform .1s ease-out;z-index:5;transform:translateZ(0)}.to-the-sky-platform.normal{background:rgba(var(--main-color-extracted),.25);border:1px solid var(--main-color)}.to-the-sky-platform.breaking{background:rgba(var(--game-color-4-extracted),.25);border:1px solid var(--game-color-4);animation:platform-shake .3s ease-in-out}.to-the-sky-platform.breaking.disappearing{animation:platform-disappear .5s ease-out forwards}.to-the-sky-platform.instantBreak{background:rgba(var(--game-color-1-extracted),.25);border:1px solid var(--game-color-1);position:relative;mask:linear-gradient(to right,black 47%,transparent 47%,transparent 53%,black 53%);-webkit-mask:linear-gradient(to right,black 47%,transparent 47%,transparent 53%,black 53%);will-change:transform;backface-visibility:hidden;contain:layout;transform:translateZ(0)}.to-the-sky-platform.instantBreak.disappearing{background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important;border-radius:0!important;overflow:visible!important;z-index:100;mask:none!important;-webkit-mask:none!important}.to-the-sky-platform.instantBreak.disappearing:after{content:"";position:absolute;left:51%;top:0;width:49%;height:100%;background:rgba(var(--game-color-1-extracted),.25);border:1px solid var(--game-color-1);border-left:none;border-radius:0 6px 6px 0;animation:break-right .6s ease-out forwards;z-index:10000}.to-the-sky-platform.instantBreak.disappearing:before{content:"";position:absolute;left:0;top:0;width:49%;height:100%;background:rgba(var(--game-color-1-extracted),.25);border:1px solid var(--game-color-1);border-right:none;border-radius:6px 0 0 6px;animation:break-left .6s ease-out forwards;z-index:10000}.to-the-sky-platform.finish{background:var(--game-color-2);border:3px solid var(--game-color-2);box-shadow:0 0 20px rgba(var(--game-color-2-extracted),.4),inset 0 2px 4px rgba(var(--game-color-2-extracted),.3);animation:finish-glow 2s ease-in-out infinite alternate;z-index:10;position:relative}@keyframes platform-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes platform-disappear{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@keyframes finish-glow{0%{box-shadow:0 0 20px rgba(var(--game-color-2-extracted),.4),inset 0 2px 4px rgba(var(--game-color-2-extracted),.3)}to{box-shadow:0 0 30px rgba(var(--game-color-2-extracted),.6),inset 0 2px 6px rgba(var(--game-color-2-extracted),.5)}}@keyframes break-left{0%{transform:translate(0) translateY(0) rotate(0);opacity:1}to{transform:translate(-8px) translateY(8px) rotate(-15deg);opacity:0}}@keyframes break-right{0%{transform:translate(0) translateY(0) rotate(0);opacity:1}to{transform:translate(8px) translateY(8px) rotate(15deg);opacity:0}}.to-the-sky-particle{position:absolute;border-radius:50%;pointer-events:none;z-index:8;box-shadow:0 0 4px rgba(var(--main-color-extracted),.3)}.to-the-sky-jump-particle{position:absolute;width:4px;height:4px;background:rgba(var(--main-color-extracted),.8);border-radius:50%;pointer-events:none;z-index:7;animation:jump-particle-fade .8s ease-out forwards}@keyframes jump-particle-fade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.3)}}.to-the-sky-platform.landing{animation:platform-bounce .3s ease-out}@keyframes platform-bounce{0%{transform:scaleY(1)}50%{transform:scaleY(.9)}to{transform:scaleY(1)}}.to-the-sky-height-display{position:absolute;top:10px;right:10px;color:var(--text-color);font-size:14px;font-weight:600;z-index:15;text-shadow:var(--shadow-text)}@media (max-width: 768px){.to-the-sky-area{height:100%}.to-the-sky-player{width:20px;height:20px;font-size:16px}.to-the-sky-height-display{font-size:12px}}.pathing-area{cursor:crosshair}.pathing-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.connection-line{stroke:var(--main-color);stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(var(--main-color-extracted),.2));animation:drawLine .3s ease-out}.mouse-line{stroke:rgba(var(--main-color-extracted),.7);stroke-width:2px;stroke-linecap:round;stroke-dasharray:5,5;opacity:.7;filter:drop-shadow(0 0 2px rgba(var(--main-color-extracted),.15))}.pathing-dot{position:absolute;width:24px;height:24px;border-radius:50%;cursor:pointer;transition:all .2s ease;z-index:10;border:2px solid transparent;box-shadow:0 2px 4px rgba(var(--main-color-extracted),.2)}.unvisited-dot{background:rgba(var(--main-color-extracted),.15);border-color:rgba(var(--main-color-extracted),.6);box-shadow:0 0 8px rgba(var(--main-color-extracted),.05),0 0 15px rgba(var(--main-color-extracted),.1)}.unvisited-dot:hover{background:rgba(var(--main-color-extracted),.15);border-color:rgba(var(--main-color-extracted),.8);transform:scale(1.1);box-shadow:0 0 15px rgba(var(--main-color-extracted),.15),0 0 25px rgba(var(--main-color-extracted),.2),0 0 35px rgba(var(--main-color-extracted),.25)}.start-dot{background:var(--main-color)!important;border-color:rgba(var(--main-color-extracted),.6)!important;box-shadow:0 0 15px rgba(var(--main-color-extracted),.3),0 0 25px rgba(var(--main-color-extracted),.2),0 0 35px rgba(var(--main-color-extracted),.15)!important}.current-dot{background:var(--main-color)!important;border-color:rgba(var(--main-color-extracted),.8)!important;animation:currentDotPulse 1.5s ease-in-out infinite;box-shadow:0 0 20px rgba(var(--main-color-extracted),.35),0 0 35px rgba(var(--main-color-extracted),.3),0 0 50px rgba(var(--main-color-extracted),.2)!important}.visited-dot{background:var(--main-color)!important;border-color:rgba(var(--main-color-extracted),.8)!important;box-shadow:0 0 12px rgba(var(--main-color-extracted),.3),0 0 20px rgba(var(--main-color-extracted),.2)!important}.visited-dot:hover{transform:scale(1.05);cursor:default;box-shadow:0 0 15px rgba(var(--main-color-extracted),.3),0 0 25px rgba(var(--main-color-extracted),.2),0 0 35px rgba(var(--main-color-extracted),.15)!important}@keyframes currentDotPulse{0%,to{transform:scale(1);box-shadow:0 0 20px rgba(var(--main-color-extracted),.35),0 0 35px rgba(var(--main-color-extracted),.3),0 0 50px rgba(var(--main-color-extracted),.2)}50%{transform:scale(1.15);box-shadow:0 0 30px rgba(var(--main-color-extracted),.4),0 0 45px rgba(var(--main-color-extracted),.35),0 0 60px rgba(var(--main-color-extracted),.25),0 0 80px rgba(var(--main-color-extracted),.15)}}@keyframes drawLine{0%{stroke-dasharray:0,1000;opacity:0}50%{opacity:1}to{stroke-dasharray:1000,0;opacity:1}}.pathing-area .overlay-element{color:var(--main-color);font-weight:600;text-shadow:0 0 8px rgba(var(--main-color),.2)}@media (max-width: 768px){.pathing-dot{width:20px;height:20px}.connection-line{stroke-width:2px}.mouse-line{stroke-width:1.5px}}@media (max-width: 480px){.pathing-dot{width:18px;height:18px}.pathing-dot:hover{transform:scale(1.05)}}@media (prefers-reduced-motion: reduce){.pathing-dot,.connection-line,.mouse-line{animation:none;transition:none}.current-dot{animation:none}}.a-mess-area{cursor:default}.a-mess-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.mess-connection-line{stroke:var(--main-color);stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(var(--main-color),.2));transition:stroke .2s ease}.mess-dot{position:absolute;width:24px;height:24px;border-radius:50%;background:var(--main-color);border:2px solid rgba(var(--main-color),.6);cursor:grab;transition:all .2s ease;z-index:10;box-shadow:0 0 8px rgba(var(--main-color),.15),0 2px 4px rgba(var(--main-color),.2);-webkit-user-select:none;user-select:none}.mess-dot:hover{transform:scale(1.1);box-shadow:0 0 12px rgba(var(--main-color),.2),0 0 20px rgba(var(--main-color),.15)}.mess-dot.dragging{cursor:grabbing;transform:scale(1.15);z-index:20;box-shadow:0 0 15px rgba(var(--main-color),.25),0 0 25px rgba(var(--main-color),.2);animation:draggingPulse 1s ease-in-out infinite;transition:none!important}@keyframes draggingPulse{0%,to{box-shadow:0 0 15px rgba(var(--main-color),.25),0 0 25px rgba(var(--main-color),.2)}50%{box-shadow:0 0 20px rgba(var(--main-color),.3),0 0 35px rgba(var(--main-color),.25)}}.a-mess-area.dragging{cursor:grabbing}.a-mess-area *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (max-width: 768px){.mess-dot{width:20px;height:20px}.mess-connection-line{stroke-width:2px}}@media (max-width: 480px){.mess-dot{width:18px;height:18px}.mess-dot:hover{transform:scale(1.05)}.mess-dot.dragging{transform:scale(1.1)}}@media (prefers-reduced-motion: reduce){.mess-dot,.mess-connection-line{animation:none;transition:none}.mess-dot.dragging{animation:none}}.mines-area{display:flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0}.mines-grid{display:grid;gap:8px;width:calc(100% - 20px);height:calc(100% - 20px);max-width:calc(100vh - 200px);max-height:calc(100vh - 200px);aspect-ratio:1;padding:10px;box-sizing:border-box}.mines-grid.size-3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.mines-grid.size-4{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.mines-grid.size-5{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr)}.mines-grid.size-6{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr)}.mines-grid.size-7{grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr)}.mines-grid.size-8{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr)}.mines-grid.size-9{grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr)}.mines-grid.size-10{grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr)}.mines-grid.size-11{grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(11,1fr)}.mines-grid.size-12{grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr)}.mines-grid.size-13{grid-template-columns:repeat(13,1fr);grid-template-rows:repeat(13,1fr)}.mines-grid.size-14{grid-template-columns:repeat(14,1fr);grid-template-rows:repeat(14,1fr)}.mines-grid.size-15{grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr)}.mines-grid.size-16{grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(16,1fr)}.mines-cell{background:#ffffff2e;border:2px solid rgba(var(--main-color-extracted),.06);border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;outline:none;width:100%;height:100%;min-height:40px;overflow:hidden}.mines-cell.hidden:hover{background:#ffffff3b;border-color:rgba(var(--main-color-extracted),.1);transform:scale(1.02)}.mines-cell.mine-preview{background:rgba(var(--game-color-1-extracted),.8);border-color:var(--game-color-1);transform:scale(1.03)}.mines-cell.correct-mine{background:rgba(var(--main-color-extracted),.8);border-color:var(--main-color);transform:scale(1.03)}.mines-cell.wrong-click{background:rgba(var(--game-color-1-extracted),.8);border-color:var(--game-color-1);animation:wrongShake .3s ease-out}.mines-cell.missed-mine{background:rgba(var(--game-color-1-extracted),.8);border-color:var(--game-color-1);transform:scale(1.03)}@keyframes mine-reveal{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1.03)}}.mines-cell.mine-preview,.mines-cell.correct-mine{animation:mine-reveal .3s ease-out}@media (max-width: 768px){.mines-area{padding:8px}.mines-grid{width:calc(100% - 16px);height:calc(100% - 16px);max-width:calc(100vh - 150px);max-height:calc(100vh - 150px);gap:4px}.mines-cell{border-radius:6px;min-height:35px}}@media (max-width: 480px){.mines-area{padding:5px}.mines-grid{width:calc(100% - 10px);height:calc(100% - 10px);max-width:calc(100vh - 120px);max-height:calc(100vh - 120px);gap:3px}.mines-cell{border-radius:4px;border-width:1px;min-height:30px}}.mines-cell:focus{outline:2px solid var(--main-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){.mines-cell,.mines-cell.mine-preview,.mines-cell.correct-mine,.mines-cell.wrong-click{animation:none;transition:none;transform:none}.mines-cell:hover{transform:none}}.on-the-dot-area{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:0;margin:0;position:relative;overflow:hidden}.on-the-dot-content{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin:0}.falling-ball{position:absolute;width:44px;height:44px;border-radius:50%;transition:none;margin:0;padding:0;background:#ffffff2e;border:2px solid rgba(var(--main-color-extracted),.06);box-shadow:0 0 4px rgba(var(--main-color-extracted),.15);box-sizing:border-box}.falling-ball.red{background:rgba(var(--game-color-1-extracted),.5);border-color:var(--game-color-1);box-shadow:0 0 8px rgba(var(--game-color-1-extracted),.3)}.falling-ball.yellow{background:rgba(var(--game-color-4-extracted),.5);border-color:var(--game-color-4);box-shadow:0 0 8px rgba(var(--game-color-4-extracted),.3)}.deflector-system{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:88px;height:97px;transition:all .3s ease;margin:0;padding:0}.deflector-ball{width:44px;height:44px;border-radius:50%;transition:all .3s ease;position:absolute;margin:0;padding:0;background:#ffffff2e;border:2px solid rgba(var(--main-color-extracted),.06);box-shadow:0 0 4px rgba(var(--main-color-extracted),.15);box-sizing:border-box}.deflector-ball.red{background:rgba(var(--game-color-1-extracted),.5);border-color:var(--game-color-1);box-shadow:0 0 8px rgba(var(--game-color-1-extracted),.3)}.deflector-ball.yellow{background:rgba(var(--game-color-4-extracted),.5);border-color:var(--game-color-4);box-shadow:0 0 8px rgba(var(--game-color-4-extracted),.3)}.deflector-center{bottom:0;left:50%;transform:translate(-50%)}.deflector-left{top:0;left:50%;transform:translate(-100%);transition:all .3s ease}.deflector-right{top:0;left:50%;transform:translate(0);transition:all .3s ease}.deflector-system.deflecting{width:150px;left:50%;transform:translate(-50%)}.deflector-system.deflecting .deflector-left{left:50%;transform:translate(-162%)}.deflector-system.deflecting .deflector-right{left:50%;transform:translate(62%)}.destruction-effect{display:none!important}@keyframes destruction-ball{0%{transform:scale(1);opacity:1}25%{transform:scale(1.3);opacity:.8}50%{transform:scale(1.8);opacity:.4}to{transform:scale(2.5);opacity:0}}@keyframes destruction-particle{0%{transform:scale(1.5) translate(0);opacity:1}to{transform:scale(.5) translate(var(--particle-x, 0),var(--particle-y, 0));opacity:0}}.destruction-particle{position:absolute;width:8px;height:8px;border-radius:50%;pointer-events:none;z-index:15;animation:destruction-particle .15s ease-out forwards;border:1px solid var(--main-color);background:rgba(var(--main-color-extracted),.4)}.debug-center-line{position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:var(--game-color-1);z-index:1000;pointer-events:none;opacity:.8}@media (max-width: 768px){.falling-ball,.deflector-ball{width:38px;height:38px}.deflector-right{left:50%;transform:translate(0)}.deflector-system{width:76px;height:82px}.deflector-system.deflecting{width:129px;left:50%;transform:translate(-50%)}.deflector-system.deflecting .deflector-left{left:50%;transform:translate(-153%)}.deflector-system.deflecting .deflector-right{left:50%;transform:translate(53%)}}@media (max-width: 480px){.falling-ball,.deflector-ball{width:35px;height:35px}.deflector-right{left:50%;transform:translate(0)}.deflector-system{width:70px;height:75px}.deflector-system.deflecting{width:119px;left:50%;transform:translate(-50%)}.deflector-system.deflecting .deflector-left{left:50%;transform:translate(-149%)}.deflector-system.deflecting .deflector-right{left:50%;transform:translate(49%)}}.crack-it-area{border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:20px;min-height:300px}.pin-input-container{display:flex;flex-direction:column;align-items:center;gap:20px;margin:20px 0}.current-pin-input{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.pin-digit{width:85px;height:85px;display:flex;align-items:center;justify-content:center;font-size:2.5em;font-weight:700;background:rgba(var(--main-color-extracted),.05);border:2px solid rgba(255,255,255,.4);border-radius:12px;color:var(--text-color);font-family:JetBrains Mono,monospace;transition:all .2s ease;-webkit-user-select:none;user-select:none}.pin-digit.active{border-color:var(--main-color);box-shadow:0 0 0 1px var(--main-color)}.pin-digit.green{border-color:var(--game-color-2);border-width:3px}.pin-digit.yellow{border-color:var(--game-color-4);border-width:3px}.pin-digit.red{border-color:var(--game-color-1);border-width:3px}.game-controls{display:flex;gap:12px}.crack-button,.delete-button{padding:12px 24px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:1em}.crack-button{background:var(--main-color);border:2px solid var(--main-color)!important;color:var(--text-color)}.crack-button:hover:not(:disabled){background:rgba(var(--main-color-extracted),.8);transform:translateY(-1px)}.delete-button{background:var(--game-color-1);border:2px solid var(--game-color-1)!important;color:var(--text-color)}.delete-button:hover:not(:disabled){background:rgba(var(--game-color-1-extracted),.8);transform:translateY(-1px)}.crack-button:disabled,.delete-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.number-pad{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:300px;margin:0 auto}.number-button{width:50px;height:50px;border:none;border-radius:8px;background:rgba(var(--main-color-extracted),.05);color:var(--text-color);font-size:1.2em;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:JetBrains Mono,monospace;border:1px solid rgba(255,255,255,.4)}.number-button:hover:not(:disabled){background:rgba(var(--main-color-extracted),.6);border-color:var(--main-color);transform:translateY(-1px)}.number-button:active:not(:disabled){transform:translateY(0)}.number-button:disabled{opacity:.3;cursor:not-allowed;transform:none}@media (max-width: 600px){.pin-digit{width:68px;height:68px;font-size:2em}.number-pad{grid-template-columns:repeat(5,1fr);max-width:250px}.number-button{width:40px;height:40px;font-size:1em}.game-controls{flex-direction:column;align-items:center}.crack-button,.delete-button{width:120px}}.tower-of-hanoi-area{border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:20px;min-height:400px;-webkit-user-select:none;user-select:none}.game-controls{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:10px;pointer-events:auto}.reset-button{padding:8px 16px;border:2px solid var(--game-color-1)!important;border-radius:6px;background:var(--game-color-1);color:var(--text-color);font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:.9em;white-space:nowrap}.reset-button:hover:not(:disabled){background:rgba(var(--game-color-1-extracted),.8);transform:translateY(-1px)}.reset-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.towers-container{display:flex;justify-content:space-around;align-items:flex-end;flex:1;min-height:300px;padding:20px 0}.tower{position:relative;width:150px;height:250px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.tower:hover{background:rgba(var(--main-color-extracted),.05);border-radius:8px}.tower-pole{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:8px;height:200px;background:#f5f5f5f2;border-radius:4px;box-shadow:0 2px 4px #00000026}.tower-base{width:150px;height:15px;background:#404040f2;border-radius:8px;box-shadow:0 2px 4px #00000040;z-index:1}.disks-container{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:100%;pointer-events:none}.disk{position:absolute;left:50%;transform:translate(-50%);height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9em;color:var(--text-color);cursor:grab;transition:all .2s ease;pointer-events:auto;border:2px solid rgba(var(--main-color-extracted),.2);box-shadow:0 2px 4px #00000040;z-index:10}.disk:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 4px 8px #0000004d;border-color:var(--main-color)}.disk:active{cursor:grabbing}.disk.selected{transform:translate(-50%) translateY(-5px);box-shadow:0 0 0 3px var(--main-color),0 4px 8px #0000004d;border-color:var(--main-color);z-index:20}@keyframes shake{0%,to{transform:translate(-50%) translateY(0)}25%{transform:translate(-45%) translateY(0)}75%{transform:translate(-55%) translateY(0)}}.disk.invalid-move{animation:shake .3s ease-in-out}@media (max-width: 768px){.towers-container{padding:10px 0;min-height:250px}.tower{width:100px;height:200px}.tower-pole{height:150px;width:6px}.tower-base{width:95px;height:12px}.disk{height:15px;font-size:.8em}.game-controls{margin-bottom:15px}}@media (max-width: 480px){.tower-of-hanoi-area{padding:15px;gap:15px}.towers-container{min-height:200px}.tower{width:80px;height:150px}.tower-pole{height:120px;width:5px}.tower-base{width:70px;height:10px}.disk{height:12px;font-size:.7em}.reset-button{padding:6px 12px;font-size:.8em}.game-controls{margin-bottom:10px}}.disk:focus{outline:2px solid var(--main-color);outline-offset:2px}.tower:focus{outline:2px solid var(--main-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){.disk,.tower,.reset-button{animation:none;transition:none}}.sequence-memory-area{border-radius:12px;padding:10px;display:flex;flex-direction:column;min-height:400px;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center}.sequence-grid{display:grid;gap:8px;width:calc(100% - 20px);height:calc(100% - 20px);max-width:calc(100vh - 200px);max-height:calc(100vh - 200px);aspect-ratio:1}.sequence-box{background:#ffffff2e;border:2px solid rgba(var(--main-color-extracted),.06);border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.sequence-box:hover{background:#ffffff3b;border-color:rgba(var(--main-color-extracted),.1);transform:scale(1.02)}.sequence-box.revealed{background:rgba(var(--main-color-extracted),.8);border-color:var(--main-color);transform:scale(1.03)}.sequence-box.correct{background:rgba(var(--main-color-extracted),.8);border-color:var(--main-color);animation:correctPulse .3s ease-out}.sequence-box.wrong{background:rgba(var(--game-color-1-extracted),.8);border-color:var(--game-color-1);animation:wrongShake .3s ease-out}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1.02)}}@keyframes wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@media (max-width: 768px){.sequence-memory-area{padding:8px}.sequence-grid{width:calc(100% - 16px);height:calc(100% - 16px);max-width:calc(100vh - 150px);max-height:calc(100vh - 150px);gap:4px}.sequence-box{border-radius:6px}}@media (max-width: 480px){.sequence-memory-area{padding:5px}.sequence-grid{width:calc(100% - 10px);height:calc(100% - 10px);max-width:calc(100vh - 120px);max-height:calc(100vh - 120px);gap:3px}.sequence-box{border-radius:4px;border-width:1px}}.sequence-box:focus{outline:2px solid var(--main-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){.sequence-box,.sequence-box.revealed,.sequence-box.correct,.sequence-box.wrong{animation:none;transition:none;transform:none}.sequence-box:hover{transform:none}}.ive-seen-it-area{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;min-height:300px;padding:40px 20px;border-radius:12px;border:2px solid var(--main-color)}.word-display-container{display:flex;justify-content:center;align-items:center;min-height:120px;width:100%}.current-word{font-size:3rem;font-weight:700;color:var(--main-color);text-align:center;padding:20px;background:transparent;border-radius:16px;border:2px solid var(--main-color);min-width:200px;word-break:break-word;transition:all .3s ease}.current-word:hover{transform:scale(1.02);background:rgba(var(--main-color-extracted),.05);border-color:var(--main-color)}.choice-buttons{display:flex;gap:30px;justify-content:center;width:100%;max-width:400px}.choice-button{flex:1;padding:16px 24px;font-size:1.2rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;min-height:60px;box-shadow:0 2px 4px #00000040}.seen-button{background:var(--game-color-1);color:var(--text-color);border:2px solid var(--game-color-1)}.seen-button:hover:not(:disabled){background:rgba(var(--game-color-1-extracted),.8);transform:translateY(-2px);box-shadow:0 4px 8px rgba(var(--game-color-1-extracted),.25)}.new-button{background:var(--main-color);color:var(--text-color);border:2px solid var(--main-color)}.new-button:hover:not(:disabled){background:rgba(var(--main-color-extracted),.8);transform:translateY(-2px);box-shadow:0 4px 8px rgba(var(--main-color-extracted),.25)}.choice-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #00000040}.choice-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.ive-seen-it-area .word-progress,.game-overlay-ui .word-progress{font-size:1.1rem;font-weight:600;color:var(--overlay-text);text-align:center;padding:8px 16px;background:var(--overlay-background);border-radius:8px;border:1px solid var(--overlay-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media (max-width: 768px){.ive-seen-it-area{padding:20px 15px;gap:20px}.current-word{font-size:2.2rem;min-width:150px;padding:15px}.choice-buttons{gap:20px;flex-direction:column;max-width:280px}.choice-button{font-size:1.1rem;padding:14px 20px;min-height:55px}}@media (max-width: 480px){.current-word{font-size:1.8rem;min-width:120px;padding:12px}.choice-button{font-size:1rem;padding:12px 18px;min-height:50px}.word-progress{font-size:1rem;padding:6px 12px}}.numbers-area{border-radius:12px;padding:10px;display:flex;flex-direction:column;min-height:400px;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center}.numbers-grid{display:grid;gap:8px;width:calc(100% - 20px);height:calc(100% - 20px);max-width:calc(100vh - 200px);max-height:calc(100vh - 200px);aspect-ratio:1}.number-box{background:#ffffff2e;border:2px solid rgba(var(--main-color-extracted),.06);border-radius:8px;color:var(--text-color);font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-height:60px;aspect-ratio:1;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.number-box:hover:not(:disabled){background:#ffffff3b;border-color:rgba(var(--main-color-extracted),.1);transform:scale(1.02)}.number-box.clicked{background:var(--main-color);border-color:var(--main-color);color:var(--text-color);box-shadow:0 0 8px rgba(var(--main-color-extracted),.25);transform:scale(1.03);animation:correctPulse .3s ease-out}.number-box:disabled{cursor:not-allowed;opacity:.6}@keyframes scramble-warning{0%{box-shadow:inset 0 0 0 3px var(--game-color-4)}50%{box-shadow:inset 0 0 0 3px var(--game-color-4)}to{box-shadow:none}}.scramble-warning{animation:scramble-warning .167s ease-in-out;animation-iteration-count:3}@media (max-width: 768px){.numbers-area{padding:8px}.numbers-grid{width:calc(100% - 16px);height:calc(100% - 16px);max-width:calc(100vh - 150px);max-height:calc(100vh - 150px);gap:4px}.number-box{border-radius:6px;font-size:1.2rem;min-height:45px}}@media (max-width: 480px){.numbers-area{padding:5px}.numbers-grid{width:calc(100% - 10px);height:calc(100% - 10px);max-width:calc(100vh - 120px);max-height:calc(100vh - 120px);gap:3px}.number-box{border-radius:4px;border-width:1px;font-size:1rem;min-height:35px}}.number-box:focus{outline:2px solid var(--main-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){.number-box,.number-box.clicked{animation:none;transition:none;transform:none}.number-box:hover{transform:none}}.unlocked-area{border:2px solid var(--main-color);border-radius:12px;display:flex;align-items:center;justify-content:center;min-height:500px;position:relative}.unlocked-game-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:7px}.unlocked-svg-container{width:100%;height:100%;aspect-ratio:1;max-width:100%;max-height:100%}.unlocked-svg{width:100%;height:100%;transform-origin:center}.unlocked-ring{fill:none;stroke:var(--main-color);stroke-width:3;opacity:1}.unlocked-line-segment{fill:none;stroke-width:3;opacity:.9;transition:opacity .2s ease}.unlocked-dot{transition:transform .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.unlocked-dot circle{stroke:var(--main-color);stroke-width:1;box-shadow:0 2px 4px #00000040}.unlocked-dot-circle{transition:transform .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.unlocked-matched .unlocked-line-segment{opacity:1;stroke-width:10;filter:drop-shadow(0 0 8px currentColor)}.unlocked-matched .unlocked-dot circle{stroke:currentColor;stroke-width:2;filter:drop-shadow(0 0 8px currentColor)}.unlocked-center-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:rgba(var(--main-color-extracted),.05);border:2px solid var(--main-color);display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .3s ease;pointer-events:none;z-index:5}.unlocked-center-indicator.completed{background:var(--main-color);border-color:var(--main-color);transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 20px rgba(var(--main-color-extracted),.4)}.unlocked-guide-line{stroke:#4b5563;stroke-width:1;opacity:.3}.unlocked-completing{animation:unlocked-pulse .6s ease-in-out}@keyframes unlocked-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 480px){.unlocked-area{min-height:400px}.unlocked-svg-container{max-width:350px;max-height:350px}.unlocked-center-indicator{width:50px;height:50px;font-size:1.25rem}}@media (prefers-contrast: high){.unlocked-ring{stroke:var(--text-color);opacity:.6}.unlocked-line-segment{stroke-width:10}.unlocked-guide-line{opacity:.4}}.aim-it-area{position:relative}.aim-it-game{display:flex;flex-direction:column;height:100%}.game-instructions{text-align:center;color:var(--text-color);font-size:16px;margin-bottom:20px;line-height:1.4}.game-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-color)}.stage-info h2{font-size:32px;margin:0 0 10px;color:var(--accent-color)}.stage-info p{font-size:18px;margin:0 0 30px;opacity:.9}.game-playing{display:flex;flex-direction:column;height:100%}.game-area{position:relative}.target{position:absolute;cursor:pointer;z-index:10;animation:targetAppear .1s ease-out}@keyframes targetAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.crosshair{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;border:2px solid #ffffff;box-shadow:0 2px 8px var(--shadow-drop)}.crosshair:before{content:"";position:absolute;width:100%;height:100%;border:1px solid #999999;border-radius:50%;z-index:1}.crosshair:after{content:"";position:absolute;width:66.667%;height:66.667%;border:1px solid #cccccc;border-radius:50%;z-index:2}.crosshair-ring{width:33.333%;height:33.333%;border:1px solid #cccccc;border-radius:50%;position:absolute;z-index:3}.crosshair-center{width:2px;height:2px;background:#ccc;border-radius:50%;position:absolute;z-index:5}.crosshair-lines{position:absolute;width:100%;height:100%;z-index:4}.line{position:absolute;background:#ccc}.line.vertical{width:2px;height:100%;left:50%;top:0;transform:translate(-50%)}.line.horizontal{width:100%;height:2px;left:0;top:50%;transform:translateY(-50%)}.hit-effect.hit{color:var(--success-color);text-shadow:0 0 4px var(--success-color)}.hit-effect.miss{color:var(--error-color);text-shadow:0 0 4px var(--error-color)}.game-result{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-color);text-align:center}.game-result h2{font-size:36px;margin:0 0 20px;color:var(--accent-color)}.game-result p{font-size:18px;margin:0 0 30px;opacity:.9}.stats{display:flex;gap:40px;margin-bottom:30px;flex-wrap:wrap;justify-content:center}.stats p{margin:0;font-size:20px;font-weight:600}@media (max-width: 768px){.game-overlay-ui{gap:0}.targets-remaining{font-size:var(--font-size-medium)}.stats{gap:20px}}@media (max-width: 480px){.game-area{min-height:300px}.crosshair-center{width:1px;height:1px}.crosshair-ring{border-width:1px}.line,.line.vertical,.line.horizontal{background:#ccc}.line.vertical{width:1px}.line.horizontal{height:1px}}@media (prefers-reduced-motion: reduce){.target,.hit-effect,.game-area{animation:none;transition:none}}.game-overlay-ui{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;gap:0;align-items:baseline;z-index:5;pointer-events:none}.aim-it-area .targets-remaining,.game-overlay-ui .targets-remaining{font-size:1.1rem;font-weight:600;color:var(--overlay-text);text-align:center;padding:8px 16px;background:var(--overlay-background);border-radius:8px;border:1px solid var(--overlay-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.stage-progress-container{display:flex;gap:4px;height:12px;margin-top:20px;margin-bottom:0;width:100%}.stage-progress-bar{background:var(--bg-light);border-radius:6px;overflow:hidden;position:relative}.stage-progress-bar.current{background:var(--bg-medium);box-shadow:0 0 4px var(--shadow-inset-bright)}.stage-progress-bar.completed{background:var(--accent-color)}.stage-progress-bar.failed{background:var(--error-color);box-shadow:0 0 6px var(--error-color)}.progress-fill{height:100%;background:var(--warning-color);transition:width .1s ease-out;border-radius:6px}.stage-progress-bar.completed .progress-fill{background:var(--accent-color)}.stage-progress-bar.failed .progress-fill{background:var(--error-color)}.stick-it-area{border:2px solid var(--main-color);border-radius:12px;padding:20px;display:flex;justify-content:center;align-items:center;position:relative;min-height:500px;width:100%}.stick-it-game-container{display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;width:100%;height:100%}.stick-it-circle{border:3px solid var(--main-color);border-radius:50%;position:relative;transition:none;background:radial-gradient(circle,rgba(var(--main-color-extracted),.3),rgba(var(--main-color-extracted),1) 75%);box-shadow:0 0 20px rgba(var(--main-color-extracted),.3)}.stick-it-pin-line{position:absolute;height:4px;background:#f5f5f5e6;transform-origin:0% 50%}.stick-it-pin-head{position:absolute;width:20px;height:20px;background:var(--game-color-4);border-radius:50%;box-shadow:0 0 10px rgba(var(--game-color-4-extracted),.4)}.stick-it-shooter-arrow{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:0;height:0;pointer-events:none;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:20px solid var(--main-color);filter:drop-shadow(0 0 8px rgba(var(--main-color-extracted),.4))}.stick-it-shooter-arrow:before{content:"";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);width:4px;height:15px;background:var(--main-color);box-shadow:0 0 6px rgba(var(--main-color-extracted),.25)}.stick-it-shooter-arrow:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid var(--main-color)}.stick-it-shooting-pin{position:absolute;z-index:5;pointer-events:none}.stick-it-tap-hint{position:absolute;bottom:50px;left:50%;transform:translate(-50%);color:var(--text-secondary);font-size:12px;font-weight:500;opacity:.7;animation:pulseHint 2s ease-in-out infinite;background:rgba(var(--main-color-extracted),.05);padding:6px 12px;border-radius:16px;border:1px solid rgba(var(--main-color-extracted),.2);pointer-events:none}@keyframes pulseHint{0%,to{opacity:.7;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.05)}}@media (max-width: 768px){.stick-it-area{padding:15px;min-height:450px}}@media (max-width: 480px){.stick-it-area{padding:10px;min-height:400px}.stick-it-tap-hint{font-size:11px;bottom:20px}}.breach-protocol-area{border-radius:8px;color:var(--main-color);font-family:JetBrains Mono,Courier New,monospace;overflow:hidden;position:relative}.breach-protocol-area .game-overlay-ui{position:absolute;top:10px;left:50%;transform:translate(-50%);width:auto;height:60px;z-index:1000;pointer-events:none;overflow:visible}.breach-protocol-area .game-overlay-ui .overlay-element{pointer-events:auto;display:block;text-align:center;box-sizing:border-box}.breach-info{background:transparent;border:none;padding:0;display:inline-block;text-align:center;box-sizing:border-box}.sequence-info{display:flex;flex-direction:column;align-items:center;gap:8px}.target-sequence{display:flex;gap:4px;flex-wrap:wrap;align-items:center;justify-content:center}.code-chip{background:rgba(var(--main-color-extracted),.08);border:1px solid var(--main-color);border-radius:5px;padding:7px 12px;font-size:20px;font-weight:700;color:var(--main-color);transition:all .3s ease;text-shadow:0 0 5px rgba(var(--main-color-extracted),.6)}.code-chip.completed{background:var(--main-color);box-shadow:0 0 8px rgba(var(--main-color-extracted),.4);color:var(--text-color)}.buffer-display{display:flex;gap:4px;align-items:center;justify-content:center}.buffer-slot{width:27px;height:10px;background:rgba(var(--main-color-extracted),.15);border:1px solid var(--main-color);border-radius:4px;transition:all .3s ease;flex-shrink:0}.buffer-slot.filled{background:var(--main-color);box-shadow:0 0 4px rgba(var(--main-color-extracted),.5)}.selection-mode{text-align:center;margin-top:4px}.mode-indicator{font-size:10px;color:var(--game-color-4);font-weight:700;text-shadow:0 0 5px rgba(var(--game-color-4),.6);background:rgba(var(--game-color-4),.1);padding:2px 6px;border-radius:3px;border:1px solid var(--game-color-4);white-space:nowrap}.security-matrix{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;margin:75px auto 5px;gap:var(--matrix-gap, 12px);position:relative;z-index:2;width:680px;height:680px;max-width:95vw;max-height:85vh}.matrix-row{display:flex;gap:var(--matrix-gap, 12px)}.matrix-cell{width:var(--cell-size, 50px);height:var(--cell-size, 50px);background:rgba(var(--main-color-extracted),.03);border:2px solid var(--main-color);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.matrix-cell:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(var(--main-color-extracted),.2),transparent);opacity:0;transition:opacity .2s ease}.matrix-cell:hover:before{opacity:1}.matrix-cell:hover{border-color:var(--main-color);transform:scale(1.05)}.matrix-cell.highlighted{border-color:var(--game-color-4)!important;background:rgba(var(--game-color-4),.12)!important;box-shadow:0 0 15px rgba(var(--game-color-4),.4)}.matrix-cell.selected{border-color:var(--main-color)!important;background:rgba(var(--main-color-extracted),.75)!important;box-shadow:0 0 25px rgba(var(--main-color-extracted),.8)}.matrix-cell.in-path{border-color:var(--main-color)!important;background:rgba(var(--main-color-extracted),.15)!important;box-shadow:0 0 10px rgba(var(--main-color-extracted),.35)}.matrix-cell:disabled{cursor:not-allowed;opacity:.5}.hex-code{font-size:calc(var(--cell-size, 50px) * .3 * var(--font-scale, 1));font-weight:700;color:var(--main-color);text-shadow:0 0 5px rgba(var(--main-color-extracted),.6);font-family:JetBrains Mono,Courier New,monospace;z-index:1;position:relative}.matrix-cell.highlighted .hex-code{color:var(--game-color-4);text-shadow:0 0 8px rgba(var(--game-color-4-extracted),.7)}.matrix-cell.selected .hex-code{color:var(--text-color);text-shadow:0 0 10px rgba(var(--main-color-extracted),.7)}.matrix-cell.in-path .hex-code{color:var(--text-color);text-shadow:0 0 8px rgba(var(--main-color-extracted),.6)}@media (max-width: 768px){.breach-info{padding:8px}.sequence-info{gap:6px}.target-sequence,.buffer-display{justify-content:center;gap:3px}.security-matrix{padding:15px;margin-top:75px;margin-left:5px;margin-right:5px;width:650px;height:650px}}@media (max-width: 480px){.security-matrix{padding:10px;margin-top:70px;margin-left:5px;margin-right:5px;width:500px;height:500px}.sequence-info{gap:5px}.code-chip{padding:2px 4px;font-size:10px}}@keyframes matrix-load{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.matrix-cell{animation:matrix-load .3s ease-out;animation-delay:calc(var(--cell-index, 0) * .05s)}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}.breach-protocol-area.penalty-flash .security-matrix{animation:glitch .5s ease-in-out}.data-stream-area{border-radius:8px;color:var(--main-color);font-family:JetBrains Mono,Courier New,monospace;overflow:hidden;position:relative;height:100%;min-height:400px}.data-stream-area .game-overlay-ui{position:absolute;top:10px;left:50%;transform:translate(-50%);width:auto;height:80px;z-index:1000;pointer-events:none;overflow:visible}.data-stream-area .game-overlay-ui .overlay-element{pointer-events:auto;display:block;text-align:center;box-sizing:border-box}.stream-info{background:transparent;border:none;padding:0;display:inline-block;text-align:center;box-sizing:border-box}.targets-info{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.targets-label{font-size:14px;color:var(--text-color);font-weight:700}.targets-count{background:rgba(var(--main-color-extracted),.12);border:1px solid var(--main-color);border-radius:4px;padding:4px 8px;font-size:16px;font-weight:700;color:var(--text-color);text-shadow:0 0 5px rgba(var(--main-color-extracted),.6)}.target-list{display:flex;gap:4px;flex-wrap:nowrap;align-items:center;justify-content:center;overflow-x:auto;max-width:100%}.target-packet{background:rgba(var(--main-color-extracted),.15);border:1px solid var(--main-color);border-radius:4px;padding:3px 6px;font-size:14px;font-weight:700;color:var(--text-color);transition:all .3s ease;text-shadow:0 0 3px rgba(var(--main-color-extracted),.6);white-space:nowrap;flex-shrink:0}.target-packet.captured{background:var(--main-color);color:var(--text-color);box-shadow:0 0 8px rgba(var(--main-color-extracted),.4)}.target-packet.completed{background:rgba(var(--game-color-2-extracted),.2);border-color:var(--game-color-2);color:var(--game-color-2);text-shadow:0 0 3px rgba(var(--game-color-2-extracted),.6);box-shadow:0 0 6px rgba(var(--game-color-2-extracted),.4);opacity:.8}.network-channels{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.network-channel{position:absolute;left:0;right:0;height:50px;display:flex;align-items:center}.channel-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(var(--main-color-extracted),.15) 10%,rgba(var(--main-color-extracted),.08) 50%,rgba(var(--main-color-extracted),.15) 90%,transparent 100%);top:50%;transform:translateY(-50%)}.channel-line:before{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(var(--main-color-extracted),.25) 50%,transparent 100%);top:50%;transform:translateY(-50%);animation:data-flow 2s linear infinite}@keyframes data-flow{0%{transform:translate(-100%) translateY(-50%)}to{transform:translate(100%) translateY(-50%)}}.channel-label{position:absolute;left:10px;top:50%;transform:translateY(-50%);background:rgba(var(--main-color-extracted),.08);border:1px solid var(--main-color);border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700;color:var(--main-color);text-shadow:0 0 3px rgba(var(--main-color-extracted),.6)}.packets-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.data-packet{position:absolute;width:120px;height:40px;border-radius:6px;cursor:pointer;transition:all .2s ease;z-index:3;animation:packet-spawn .3s ease-out;display:flex;align-items:center;justify-content:center;text-align:center}@keyframes packet-spawn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.data-packet.target{background:linear-gradient(135deg,var(--main-color),rgba(var(--main-color-extracted),.8));border:2px solid var(--main-color);box-shadow:0 0 10px rgba(var(--main-color-extracted),.4)}.data-packet.decoy{background:linear-gradient(135deg,rgba(var(--text-secondary-extracted),.2),rgba(var(--text-secondary-extracted),.1));border:2px solid var(--text-secondary);box-shadow:0 0 8px rgba(var(--text-secondary-extracted),.25)}.data-packet:hover{transform:scale(1.05)}.data-packet.target:hover{box-shadow:0 0 15px rgba(var(--main-color-extracted),.6);border-color:var(--main-color)}.data-packet.decoy:hover{box-shadow:0 0 12px rgba(var(--text-secondary-extracted),.35);border-color:var(--text-secondary)}.packet-content{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;height:100%;box-sizing:border-box}.packet-label{font-size:11px;font-weight:700;font-family:JetBrains Mono,Courier New,monospace}.data-packet.target .packet-label{color:var(--main-color);text-shadow:0 0 3px rgba(var(--main-color-extracted),.6)}.data-packet.decoy .packet-label{color:var(--text-secondary);text-shadow:0 0 2px rgba(var(--text-secondary-extracted),.4)}.encryption-indicator{font-size:14px;opacity:.8}.decryption-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:overlay-appear .3s ease-out;padding:20px;box-sizing:border-box}@keyframes overlay-appear{0%{opacity:0}to{opacity:1}}.decryption-panel{background:linear-gradient(135deg,rgba(var(--main-color-extracted),.08),rgba(var(--main-color-extracted),.05));border:2px solid var(--main-color);border-radius:12px;padding:25px;text-align:center;box-shadow:0 0 30px rgba(var(--main-color-extracted),.4);animation:panel-slide-in .4s ease-out;max-width:75vw;max-height:85vh;overflow-y:auto;min-width:420px;margin:30px}@keyframes panel-slide-in{0%{transform:scale(.8) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.decryption-panel h3{color:var(--main-color);font-size:20px;margin:0 0 15px;text-shadow:0 0 8px rgba(var(--main-color-extracted),.6)}.decryption-instructions{background:rgba(var(--main-color-extracted),.15);border:1px solid var(--main-color);border-radius:6px;padding:12px;margin-bottom:20px;font-size:14px;color:var(--text-color);text-align:center;font-weight:500;line-height:1.4;max-width:100%}.encryption-pattern{display:flex;flex-direction:column;gap:15px;align-items:center;margin-bottom:20px}.encrypted-text{font-size:32px;font-weight:700;color:var(--game-color-4);background:rgba(var(--game-color-4-extracted),.12);border:1px solid var(--game-color-4);border-radius:6px;padding:12px 16px;letter-spacing:2px;text-shadow:0 0 8px rgba(var(--game-color-4-extracted),.6);font-family:JetBrains Mono,Courier New,monospace;word-break:keep-all;white-space:nowrap;overflow:hidden;max-width:100%;line-height:1.4;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center}.pattern-input{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.pattern-input input{background:rgba(var(--main-color-extracted),.15);border:2px solid var(--main-color);border-radius:6px;padding:8px 12px;font-size:16px;color:var(--text-color);text-align:center;letter-spacing:2px;font-family:JetBrains Mono,Courier New,monospace;outline:none;transition:all .3s ease;min-width:240px}.pattern-input input:focus{border-color:var(--main-color);box-shadow:0 0 10px rgba(var(--main-color-extracted),.4)}.pattern-input button{background:var(--main-color);border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:700;color:var(--text-color);cursor:pointer;transition:all .3s ease;text-shadow:0 0 3px rgba(0,0,0,.5)}.pattern-input button:hover:not(:disabled){background:rgba(var(--main-color-extracted),.8);box-shadow:0 0 15px rgba(var(--main-color-extracted),.5);transform:scale(1.05)}.pattern-input button:disabled{opacity:.5;cursor:not-allowed}.packet-info{font-size:14px;color:var(--text-secondary);margin-top:8px;text-align:center}.packet-name{color:var(--main-color);font-weight:700;text-shadow:0 0 5px rgba(var(--main-color-extracted),.4)}.reference-chart{margin-top:15px;padding-top:12px;border-top:1px solid var(--main-color)}.reference-grid{background:rgba(var(--main-color-extracted),.1);border:1px solid rgba(var(--main-color-extracted),.2);border-radius:8px;padding:10px;margin-bottom:10px}.reference-title{font-size:14px;font-weight:700;color:var(--text-color);text-align:center;margin-bottom:8px;text-shadow:0 0 5px rgba(var(--main-color-extracted),.4)}.reference-items{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:3px}.reference-item{background:rgba(var(--main-color-extracted),.15);border:1px solid var(--main-color);border-radius:4px;padding:6px 8px;font-size:20px;font-weight:500;color:var(--text-color);text-align:center;font-family:JetBrains Mono,Courier New,monospace;transition:all .2s ease;word-break:break-all;line-height:1.1}.reference-item:hover{background:rgba(var(--main-color-extracted),.25);border-color:var(--main-color);box-shadow:0 0 8px rgba(var(--main-color-extracted),.3);transform:scale(1.05)}@media (max-width: 768px){.data-packet{width:100px;height:35px}.packet-content{padding:6px 8px}.packet-label{font-size:10px}.encryption-indicator{font-size:12px}.decryption-panel{padding:20px;margin:20px;min-width:300px}.encrypted-text{font-size:24px;letter-spacing:1px;padding:10px 12px;min-height:50px}.pattern-input input{font-size:14px;padding:6px 10px;min-width:180px}.reference-items{grid-template-columns:repeat(4,1fr);gap:5px}.reference-item{font-size:18px;padding:6px 8px}}@media (max-width: 480px){.data-packet{width:90px;height:30px}.packet-content{padding:4px 6px}.packet-label{font-size:9px}.target-list{gap:4px}.target-packet{font-size:10px;padding:3px 6px}.decryption-panel{padding:15px;margin:15px;min-width:280px}.decryption-panel h3{font-size:16px}.decryption-instructions{font-size:12px;padding:8px}.encrypted-text{font-size:20px;letter-spacing:1px;padding:8px 10px;min-height:45px}.pattern-input input{min-width:120px}.reference-items{grid-template-columns:repeat(4,1fr);gap:4px}.reference-item{font-size:16px;padding:4px 6px}.reference-title{font-size:14px}}.network-channel:after{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;background:var(--main-color);border-radius:50%;transform:translateY(-50%);animation:traffic-pulse 3s ease-in-out infinite;box-shadow:0 0 6px var(--main-color)}@keyframes traffic-pulse{0%,to{opacity:0;transform:translate(0) translateY(-50%) scale(.5)}50%{opacity:1;transform:translate(50vw) translateY(-50%) scale(1)}}.electrical-box-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;min-height:300px;gap:30px}.target-voltage-display{position:absolute;bottom:20px;left:20px;background:transparent;border:2px solid var(--main-color);border-radius:8px;padding:8px 16px;display:flex;align-items:center;gap:8px;box-shadow:0 0 15px rgba(var(--main-color-extracted),.3);z-index:15;white-space:nowrap;min-width:max-content}.target-voltage-display .voltage-label{font-size:12px;font-weight:700;color:var(--main-color);text-transform:uppercase;letter-spacing:.5px}.target-voltage-display .voltage-value{font-size:16px;font-weight:700;color:var(--text-color);font-family:JetBrains Mono,monospace}.indicator-lights-section{display:flex;justify-content:center;align-items:flex-end;width:100%;max-width:600px;height:120px;position:relative;margin-bottom:40px}.indicator-light{width:24px;height:24px;border-radius:50%;border:2px solid rgba(55,65,81,1);background:#374151;box-shadow:0 0 10px #37415140,inset 0 2px 4px #ffffff1a;transition:all .3s ease;position:relative;margin:0 2px;z-index:20}.indicator-light.active{border:2px solid var(--game-color-2);background:var(--game-color-2);box-shadow:0 0 20px rgba(var(--game-color-2-extracted),.6),0 0 40px rgba(var(--game-color-2-extracted),.3),inset 0 2px 4px #fff3}.cable-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.cable-path{position:absolute;stroke:var(--game-color-1);stroke-width:3;fill:none;transition:all .3s ease;filter:drop-shadow(0 0 4px rgba(var(--game-color-1-extracted),.3));opacity:0;transition:opacity .1s ease;stroke-dasharray:8 4}.cable-path.ready{opacity:1}.cable-path.active{stroke:var(--game-color-2);filter:drop-shadow(0 0 8px rgba(var(--game-color-2-extracted),.5));animation:electricityFlow 1.5s linear infinite}@keyframes electricityFlow{0%{stroke-dashoffset:0;filter:drop-shadow(0 0 8px rgba(var(--game-color-2-extracted),.5))}50%{filter:drop-shadow(0 0 12px rgba(var(--game-color-2-extracted),.8))}to{stroke-dashoffset:-12;filter:drop-shadow(0 0 8px rgba(var(--game-color-2-extracted),.5))}}.simon-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(var(--main-color-extracted),.05);border:2px solid var(--game-color-4);border-radius:12px;padding:16px 24px;z-index:25;box-shadow:0 0 20px rgba(var(--game-color-4-extracted),.4)}.simon-status .status-message{font-size:18px;font-weight:700;color:var(--game-color-4);text-transform:uppercase;letter-spacing:1px;text-align:center;animation:pulse 1.5s ease-in-out infinite}.current-voltage-display{position:absolute;top:-54px;left:50%;transform:translate(-50%);background:transparent;border:2px solid var(--text-secondary);border-radius:8px;padding:8px 16px;display:flex;align-items:center;gap:8px;box-shadow:0 0 10px rgba(var(--text-secondary-extracted),.25);z-index:15;white-space:nowrap;min-width:max-content}.current-voltage-display .voltage-label{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.current-voltage-display .voltage-value{font-size:16px;font-weight:700;color:var(--text-color);font-family:JetBrains Mono,monospace}.breaker-box{background:linear-gradient(145deg,#2d3748,#1a202c);border:3px solid rgba(74,85,104,1);border-radius:12px;padding:25px;box-shadow:0 8px 25px #00000080,inset 0 1px 4px #ffffff1f;position:relative}.switches-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 30px;align-items:center;justify-content:center}.switch-container{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.switch-label{font-size:22px;font-weight:700;color:var(--text-secondary);letter-spacing:.5px;text-align:center;margin-top:-5.5px;margin-bottom:-5.5px}.switch-socket{position:absolute;width:12px;height:12px;background:#1a202c;border:2px solid rgba(74,85,104,1);border-radius:3px;box-shadow:inset 0 1px 2px #0009,0 1px 3px #00000040;z-index:20}.switch-socket-left{left:-8px;top:50%;transform:translateY(-50%)}.switch-socket-right{right:-8px;top:50%;transform:translateY(-50%)}.switch-socket:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#2d3748;border-radius:1px;box-shadow:inset 0 1px 1px #000c}.breaker-switch{width:60px;height:100px;background:linear-gradient(145deg,#4a5568,#2d3748);border:2px solid rgba(26,32,44,1);border-radius:8px;position:relative;cursor:pointer;box-shadow:0 4px 8px #0006,inset 0 1px 3px #ffffff26;transition:all .2s ease}.breaker-switch:hover{box-shadow:0 4px 8px #0000004d,inset 0 1px 2px #ffffff26,0 0 15px rgba(var(--main-color-extracted),.25)}.switch-handle{position:absolute;width:40px;height:20px;background:linear-gradient(145deg,var(--text-secondary),rgba(var(--text-secondary-extracted),.7));border:1px solid rgba(var(--main-color-extracted),.3);border-radius:4px;left:50%;transform:translate(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 2px 4px #0003,inset 0 1px 1px #ffffff26}.switch-handle.off{top:15px;background:var(--game-color-1);border-color:var(--game-color-1);box-shadow:0 2px 4px #0003,inset 0 1px 1px #ffffff1a,0 0 8px rgba(var(--game-color-1-extracted),.4)}.switch-handle.on{top:65px;background:var(--game-color-2);border-color:var(--game-color-2);box-shadow:0 2px 4px #0003,inset 0 1px 1px #ffffff26,0 0 8px rgba(var(--game-color-2-extracted),.4)}.switch-handle:before{content:attr(data-state);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:16px;font-weight:700;color:var(--text-color);letter-spacing:.5px}.status-display{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px;padding:12px 20px;background:rgba(var(--main-color-extracted),.05);border:1px solid rgba(var(--main-color-extracted),.3);border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-text{font-size:14px;font-weight:600;color:var(--text-secondary);letter-spacing:.5px}.status-indicator{width:12px;height:12px;border-radius:50%;background:var(--main-color);box-shadow:0 0 8px rgba(var(--main-color-extracted),.4);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes switchFlip{0%{transform:translate(-50%) rotateY(0)}50%{transform:translate(-50%) rotateY(180deg) scale(1.1)}to{transform:translate(-50%) rotateY(360deg)}}.switch-handle.flipping{animation:switchFlip .4s ease-in-out}.breaker-switch.interference-effect{border:3px solid var(--game-color-1)!important;box-shadow:0 0 15px rgba(var(--game-color-1-extracted),.6)!important;animation:interferenceGlow 1s ease-in-out}.breaker-switch.boost-effect{border:3px solid var(--game-color-2)!important;box-shadow:0 0 15px rgba(var(--game-color-2-extracted),.6)!important;animation:boostGlow 1s ease-in-out}.breaker-switch.affected-flash{animation:affectedFlash .8s ease-in-out}@keyframes interferenceGlow{0%,to{border-color:var(--game-color-1);box-shadow:0 0 15px rgba(var(--game-color-1-extracted),.6)}50%{border-color:rgba(var(--game-color-1-extracted),.8);box-shadow:0 0 25px rgba(var(--game-color-1-extracted),.8)}}@keyframes boostGlow{0%,to{border-color:var(--game-color-2);box-shadow:0 0 15px rgba(var(--game-color-2-extracted),.6)}50%{border-color:rgba(var(--game-color-2-extracted),.8);box-shadow:0 0 25px rgba(var(--game-color-2-extracted),.8)}}@keyframes affectedFlash{0%,to{border-color:#1a202c}25%,75%{border-color:var(--game-color-1);box-shadow:0 0 20px rgba(var(--game-color-1-extracted),.7)}50%{border-color:rgba(var(--game-color-1-extracted),.8);box-shadow:0 0 30px rgba(var(--game-color-1-extracted),.9)}}@media (max-width: 768px){.electrical-box-area{padding:15px;gap:20px}.breaker-box{padding:20px}.switches-grid{gap:15px 20px}.breaker-switch{width:50px;height:80px}.switch-handle{width:32px;height:16px}.switch-handle.off{top:12px}.switch-handle.on{top:52px}.indicator-lights-section{height:60px}.indicator-light{width:20px;height:20px}}@media (max-width: 480px){.switches-grid{gap:12px 15px}.breaker-switch{width:45px;height:70px}.switch-handle{width:28px;height:14px}.switch-handle.off{top:10px}.switch-handle.on{top:46px}.indicator-light{width:16px;height:16px}}.pipe-pressure-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px;gap:10px;min-height:400px;height:100%}.pipe-grid{display:grid;gap:1px;background:transparent;padding:6px;border-radius:8px;border:2px solid var(--main-color);box-shadow:0 0 20px rgba(var(--main-color-extracted),.3);width:calc(100% - 10px);height:calc(100% - 10px);max-width:calc(100% - 10px);max-height:calc(100% - 10px);aspect-ratio:1}.pipe-tile{background:transparent;border:1px solid rgba(var(--main-color-extracted),.25);border-radius:4px;cursor:pointer;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;min-height:50px;overflow:hidden}.pipe-tile:hover{background:rgba(var(--main-color-extracted),.05);border-color:var(--main-color);transform:scale(1.05);box-shadow:0 0 10px rgba(var(--main-color-extracted),.25)}.pipe-tile.special{background:rgba(var(--main-color-extracted),.08);border-color:var(--main-color);box-shadow:0 0 8px rgba(var(--main-color-extracted),.2)}.pipe-tile.special:hover{background:rgba(var(--main-color-extracted),.15);box-shadow:0 0 15px rgba(var(--main-color-extracted),.4)}.pipe-visual{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.pipe-straight .pipe-visual:before{content:"";position:absolute;background:#a0a0a0;border-radius:2px}.pipe-straight.rotate-0 .pipe-visual:before,.pipe-straight.rotate-2 .pipe-visual:before{width:18px;height:100%;left:50%;transform:translate(-50%)}.pipe-straight.rotate-1 .pipe-visual:before,.pipe-straight.rotate-3 .pipe-visual:before{width:100%;height:18px;top:50%;transform:translateY(-50%)}.pipe-elbow .pipe-visual:before,.pipe-elbow .pipe-visual:after{content:"";position:absolute;background:#a0a0a0;border-radius:2px}.pipe-elbow.rotate-0 .pipe-visual:before{width:18px;height:calc(50% + 9px);left:50%;top:0;transform:translate(-50%)}.pipe-elbow.rotate-0 .pipe-visual:after{width:calc(50% + 9px);height:18px;right:0;top:50%;transform:translateY(-50%)}.pipe-elbow.rotate-1 .pipe-visual:before{width:calc(50% + 9px);height:18px;right:0;top:50%;transform:translateY(-50%)}.pipe-elbow.rotate-1 .pipe-visual:after{width:18px;height:calc(50% + 9px);left:50%;bottom:0;transform:translate(-50%)}.pipe-elbow.rotate-2 .pipe-visual:before{width:18px;height:calc(50% + 9px);left:50%;bottom:0;transform:translate(-50%)}.pipe-elbow.rotate-2 .pipe-visual:after{width:calc(50% + 9px);height:18px;left:0;top:50%;transform:translateY(-50%)}.pipe-elbow.rotate-3 .pipe-visual:before{width:calc(50% + 9px);height:18px;left:0;top:50%;transform:translateY(-50%)}.pipe-elbow.rotate-3 .pipe-visual:after{width:18px;height:calc(50% + 9px);left:50%;top:0;transform:translate(-50%)}.pipe-tJunction .pipe-visual:before,.pipe-tJunction .pipe-visual:after{content:"";position:absolute;background:#a0a0a0;border-radius:2px}.pipe-tJunction.rotate-0 .pipe-visual:before{width:18px;height:50%;left:50%;top:0;transform:translate(-50%)}.pipe-tJunction.rotate-0 .pipe-visual:after{width:100%;height:18px;top:50%;transform:translateY(-50%)}.pipe-tJunction.rotate-1 .pipe-visual:before{width:50%;height:18px;right:0;top:50%;transform:translateY(-50%)}.pipe-tJunction.rotate-1 .pipe-visual:after{width:18px;height:100%;left:50%;transform:translate(-50%)}.pipe-tJunction.rotate-2 .pipe-visual:before{width:18px;height:50%;left:50%;bottom:0;transform:translate(-50%)}.pipe-tJunction.rotate-2 .pipe-visual:after{width:100%;height:18px;top:50%;transform:translateY(-50%)}.pipe-tJunction.rotate-3 .pipe-visual:before{width:50%;height:18px;left:0;top:50%;transform:translateY(-50%)}.pipe-tJunction.rotate-3 .pipe-visual:after{width:18px;height:100%;left:50%;transform:translate(-50%)}.pipe-start .pipe-visual:before,.pipe-end .pipe-visual:before{content:"";position:absolute;background:var(--main-color);border-radius:2px;box-shadow:0 0 6px rgba(var(--main-color-extracted),.4)}.pipe-start.rotate-0 .pipe-visual:before,.pipe-end.rotate-2 .pipe-visual:before{width:18px;height:50%;left:50%;bottom:0;transform:translate(-50%)}.pipe-start.rotate-1 .pipe-visual:before,.pipe-end.rotate-3 .pipe-visual:before{width:50%;height:18px;left:0;top:50%;transform:translateY(-50%)}.pipe-start.rotate-2 .pipe-visual:before,.pipe-end.rotate-0 .pipe-visual:before{width:18px;height:50%;left:50%;top:0;transform:translate(-50%)}.pipe-start.rotate-3 .pipe-visual:before,.pipe-end.rotate-1 .pipe-visual:before{width:50%;height:18px;right:0;top:50%;transform:translateY(-50%)}.pipe-label{position:absolute;font-size:10px;font-weight:700;color:var(--main-color);text-shadow:0 0 4px rgba(0,0,0,.7);z-index:2;top:2px;left:50%;transform:translate(-50%);white-space:nowrap;pointer-events:none}.pipe-tile.has-flow{box-shadow:0 0 15px rgba(var(--main-color-extracted),.4);border-color:var(--main-color)}.pipe-tile.has-flow .pipe-visual:before,.pipe-tile.has-flow .pipe-visual:after{background:var(--main-color);box-shadow:0 0 8px rgba(var(--main-color-extracted),.6);animation:flowPulse 1s ease-in-out infinite alternate}@keyframes flowPulse{0%{filter:brightness(1)}to{filter:brightness(1.3)}}.pipe-tile.fluid-water.has-flow{box-shadow:0 0 15px rgba(var(--game-color-3-extracted),.4)}.pipe-tile.fluid-water.has-flow .pipe-visual:before,.pipe-tile.fluid-water.has-flow .pipe-visual:after{background:var(--game-color-3);box-shadow:0 0 8px rgba(var(--game-color-3-extracted),.6)}.pipe-tile.fluid-gas.has-flow{box-shadow:0 0 15px rgba(var(--game-color-4-extracted),.4)}.pipe-tile.fluid-gas.has-flow .pipe-visual:before,.pipe-tile.fluid-gas.has-flow .pipe-visual:after{background:var(--game-color-4);box-shadow:0 0 8px rgba(var(--game-color-4-extracted),.6)}.pipe-tile.burst{background:rgba(var(--game-color-1-extracted),.15);border-color:var(--game-color-1);animation:burstShake .5s ease-in-out}.pipe-tile.burst .pipe-visual:before,.pipe-tile.burst .pipe-visual:after{background:var(--game-color-1);animation:burstFlash .5s ease-in-out}@keyframes burstShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes burstFlash{0%,to{opacity:1}50%{opacity:.3}}.pipe-tile .pipe-visual:before,.pipe-tile .pipe-visual:after{transition:all .1s ease}.pipe-tile .pipe-fill{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:hidden}.pipe-tile .pipe-fill:before,.pipe-tile .pipe-fill:after{content:"";position:absolute;background:var(--main-color);opacity:0;border-radius:2px;transition:opacity .3s ease}.pipe-tile.has-flow .pipe-fill:before,.pipe-tile.has-flow .pipe-fill:after{opacity:.9}.pipe-straight.rotate-0 .pipe-fill:before,.pipe-straight.rotate-2 .pipe-fill:before{width:18px;height:100%;left:50%;top:0;transform:translate(-50%)}.pipe-straight.rotate-1 .pipe-fill:before,.pipe-straight.rotate-3 .pipe-fill:before{width:100%;height:18px;top:50%;left:0;transform:translateY(-50%)}.pipe-elbow .pipe-fill:before,.pipe-elbow .pipe-fill:after{content:"";position:absolute;background:var(--main-color);border-radius:2px}.pipe-elbow.rotate-0 .pipe-fill:before{width:18px;height:calc(50% + 9px);left:50%;top:0;transform:translate(-50%)}.pipe-elbow.rotate-0 .pipe-fill:after{width:calc(50% + 9px);height:18px;right:0;top:50%;transform:translateY(-50%)}.pipe-elbow.rotate-1 .pipe-fill:before{width:calc(50% + 9px);height:18px;right:0;top:50%;transform:translateY(-50%)}.pipe-elbow.rotate-1 .pipe-fill:after{width:18px;height:calc(50% + 9px);left:50%;bottom:0;transform:translate(-50%)}.pipe-elbow.rotate-2 .pipe-fill:before{width:18px;height:calc(50% + 9px);left:50%;bottom:0;transform:translate(-50%)}.pipe-elbow.rotate-2 .pipe-fill:after{width:calc(50% + 9px);height:18px;left:0;top:50%;transform:translateY(-50%)}.pipe-elbow.rotate-3 .pipe-fill:before{width:calc(50% + 9px);height:18px;left:0;top:50%;transform:translateY(-50%)}.pipe-elbow.rotate-3 .pipe-fill:after{width:18px;height:calc(50% + 9px);left:50%;top:0;transform:translate(-50%)}.pipe-tJunction .pipe-fill:before,.pipe-tJunction .pipe-fill:after{content:"";position:absolute;background:var(--main-color);border-radius:2px}.pipe-tJunction.rotate-0 .pipe-fill:before{width:18px;height:50%;left:50%;top:0;transform:translate(-50%)}.pipe-tJunction.rotate-0 .pipe-fill:after{width:100%;height:18px;top:50%;transform:translateY(-50%)}.pipe-tJunction.rotate-1 .pipe-fill:before{width:50%;height:18px;right:0;top:50%;transform:translateY(-50%)}.pipe-tJunction.rotate-1 .pipe-fill:after{width:18px;height:100%;left:50%;transform:translate(-50%)}.pipe-tJunction.rotate-2 .pipe-fill:before{width:18px;height:50%;left:50%;bottom:0;transform:translate(-50%)}.pipe-tJunction.rotate-2 .pipe-fill:after{width:100%;height:18px;top:50%;transform:translateY(-50%)}.pipe-tJunction.rotate-3 .pipe-fill:before{width:50%;height:18px;left:0;top:50%;transform:translateY(-50%)}.pipe-tJunction.rotate-3 .pipe-fill:after{width:18px;height:100%;left:50%;transform:translate(-50%)}.pipe-start .pipe-fill:before,.pipe-end .pipe-fill:before{content:"";position:absolute;background:var(--main-color);border-radius:2px;box-shadow:0 0 8px rgba(var(--main-color-extracted),.5)}.pipe-start.rotate-0 .pipe-fill:before{width:18px;height:50%;left:50%;bottom:0;transform:translate(-50%)}.pipe-start.rotate-1 .pipe-fill:before{width:50%;height:18px;left:0;top:50%;transform:translateY(-50%)}.pipe-start.rotate-2 .pipe-fill:before{width:18px;height:50%;left:50%;top:0;transform:translate(-50%)}.pipe-start.rotate-3 .pipe-fill:before{width:50%;height:18px;right:0;top:50%;transform:translateY(-50%)}.pipe-end.rotate-0 .pipe-fill:before{width:18px;height:50%;left:50%;top:0;transform:translate(-50%)}.pipe-end.rotate-1 .pipe-fill:before{width:50%;height:18px;right:0;top:50%;transform:translateY(-50%)}.pipe-end.rotate-2 .pipe-fill:before{width:18px;height:50%;left:50%;bottom:0;transform:translate(-50%)}.pipe-end.rotate-3 .pipe-fill:before{width:50%;height:18px;left:0;top:50%;transform:translateY(-50%)}.pipe-tile.fluid-water .pipe-fill:before,.pipe-tile.fluid-water .pipe-fill:after{background:var(--game-color-3)}.pipe-tile.fluid-gas .pipe-fill:before,.pipe-tile.fluid-gas .pipe-fill:after{background:var(--game-color-4)}.start-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(var(--main-color-extracted),.1);border:2px solid var(--main-color);border-radius:12px;padding:20px;text-align:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 25px rgba(var(--main-color-extracted),.25)}.start-button{background:rgba(var(--main-color-extracted),.2);border:2px solid var(--main-color);color:var(--text-color);padding:12px 24px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 10px rgba(var(--main-color-extracted),.2)}.start-button:hover{background:rgba(var(--main-color-extracted),.3);box-shadow:0 0 20px rgba(var(--main-color-extracted),.4);transform:translateY(-2px)}.start-button:active{transform:translateY(0)}.stage-info{color:var(--text-secondary);font-size:14px;margin-bottom:15px;text-align:center;font-weight:500}@media (max-width: 768px){.pipe-pressure-area{padding:10px;gap:8px}.pipe-grid{gap:1px;padding:4px;width:calc(100% - 20px);height:calc(100% - 20px);max-width:calc(100% - 20px);max-height:calc(100% - 20px)}.pipe-tile{min-height:40px}.pipe-label{font-size:8px}.start-button{padding:10px 20px;font-size:14px}}@media (max-width: 480px){.pipe-pressure-area{padding:5px;gap:5px}.pipe-grid{gap:1px;padding:3px;width:calc(100% - 10px);height:calc(100% - 10px);max-width:calc(100% - 10px);max-height:calc(100% - 10px)}.pipe-tile{min-height:35px}.pipe-label{font-size:7px}}.keys-area{border-radius:12px;padding:clamp(8px,2vw,15px);display:flex;flex-direction:column;height:100%;width:100%;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;box-sizing:border-box;overflow:hidden}.keys-grid{display:grid;gap:clamp(5px,.8vw,9px);width:100%;height:100%;max-width:min(100%,80vh);box-sizing:border-box;place-items:stretch;place-content:stretch}.key-box{background:#ffffff2e;border:2px solid rgba(var(--main-color-extracted),.06);border-radius:clamp(4px,.5vw,8px);color:var(--text-color);font-family:JetBrains Mono,monospace;font-size:clamp(.7rem,3vw,1.2rem);font-weight:700;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;width:100%;height:100%;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;pointer-events:none;box-sizing:border-box}.key-box.pressed{background:var(--main-color);border-color:var(--main-color);color:var(--text-color);box-shadow:0 0 6px rgba(var(--main-color-extracted),.15);transform:scale(1.03);animation:correctPulse .3s ease-out}.key-box.next{background:#ffffff3b;border-color:var(--main-color);box-shadow:0 0 4px rgba(var(--main-color-extracted),.12);animation:nextPulse 2s infinite}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1.03)}}@keyframes nextPulse{0%,to{box-shadow:0 0 4px rgba(var(--main-color-extracted),.12);border-color:var(--main-color)}50%{box-shadow:0 0 8px rgba(var(--main-color-extracted),.2);border-color:rgba(var(--main-color-extracted),.8)}}@media (max-width: 768px){.keys-area{padding:12px}}@media (max-width: 480px){.keys-area{padding:10px}.key-box{border-width:1px}}.key-box:focus{outline:2px solid var(--main-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){.key-box,.key-box.pressed,.key-box.next{animation:none;transition:none;transform:none}}.fingerprint-area{border-radius:12px;padding:20px;display:flex;flex-direction:column;height:100%;width:100%;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;box-sizing:border-box}.fingerprint-container{display:flex;flex-direction:column;width:100%;height:100%;justify-content:space-between;align-items:stretch;gap:0;padding:0}.fingerprint-row{display:flex;align-items:stretch;width:100%;height:20%;position:relative}.fingerprint-part{flex:1;width:100%;height:100%;background:transparent;border:2px solid rgba(var(--main-color-extracted),.8);border-radius:8px;display:flex;align-items:center;justify-content:stretch;overflow:hidden;position:relative;margin:-2px 0 0;transition:all .3s ease}.fingerprint-part:first-child{margin-top:0}.fingerprint-part:hover{border-color:rgba(var(--main-color-extracted),.8)}.fingerprint-part.correct{border-color:rgba(var(--main-color-extracted),.8)!important;border-width:3px!important;background:transparent}.section-control{flex:0 0 60px;height:100%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-user-select:none;user-select:none;position:relative;background:transparent}.section-control-left{background:transparent;border-right:1px solid rgba(var(--main-color-extracted),.8);border-radius:6px 0 0 6px}.section-control-right{background:transparent;border-left:1px solid rgba(var(--main-color-extracted),.8);border-radius:0 6px 6px 0}.section-control:hover{background:transparent}.section-control-left:hover{background:transparent;border-right-color:rgba(var(--main-color-extracted),.8)}.section-control-right:hover{background:transparent;border-left-color:rgba(var(--main-color-extracted),.8)}.control-arrow{color:rgba(var(--main-color-extracted),.8);font-family:JetBrains Mono,monospace;font-size:1.8rem;font-weight:700;opacity:.7;transition:all .3s ease}.section-control:hover .control-arrow{opacity:1;color:rgba(var(--main-color-extracted),.8);transform:scale(1.1)}.fingerprint-content{flex:1;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.fingerprint-image{width:100%;height:100%;object-fit:cover;border-radius:0}.target-fingerprint-stack{position:relative;width:100%;height:100%}.row-indicator{position:absolute;top:5px;left:5px;background:#000c;color:var(--text-color);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700}@keyframes correctMatch{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.fingerprint-part.correct{animation:correctMatch .5s ease-out}@media (max-width: 768px){.fingerprint-area{padding:15px}.fingerprint-container{gap:0}.fingerprint-row{height:20%}.section-control{flex:0 0 50px}.control-arrow{font-size:1.5rem}}@media (max-width: 480px){.fingerprint-area{padding:10px}.fingerprint-container{gap:0}.fingerprint-row{height:20%}.section-control{flex:0 0 40px}.control-arrow{font-size:1.3rem}}.section-control:focus{outline:2px solid rgba(var(--main-color-extracted),.8);outline-offset:-2px}@media (prefers-reduced-motion: reduce){.section-control,.section-control:hover,.control-arrow,.fingerprint-part.correct{transition:none;animation:none}.section-control:hover .control-arrow{transform:none}}.breaker-area{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;-webkit-user-select:none;user-select:none;border-radius:8px}.breaker-canvas-container{position:relative;flex:1;width:100%;height:100%;min-height:0}.breaker-canvas{width:100%;height:100%;display:block;border-radius:6px;cursor:none}.breaker-blocks-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.breaker-blocks-container-inner{position:absolute;top:0;left:50%;width:100%;height:20%;transform:translate(-50%)}.breaker-block{aspect-ratio:2.5/1;background:var(--hover-color);border:2px solid var(--active-color);border-radius:8px;position:relative;overflow:hidden;transition:all .3s ease;box-sizing:border-box}.breaker-block:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,var(--shadow-inset-light) 3px,var(--shadow-inset-light) 4px),repeating-linear-gradient(90deg,transparent,transparent 8px,var(--hover-color) 8px,var(--hover-color) 9px);pointer-events:none;z-index:1}.breaker-block:hover{background:var(--shadow-inset-light);border-color:var(--active-color);transform:scale(1.02)}.breaker-block.regular{background:var(--block-color);border-color:var(--block-color);box-shadow:-1 0 10px rgba(var(--block-color-extracted),.29);opacity:.9}.breaker-block.exploding{background:var(--game-color-1);border-color:var(--game-color-1);box-shadow:0 0 15px rgba(var(--game-color-1-extracted),.4);animation:pulse-red 2s infinite}.breaker-block.multiball{background:var(--game-color-2);border-color:var(--game-color-2);box-shadow:0 0 15px rgba(var(--game-color-2-extracted),.4);animation:pulse-green 2s infinite}.breaker-block.paddleexpand{background:var(--game-color-3);border-color:var(--game-color-3);box-shadow:0 0 15px rgba(var(--game-color-3-extracted),.4);animation:pulse-blue 2s infinite}.breaker-block.extralife{background:var(--game-color-5);border-color:var(--game-color-5);box-shadow:0 0 15px rgba(var(--game-color-5-extracted),.4);animation:pulse-orange 2s infinite}.breaker-block.doublehit{background:var(--game-color-4);border-color:var(--game-color-4);box-shadow:0 0 15px rgba(var(--game-color-4-extracted),.4);animation:pulse-yellow 2s infinite}.breaker-block.doublehit.hit-once{background:rgba(var(--game-color-4-extracted),.6);border-color:var(--game-color-4);box-shadow:0 0 20px rgba(var(--game-color-4-extracted),.5);animation:pulse-yellow 1.5s infinite}.breaker-block.doublehit.hit-once:after{background:repeating-linear-gradient(0deg,transparent,transparent 3px,var(--active-color) 3px,var(--active-color) 4px),repeating-linear-gradient(90deg,transparent,transparent 8px,var(--shadow-inset-light) 8px,var(--shadow-inset-light) 9px)}.breaker-block.doublehit.hit-once:before{content:""}.breaker-block:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:900;font-family:JetBrains Mono,monospace;z-index:2;opacity:0}.breaker-block-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;color:#0009;pointer-events:none;z-index:3;text-shadow:0 0 2px rgba(0,0,0,.3)}.breaker-block-icon.multi-ball{display:flex;align-items:center;justify-content:center;gap:.1px;font-size:16px}.breaker-block.exploding .breaker-block-icon{font-size:18px}.breaker-block.paddleexpand .breaker-block-icon{font-size:24px}.breaker-block.extralife .breaker-block-icon{font-size:14px}.breaker-block.doublehit .breaker-block-icon{font-size:16px}.breaker-paddle{border-radius:8px;background:var(--main-color);border:2px solid black;box-shadow:0 4px 8px #0000004d,inset 0 1px #fff;transition:width .3s ease,transform .1s ease;z-index:3}.breaker-paddle.expanded{background:var(--main-color);box-shadow:0 4px 12px #00000080,inset 0 1px #fff}.breaker-ball{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#f0f0f0);border:2px solid rgba(60,60,60,1);box-shadow:0 2px 4px #0000004d,inset -1px -1px 2px #c8c8c8cc;z-index:4;transition:transform .05s ease}.breaker-lives-display{position:absolute;top:5px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;background:var(--overlay-dark);padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;color:var(--text-color);border:1px solid var(--active-color);z-index:6;pointer-events:none}.lives-label{color:var(--muted-color)}.lives-count{color:var(--error-color);font-size:14px;font-weight:700}.breaker-powerup-notification{display:flex;align-items:center;justify-content:center;background:var(--overlay-dark);padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;color:var(--success-color);border:1px solid var(--active-color);z-index:6;pointer-events:none;animation:powerup-notification-fade 2s ease-out forwards}@keyframes powerup-notification-fade{0%{opacity:0;transform:translate(-50%) translateY(10px)}20%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.breaker-ui{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;z-index:5;pointer-events:none}.breaker-stats{display:flex;gap:20px;align-items:center}.breaker-stat{display:flex;align-items:center;gap:6px;background:var(--overlay-medium);padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600;color:var(--text-color);border:1px solid var(--active-color)}.breaker-stat.lives{color:var(--error-color)}.breaker-stat.blocks{color:var(--info-color)}.breaker-powerups{display:flex;gap:8px;align-items:center}.breaker-powerup{display:flex;align-items:center;gap:4px;background:var(--overlay-dark);padding:4px 8px;border-radius:16px;font-size:12px;font-weight:600;color:var(--text-color);border:1px solid var(--border-light);animation:pulse-glow 1s infinite alternate}.breaker-powerup.paddle-expand{border-color:var(--game-green);color:var(--success-color)}@keyframes pulse-red{0%,to{box-shadow:0 0 15px rgba(var(--game-color-1-extracted),.4)}50%{box-shadow:0 0 25px rgba(var(--game-color-1-extracted),.6)}}@keyframes pulse-green{0%,to{box-shadow:0 0 15px rgba(var(--game-color-2-extracted),.4)}50%{box-shadow:0 0 25px rgba(var(--game-color-2-extracted),.6)}}@keyframes pulse-blue{0%,to{box-shadow:0 0 15px rgba(var(--game-color-3-extracted),.4)}50%{box-shadow:0 0 25px rgba(var(--game-color-3-extracted),.6)}}@keyframes pulse-yellow{0%,to{box-shadow:0 0 15px rgba(var(--game-color-4-extracted),.4)}50%{box-shadow:0 0 25px rgba(var(--game-color-4-extracted),.6)}}@keyframes pulse-orange{0%,to{box-shadow:0 0 15px rgba(var(--game-color-5-extracted),.4)}50%{box-shadow:0 0 25px rgba(var(--game-color-5-extracted),.6)}}@keyframes pulse-purple{0%,to{box-shadow:0 0 15px rgba(var(--game-color-6-extracted),.4)}50%{box-shadow:0 0 25px rgba(var(--game-color-6-extracted),.6)}}@keyframes pulse-glow{0%{box-shadow:0 0 4px rgba(var(--main-color-extracted),.3)}to{box-shadow:0 0 8px rgba(var(--main-color-extracted),.5)}}.breaker-block.destroying{animation:block-destroy .3s ease-out forwards}@keyframes block-destroy{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(0);opacity:0}}.breaker-explosion{position:absolute;pointer-events:none;z-index:10}.breaker-explosion-particle{position:absolute;width:4px;height:4px;background:var(--warning-color);border-radius:50%;animation:explode .5s ease-out forwards}@keyframes explode{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}@media (max-width: 768px){.breaker-blocks{top:15px;left:15px;right:15px;gap:3px}.breaker-paddle{bottom:30px}.breaker-stat{font-size:12px;padding:4px 8px}.breaker-stats{gap:15px}}.locked-area{display:flex;justify-content:center;align-items:center;min-height:400px;color:var(--main-color)}.safe-container{position:relative;display:flex;justify-content:center;align-items:center;width:600px;height:600px}.safe-circle{position:absolute;border:3px solid var(--main-color);box-shadow:0 0 20px rgba(var(--main-color-extracted),.5),inset 0 0 20px rgba(var(--main-color-extracted),.3);transition:all .3s ease}.safe-circle.active{border-color:var(--main-color);box-shadow:0 0 30px rgba(var(--main-color-extracted),.6),inset 0 0 30px rgba(var(--main-color-extracted),.4);opacity:1}.safe-circle.inactive{border-color:rgba(var(--main-color-extracted),.7);opacity:.6}.safe-circle.opening{animation:circleOpening .8s ease-out forwards}@keyframes circleOpening{0%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.1) rotate(5deg);opacity:.8}to{transform:scale(0) rotate(180deg);opacity:0}}.section-marker{transition:all .2s ease;box-shadow:0 0 3px rgba(var(--main-color-extracted),.5)}.section-marker.target{background:var(--main-color)!important;box-shadow:0 0 8px rgba(var(--main-color-extracted),.6);width:3px!important;animation:pulse-target-marker 1.5s ease-in-out infinite}.section-marker.current{background:var(--game-color-4)!important;box-shadow:0 0 10px rgba(var(--game-color-4-extracted),.6);width:4px!important;animation:pulse-current-marker .5s ease-in-out infinite}.section-marker.completed{background:var(--main-color)!important;box-shadow:0 0 12px rgba(var(--main-color-extracted),.6);width:4px!important;animation:pulse-completed-marker 2s ease-in-out infinite}@keyframes pulse-completed-marker{0%,to{opacity:.8;box-shadow:0 0 12px rgba(var(--main-color-extracted),.6)}50%{opacity:1;box-shadow:0 0 18px rgba(var(--main-color-extracted),.7)}}@keyframes pulse-target-marker{0%,to{opacity:.7;box-shadow:0 0 8px rgba(var(--main-color-extracted),.6)}50%{opacity:1;box-shadow:0 0 15px rgba(var(--main-color-extracted),.7)}}@keyframes pulse-current-marker{0%,to{opacity:.8;box-shadow:0 0 10px rgba(var(--game-color-4-extracted),.6)}50%{opacity:1;box-shadow:0 0 20px rgba(var(--game-color-4-extracted),.7)}}.section-number{transition:all .2s ease;font-family:JetBrains Mono,monospace}.circle-progress-indicator{pointer-events:none}.progress-text{text-shadow:0 1px 2px rgba(0,0,0,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:progress-pulse 1.5s ease-in-out infinite}@keyframes progress-pulse{0%,to{border-color:var(--main-color);box-shadow:0 0 8px rgba(var(--main-color-extracted),.5)}50%{border-color:var(--main-color);box-shadow:0 0 15px rgba(var(--main-color-extracted),.6)}}.locked-arrow{position:absolute;top:50%;left:50%;width:0;height:0;transform-origin:0 0;z-index:10}.arrow-shake-container{position:relative;width:100%;height:100%}.arrow-line{position:absolute;width:3px;background:linear-gradient(to bottom,var(--main-color) 0%,rgba(var(--main-color-extracted),.9) 50%,var(--main-color) 100%);left:-1.5px;border-radius:2px;box-shadow:0 0 8px rgba(var(--main-color-extracted),.5),inset 0 1px 1px #fff3}.arrow-head{position:absolute;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:18px solid var(--main-color);left:-8px;filter:drop-shadow(0 0 5px rgba(var(--main-color-extracted),.5))}.locked-center{position:absolute;width:12px;height:12px;background:radial-gradient(circle,var(--main-color) 0%,rgba(var(--main-color-extracted),.8) 100%);border:2px solid rgba(255,255,255,.8);border-radius:50%;top:50%;left:50%;margin-top:-6px;margin-left:-6px;box-shadow:0 0 15px rgba(var(--main-color-extracted),.5),inset 0 1px 2px #ffffff4d;z-index:15}.locked-arrow.light .arrow-shake-container{animation:lightShake .4s ease-in-out infinite}.locked-arrow.intense .arrow-shake-container{animation:intenseShake .05s ease-in-out infinite}@keyframes lightShake{0%,to{transform:translate(0);filter:drop-shadow(0 0 8px rgba(var(--main-color-extracted),.5))}25%{transform:translate(.5px,.3px);filter:drop-shadow(0 0 10px rgba(var(--main-color-extracted),.6))}50%{transform:translate(-.3px,.5px);filter:drop-shadow(0 0 9px rgba(var(--main-color-extracted),.55))}75%{transform:translate(.3px,-.3px);filter:drop-shadow(0 0 11px rgba(var(--main-color-extracted),.65))}}@keyframes intenseShake{0%{transform:translate(0) rotate(0);filter:drop-shadow(0 0 15px rgba(var(--main-color-extracted),.6))}20%{transform:translate(1.5px,.8px) rotate(.4deg);filter:drop-shadow(0 0 19px rgba(var(--main-color-extracted),.7))}40%{transform:translate(-1.2px,1.5px) rotate(-.4deg);filter:drop-shadow(0 0 17px rgba(var(--main-color-extracted),.65))}60%{transform:translate(1.8px,-.8px) rotate(.3deg);filter:drop-shadow(0 0 20px rgba(var(--main-color-extracted),.75))}80%{transform:translate(-1.5px,-1.2px) rotate(-.3deg);filter:drop-shadow(0 0 16px rgba(var(--main-color-extracted),.6))}to{transform:translate(0) rotate(0);filter:drop-shadow(0 0 15px rgba(var(--main-color-extracted),.6))}}@media (max-width: 768px){.safe-container{width:300px;height:300px}.locked-area{min-height:300px}}@media (max-width: 480px){.safe-container{width:250px;height:250px}.locked-area{min-height:250px}}.pairs-area{display:flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0}.pairs-grid{display:grid;gap:8px;width:calc(100% - 20px);height:calc(100% - 20px);max-width:calc(100vh - 200px);max-height:calc(100vh - 200px);aspect-ratio:1;padding:10px;box-sizing:border-box}.pairs-grid.size-4{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.pairs-grid.size-6{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr)}.pairs-grid.size-8{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr)}.pairs-card{width:100%;height:100%;min-height:40px;position:relative;perspective:1000px;cursor:pointer;outline:none}.pairs-card:focus{outline:none}.pairs-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d;border-radius:8px}.pairs-card.flipped .pairs-card-inner{transform:rotateY(180deg)}.pairs-card-front,.pairs-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:2px solid rgba(var(--main-color-extracted),.06);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:clamp(16px,4vw,32px);transition:all .3s ease;outline:none;overflow:hidden}.pairs-card-front{background:#ffffff2e;border-color:rgba(var(--main-color-extracted),.06)}.pairs-card-back{background:rgba(var(--main-color-extracted),.12);border-color:rgba(var(--main-color-extracted),.08);transform:rotateY(180deg)}.pairs-card-back svg,.pairs-card-front svg{width:1.5em;height:1.5em;color:var(--text-color);display:block}.pairs-card-front svg{opacity:.6;color:var(--text-color)}.pairs-card:hover .pairs-card-front{background:#ffffff3b;border-color:rgba(var(--main-color-extracted),.1);transform:scale(1.02)}.pairs-card.matched .pairs-card-back{background:var(--main-color);border-color:var(--main-color);box-shadow:0 0 8px rgba(var(--main-color-extracted),.25);animation:match-pulse .5s ease-out}.pairs-card.mismatch .pairs-card-back{background:var(--game-color-1)!important;border-color:var(--game-color-1)!important;box-shadow:0 0 8px rgba(var(--game-color-1-extracted),.25);animation:mismatch-shake .3s ease-out}.pairs-card.disabled,.pairs-card.transitioning{pointer-events:none}.pairs-card.transitioning .pairs-card-back{opacity:0}@keyframes match-pulse{0%{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.08)}to{transform:rotateY(180deg) scale(1)}}@keyframes mismatch-shake{0%,to{transform:rotateY(180deg) translate(0)}25%{transform:rotateY(180deg) translate(-2px)}75%{transform:rotateY(180deg) translate(2px)}}@keyframes card-reveal{0%{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.05)}to{transform:rotateY(180deg) scale(1)}}.pairs-card.revealing .pairs-card-back{animation:card-reveal .3s ease-out}@media (max-width: 768px){.pairs-area{padding:8px}.pairs-grid{width:calc(100% - 16px);height:calc(100% - 16px);max-width:calc(100vh - 150px);max-height:calc(100vh - 150px);gap:4px}.pairs-card-front,.pairs-card-back{border-radius:6px;font-size:clamp(14px,3.5vw,24px)}.pairs-card{min-height:35px}}@media (max-width: 480px){.pairs-area{padding:4px}.pairs-grid{width:calc(100% - 8px);height:calc(100% - 8px);max-width:calc(100vh - 120px);max-height:calc(100vh - 120px);gap:2px}.pairs-card-front,.pairs-card-back{border-radius:4px;font-size:clamp(12px,3vw,20px);border-width:1px}.pairs-card{min-height:30px}}.pairs-card:focus-within .pairs-card-front{outline:none}@media (prefers-reduced-motion: reduce){.pairs-card-inner,.pairs-card-front,.pairs-card-back{transition:none}.pairs-card.flipped .pairs-card-inner,.pairs-card-back,.pairs-card:hover .pairs-card-front{transform:none}}.cut-it-area{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px}.cut-it-svg{overflow:visible}@keyframes electrical-dash{0%{stroke-dashoffset:0px}to{stroke-dashoffset:20px}}.cut-it-svg path:hover{filter:brightness(1.2);transition:filter .2s ease}.cut-it-svg circle:hover,.cut-it-svg rect:hover{filter:brightness(1.3);transition:filter .2s ease}.cut-it-svg circle[fill*=orange],.cut-it-svg rect[fill*=red]{animation:tool-pulse 1.5s ease-in-out infinite}@keyframes tool-pulse{0%,to{opacity:1}50%{opacity:.7}}.cut-visual{animation:cut-appear .3s ease-out}@keyframes cut-appear{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:.8;transform:scale(1)}}.revealed-segment{filter:drop-shadow(0 0 8px currentColor);animation:segment-reveal .5s ease-out}@keyframes segment-reveal{0%{opacity:0;stroke-width:2}50%{opacity:1;stroke-width:8}to{opacity:.8;stroke-width:6}}@media (max-width: 768px){.cut-it-svg{width:100%;height:auto;max-width:600px}}@media (max-width: 480px){.cut-it-svg{max-width:500px}}@media (prefers-reduced-motion: reduce){.cut-it-svg path,.cut-visual,.revealed-segment,.cut-it-svg circle,.cut-it-svg rect{animation:none;transition:none}@keyframes electrical-dash{0%,to{stroke-dashoffset:0px}}}.base-game{display:flex;flex-direction:column;height:100%;font-family:var(--font-primary);justify-content:var(--minimal-base-game-justify, flex-start);align-items:var(--minimal-base-game-align, stretch)}.minigame-container:not(.minigame-container-compact) .base-game{min-height:var(--minimal-base-game-min-height, auto)}.minigame-container-compact .base-game{min-height:100%;max-height:100%}.game-instructions{display:var(--minimal-instructions-display, var(--instructions-display, block));width:100%;box-sizing:border-box;background:var(--bg-header, #111827);border:1px solid var(--border-color, #374151);border-radius:var(--border-radius-medium, 8px);padding:var(--padding-medium, 12px);text-align:var(--instructions-text-align);color:var(--instructions-color);font-size:var(--instructions-font-size);margin-bottom:var(--instructions-margin-bottom);line-height:1.4}.game-area{position:relative;width:100%;aspect-ratio:var(--game-area-aspect-ratio);border-radius:var(--game-area-border-radius);border:var(--game-area-border);cursor:crosshair;overflow:hidden;transition:all .3s ease;background:linear-gradient(135deg,var(--gradient-color-1) 0%,var(--gradient-color-2) 50%,var(--gradient-color-3) 100%)}.game-area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent 2px,var(--grid-pattern-color) 2px,var(--grid-pattern-color) 4px),repeating-linear-gradient(0deg,transparent,transparent 2px,var(--grid-pattern-color) 2px,var(--grid-pattern-color) 4px);pointer-events:none;z-index:1}.minigame-container-compact .game-area{aspect-ratio:var(--compact-game-area-aspect-ratio)}.minigame-container-compact .game-instructions{margin-bottom:var(--compact-instructions-margin-bottom)}.minigame-container-compact .game-overlay-ui{top:var(--compact-overlay-position-top)}.minigame-container-compact .minigame-content{padding:var(--compact-content-padding)}.game-overlay-ui{display:flex;position:absolute;top:var(--overlay-position-top);left:50%;transform:translate(-50%);gap:0;align-items:baseline;z-index:5;pointer-events:none}.overlay-element{font-family:var(--font-primary);font-size:var(--overlay-font-size);font-weight:var(--overlay-font-weight);line-height:1;text-shadow:var(--overlay-text-shadow)}.stage-progress-container{display:flex;gap:var(--progress-bar-gap, 4px);height:var(--progress-bar-height, 12px);margin-top:var(--progress-bar-margin-top, 20px);margin-bottom:var(--progress-bar-margin-bottom, 0);width:100%}.stage-progress-bar{background:#fff3;border-radius:var(--progress-bar-border-radius, 6px);overflow:hidden;position:relative;transition:all .3s ease}.stage-progress-bar.current{background:#ffffff4d;box-shadow:0 0 4px #fff6}.stage-progress-bar.completed{background:var(--accent-color, #10b981)}.stage-progress-bar.failed{background:var(--error-color, #ef4444);box-shadow:0 0 6px #ef444499}.progress-fill{height:100%;background:var(--warning-color, #f59e0b);transition:width .1s ease-out;border-radius:var(--progress-bar-border-radius, 6px)}.stage-progress-bar.completed .progress-fill{background:var(--accent-color, #10b981)}.stage-progress-bar.failed .progress-fill{background:var(--error-color, #ef4444)}.hit-effect{position:absolute;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;pointer-events:none;z-index:20;animation:hitEffect .3s ease-out forwards}.hit-effect.hit{color:var(--success-color);text-shadow:0 0 4px rgba(16,185,129,.5)}.hit-effect.miss{color:var(--error-color);text-shadow:0 0 4px rgba(239,68,68,.5)}@keyframes hitEffect{0%{opacity:1;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1) translateY(-20px)}}@media (max-width: 768px){.game-overlay-ui{gap:0}.overlay-element{font-size:var(--font-size-medium);line-height:1}.stage-progress-container{height:8px}}@media (max-width: 480px){.game-area{min-height:300px}}@media (prefers-reduced-motion: reduce){.hit-effect,.game-area{animation:none;transition:none}}.reach-game-area{width:100%;height:100%;position:relative;overflow:hidden}.reach-canvas{background:transparent;border:none;border-radius:0;box-shadow:none;cursor:grab;transition:all .2s ease;display:block;margin:0;padding:0}.reach-canvas:active,.reach-canvas.dragging{cursor:grabbing}@media (max-width: 768px){.reach-canvas:active,.reach-canvas.dragging{cursor:grabbing}}@media (prefers-reduced-motion: reduce){.reach-canvas{transition:none}}.reach-canvas:focus{outline:2px solid var(--accent-color);outline-offset:2px}.reach-canvas.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.rhythm-click-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;overflow:hidden;cursor:crosshair;z-index:100;pointer-events:none}.rhythm-click-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.rhythm-click-line{stroke:var(--text-color, rgba(255, 255, 255, .9));transition:opacity .3s ease}.rhythm-click-circle{position:absolute;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .3s ease;z-index:2;pointer-events:auto}.rhythm-click-circle.opening{animation:circleDisappear 1.2s ease forwards;pointer-events:none}@keyframes circleDisappear{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.rhythm-click-circle.clicked{opacity:0;pointer-events:none;transition:opacity .3s ease}.rhythm-click-circle-inner{width:100%;height:100%;border:4px solid var(--text-color, rgba(255, 255, 255, .9));border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff3;transition:all .2s ease;position:relative;z-index:3}.rhythm-click-circle:hover .rhythm-click-circle-inner{transform:scale(1.05);background:#ffffff40}.rhythm-click-circle.success .rhythm-click-circle-inner{border-color:var(--main-color, rgba(20, 184, 166, 1));box-shadow:0 0 20px var(--main-color, rgba(20, 184, 166, 1));animation:successPulse .3s ease}.rhythm-click-circle.failed .rhythm-click-circle-inner{border-color:var(--result-failure-color, rgba(248, 113, 113, 1));box-shadow:0 0 20px var(--result-failure-color, rgba(248, 113, 113, 1));animation:failShake .3s ease}.rhythm-click-circle-outer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:3px solid var(--text-color, rgba(255, 255, 255, .9));border-radius:50%;pointer-events:none;transition:all .1s linear;z-index:2}.rhythm-click-number{font-size:32px;font-weight:700;color:var(--text-color, rgba(255, 255, 255, .9));text-shadow:0 2px 4px rgba(0,0,0,.8);-webkit-user-select:none;user-select:none}.rhythm-click-result{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;font-weight:700;text-shadow:0 4px 8px rgba(0,0,0,.8);animation:resultFadeIn .3s ease;z-index:10}.rhythm-click-result.success{color:var(--success-color);text-shadow:0 0 20px var(--success-color)}.rhythm-click-result.failed{color:var(--error-color);text-shadow:0 0 20px var(--error-color)}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes failShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes resultFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.rhythm-click-circle{animation:circleFadeIn .3s ease}@keyframes circleFadeIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.progress-timing-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;overflow:hidden;z-index:100;pointer-events:none;display:flex;align-items:flex-end;justify-content:center;padding-bottom:15vh;animation:progressTimingFadeIn .15s ease-out}@keyframes progressTimingFadeIn{0%{opacity:0}to{opacity:1}}.progress-timing-container.closing{animation:progressTimingFadeOut .15s ease-in forwards}@keyframes progressTimingFadeOut{0%{opacity:1}to{opacity:0}}.progress-timing-bar-container{width:90%;max-width:600px;padding:12px 18px;background:var(--container-background, rgba(0, 0, 0, .85));border:2px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:10px;pointer-events:auto}.progress-timing-bar-container.opening{opacity:0;transform:scale(1.5);transition:all .8s ease}.progress-timing-bar-container.minimal{background:transparent;border:none;padding:0}.progress-timing-bar-wrapper{width:100%}.progress-timing-bar-background{position:relative;width:100%;height:30px;overflow:visible;background:transparent;display:flex;align-items:center}.progress-timing-bar-background:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;height:12px;background:#fff3;border-radius:10px}.progress-timing-bar-fill{position:absolute;top:50%;transform:translateY(-50%);left:0;height:12px;border-radius:10px;transition:none;background:var(--main-color, rgba(20, 184, 166, 1));z-index:5}.progress-timing-point{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:30px;height:30px;z-index:10;pointer-events:none}.progress-timing-point{display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-timing-point-top{width:30px;height:9px;border-radius:15px 15px 0 0;background:#fff3;flex-shrink:0;transition:all .2s ease}.progress-timing-point-center{width:30px;height:12px;background:transparent;flex-shrink:0;position:relative;z-index:6;transition:all .2s ease}.progress-timing-point-bottom{width:30px;height:9px;border-radius:0 0 15px 15px;background:#fff3;flex-shrink:0;transition:all .2s ease}.progress-timing-point.success .progress-timing-point-top,.progress-timing-point.success .progress-timing-point-center,.progress-timing-point.success .progress-timing-point-bottom{background:var(--main-color, rgba(20, 184, 166, 1));box-shadow:0 0 8px var(--main-color, rgba(20, 184, 166, 1))}.progress-timing-point.failed .progress-timing-point-top,.progress-timing-point.failed .progress-timing-point-center,.progress-timing-point.failed .progress-timing-point-bottom{background:var(--result-failure-color, rgba(248, 113, 113, 1));box-shadow:0 0 8px var(--result-failure-color, rgba(248, 113, 113, 1))}@media (max-width: 768px){.progress-timing-bar-container{width:95%;max-width:600px;padding:10px 15px}.progress-timing-container{padding-bottom:10vh}}@media (max-width: 480px){.progress-timing-bar-container{width:95%;max-width:600px;padding:8px 12px}}.arrows-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;overflow:hidden;z-index:100;pointer-events:none;display:flex;align-items:flex-end;justify-content:center;padding-bottom:15vh;animation:arrowsFadeIn .15s ease-out}@keyframes arrowsFadeIn{0%{opacity:0}to{opacity:1}}.arrows-container.closing{animation:arrowsFadeOut .15s ease-in forwards}@keyframes arrowsFadeOut{0%{opacity:1}to{opacity:0}}.arrows-game-container{max-width:95%;width:auto;padding:14px 18px;background:var(--container-background, rgba(0, 0, 0, .85));border:2px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:10px;pointer-events:auto;display:flex;flex-direction:column;gap:14px}.arrows-game-container.opening{opacity:0;transform:scale(1.5);transition:all .8s ease}.arrows-game-container.minimal{background:transparent;border:none;padding:0}.arrows-timer-bar{width:100%;height:6px;background:#fff3;border-radius:3px;overflow:hidden;position:relative}.arrows-timer-fill{height:100%;background:var(--main-color, rgba(20, 184, 166, 1));border-radius:4px;transition:width .05s linear}.arrows-timer-fill.failed{background:var(--result-failure-color, rgba(248, 113, 113, 1))}.arrows-bubbles{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:nowrap}.arrows-bubble{width:50px;height:50px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:default;transition:all .2s ease;-webkit-user-select:none;user-select:none;pointer-events:none;aspect-ratio:1}.arrows-bubble svg{opacity:.6;transition:all .2s ease}.arrows-bubble.active{background:#ffffff4d;cursor:default}.arrows-bubble.active svg{opacity:.9}.arrows-bubble.completed{background:var(--main-color, rgba(20, 184, 166, 1));cursor:default}.arrows-bubble.completed svg{opacity:1}.arrows-bubble.failed{background:var(--result-failure-color, rgba(248, 113, 113, 1));cursor:default}.arrows-bubble.failed svg{opacity:1}.arrows-bubble:not(.active):not(.completed){cursor:default;opacity:.5}@media (max-width: 768px){.arrows-game-container{width:auto;max-width:95%;padding:15px 20px}.arrows-container{padding-bottom:10vh}.arrows-bubble{width:42px;height:42px;aspect-ratio:1}.arrows-bubbles{gap:8px}}@media (max-width: 480px){.arrows-game-container{width:auto;max-width:95%;padding:12px 15px}.arrows-bubble{width:35px;height:35px;aspect-ratio:1}.arrows-bubbles{gap:7px}}@keyframes sliderFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sliderFadeOut{0%{opacity:1}to{opacity:0}}.slider-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;overflow:hidden;z-index:100;pointer-events:none;display:flex;align-items:flex-end;justify-content:center;padding-bottom:15vh;animation:sliderFadeIn .15s ease-out}.slider-container.closing{animation:sliderFadeOut .15s ease-in forwards}.slider-bar-container{width:90%;max-width:600px;padding:12px 18px;background:var(--container-background, rgba(0, 0, 0, .85));border:2px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:10px;pointer-events:auto;overflow:visible}.slider-bar-container.opening{opacity:0;transform:scale(1.5);transition:all .8s ease}.slider-bar-container.minimal{background:transparent;border:none;padding:0}.slider-bar-wrapper{width:100%;position:relative;overflow:hidden}.slider-bar-background{width:100%;height:30px;background:transparent;position:relative;overflow:visible;display:flex;align-items:center}.slider-bar-background:before{content:"";position:absolute;left:0;width:100%;height:12px;background:#fff3;border-radius:10px;z-index:0}.slider-center-point{position:absolute;top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10;height:30px;background:var(--main-color, rgba(20, 184, 166, 1));border-radius:6px;transition:background .2s ease}.slider-center-point.failed{background:var(--result-failure-color, rgba(248, 113, 113, 1))}.slider-number{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:700;color:var(--text-color, rgba(255, 255, 255, .9));pointer-events:none;z-index:15;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:color .2s ease,text-shadow .2s ease}.slider-number.success{color:var(--result-success-color, rgba(6, 214, 160, 1));text-shadow:0 0 8px var(--result-success-color, rgba(6, 214, 160, 1))}.slider-number.failed{color:var(--result-failure-color, rgba(248, 113, 113, 1));text-shadow:0 0 8px var(--result-failure-color, rgba(248, 113, 113, 1))}@media (max-width: 768px){.slider-bar-container{width:95%;max-width:600px;padding:10px 15px}.slider-container{padding-bottom:10vh}.slider-number{font-size:28px}}@media (max-width: 480px){.slider-bar-container{width:95%;max-width:600px;padding:8px 12px}.slider-number{font-size:24px}}@keyframes masherFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes masherFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.masher-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:flex-end;justify-content:center;padding-bottom:15vh;z-index:100;pointer-events:none;animation:masherFadeIn .15s ease-out}.masher-container.closing{animation:masherFadeOut .15s ease-in forwards}.masher-circle-wrapper{position:relative;width:200px;height:200px;pointer-events:auto}.masher-circle-wrapper.opening{opacity:0;transform:scale(1.5);transition:all .8s ease}.masher-timer-ring{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.masher-inner-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;z-index:2;transition:width .05s ease,height .05s ease,background .1s ease}.masher-key{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:72px;font-weight:700;color:var(--text-color, rgba(255, 255, 255, .9));z-index:3;text-shadow:0 2px 8px rgba(0,0,0,.5)}@keyframes lockpickFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes lockpickFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.lockpick-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8vh;z-index:100;pointer-events:none;animation:lockpickFadeIn .15s ease-out}.lockpick-container.closing{animation:lockpickFadeOut .15s ease-in forwards}.lockpick-area{position:relative;width:400px;height:400px;pointer-events:auto;cursor:pointer}.lockpick-circle-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lockpick-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:3px solid var(--text-color, rgba(255, 255, 255, .9))}.lockpick-circle-wrapper.opening .lockpick-circle{opacity:0;transform:translate(-50%,-50%) scale(1.5);transition:all .8s ease;border-color:var(--result-success-color, rgba(16, 214, 89, 1))}.lockpick-circle-wrapper.failed .lockpick-circle{border-color:var(--result-failure-color, rgba(248, 113, 113, 1));transition:border-color .2s ease}.lockpick-section-marker{position:absolute;top:50%;left:50%;width:2px;height:12px;z-index:5;transition:background .2s ease}.lockpick-circle-wrapper.opening .lockpick-section-marker{background:var(--result-success-color, rgba(16, 214, 89, 1))!important}.lockpick-circle-wrapper.failed .lockpick-section-marker{background:var(--result-failure-color, rgba(248, 113, 113, 1))!important}.lockpick-arrow{position:absolute;top:50%;left:50%;width:0;height:0;z-index:10}.lockpick-circle-wrapper.opening .lockpick-arrow{opacity:0;transform:scale(1.5);transition:all .8s ease}.lockpick-arrow-shake-container{position:relative}@keyframes lockpickLightShake{0%,to{transform:translate(0)}25%{transform:translate(-1px)}75%{transform:translate(1px)}}@keyframes lockpickIntenseShake{0%,to{transform:translate(0)}10%{transform:translate(-2px)}20%{transform:translate(2px)}30%{transform:translate(-2px)}40%{transform:translate(2px)}50%{transform:translate(-2px)}60%{transform:translate(2px)}70%{transform:translate(-2px)}80%{transform:translate(2px)}90%{transform:translate(-2px)}}.lockpick-arrow.light .lockpick-arrow-shake-container{animation:lockpickLightShake .3s ease-in-out infinite}.lockpick-arrow.intense .lockpick-arrow-shake-container{animation:lockpickIntenseShake .5s ease-in-out infinite}.lockpick-arrow-line{position:absolute;left:50%;width:2px;background:var(--text-color, rgba(255, 255, 255, .9));transform:translate(-50%);transition:background .2s ease}.lockpick-circle-wrapper.opening .lockpick-arrow-line{background:var(--result-success-color, rgba(16, 214, 89, 1))}.lockpick-circle-wrapper.failed .lockpick-arrow-line{background:var(--result-failure-color, rgba(248, 113, 113, 1))}.lockpick-arrow-head{position:absolute;left:50%;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:15px solid var(--text-color, rgba(255, 255, 255, .9));transform:translate(-50%);transition:border-bottom-color .2s ease}.lockpick-circle-wrapper.opening .lockpick-arrow-head{border-bottom-color:var(--result-success-color, rgba(16, 214, 89, 1))}.lockpick-circle-wrapper.failed .lockpick-arrow-head{border-bottom-color:var(--result-failure-color, rgba(248, 113, 113, 1))}.lockpick-center{position:absolute;top:50%;left:50%;width:8px;height:8px;background:var(--text-color, rgba(255, 255, 255, .9));border-radius:50%;transform:translate(-50%,-50%);z-index:15;transition:background .2s ease}.lockpick-circle-wrapper.opening .lockpick-center{opacity:0;transform:translate(-50%,-50%) scale(1.5);transition:all .8s ease;background:var(--result-success-color, rgba(16, 214, 89, 1))}.lockpick-circle-wrapper.failed .lockpick-center{background:var(--result-failure-color, rgba(248, 113, 113, 1))}.circle-click-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:flex-end;justify-content:center;padding-bottom:15vh;z-index:1000}.circle-click-wrapper{position:relative;width:250px;height:250px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.circle-click-wrapper.opening{animation:circleClickDisappear .8s ease forwards}@keyframes circleClickDisappear{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.circle-click-svg{position:absolute;top:0;left:0;z-index:1}.circle-click-border{transition:stroke .3s ease}.circle-click-wrapper.failed .circle-click-border{stroke:var(--result-failure-color, rgba(248, 113, 113, 1))}.circle-click-wrapper.opening .circle-click-border{stroke:var(--result-success-color, rgba(16, 214, 89, 1))}.circle-click-target-zone{transition:stroke .3s ease}.circle-click-wrapper.failed .circle-click-target-zone{stroke:var(--result-failure-color, rgba(248, 113, 113, 1))}.circle-click-segment{transition:stroke .3s ease}.circle-click-wrapper.failed .circle-click-segment{stroke:var(--result-failure-color, rgba(248, 113, 113, 1))}.circle-click-wrapper.opening .circle-click-segment{stroke:var(--result-success-color, rgba(16, 214, 89, 1))}.circle-click-inner-circle{position:relative;width:120px;height:120px;border-radius:50%;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s ease;overflow:hidden}.circle-click-wrapper.failed .circle-click-inner-circle{background:#ef444433}.circle-click-wrapper.opening .circle-click-inner-circle{background:#10b98133}.circle-click-progress-fill{position:absolute;border-radius:50%;background:var(--main-color, rgba(20, 184, 166, .3));transition:width .3s ease,height .3s ease;z-index:0}.circle-click-wrapper.failed .circle-click-progress-fill{background:var(--result-failure-color, rgba(248, 113, 113, .3))}.circle-click-number{font-size:48px;font-weight:700;color:var(--text-color, rgba(255, 255, 255, .9));-webkit-user-select:none;user-select:none;position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,.5)}@keyframes skillBarFadeIn{0%{opacity:0}to{opacity:1}}@keyframes skillBarFadeOut{0%{opacity:1}to{opacity:0}}.skill-bar-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;overflow:hidden;z-index:100;pointer-events:none;display:flex;align-items:flex-end;justify-content:center;padding-bottom:15vh;animation:skillBarFadeIn .15s ease-out}.skill-bar-container.closing{animation:skillBarFadeOut .15s ease-in forwards}.skill-bar-game-container{width:90%;max-width:600px;padding:12px 18px;background:var(--container-background, rgba(0, 0, 0, .85));border:2px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:10px;pointer-events:auto}.skill-bar-game-container.minimal{background:transparent;border:none;padding:0}.skill-bar-wrapper{width:100%;position:relative}.skill-bar-background{position:relative;width:100%;height:30px;overflow:visible;background:transparent;display:flex;align-items:center}.skill-bar-background:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;height:12px;background:#fff3;border-radius:10px}.skill-bar-target-zone{position:absolute;top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:5;height:30px;background:var(--main-color, rgba(20, 184, 166, 1));border-radius:6px;transition:all .2s ease}.skill-bar-target-zone.hit{background:var(--result-success-color, rgba(16, 214, 89, 1));box-shadow:0 0 12px var(--result-success-color, rgba(16, 214, 89, 1))}.skill-bar-target-zone.failed{background:var(--result-failure-color, rgba(248, 113, 113, 1));box-shadow:0 0 12px var(--result-failure-color, rgba(248, 113, 113, 1))}.skill-bar-segment{position:absolute;top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10;height:30px;background:var(--text-color, rgba(255, 255, 255, .9));border-radius:4px}@media (max-width: 768px){.skill-bar-game-container{width:95%;max-width:600px;padding:10px 15px}.skill-bar-container{padding-bottom:10vh}.skill-bar-progress{font-size:14px}}@media (max-width: 480px){.skill-bar-game-container{width:95%;max-width:600px;padding:8px 12px}.skill-bar-progress{font-size:12px}}@keyframes qteCircleFadeIn{0%{opacity:0}to{opacity:1}}@keyframes qteCircleFadeOut{0%{opacity:1}to{opacity:0}}.qte-circle-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;overflow:hidden;z-index:100;pointer-events:none;display:flex;align-items:flex-end;justify-content:center;padding-bottom:15vh;animation:qteCircleFadeIn .15s ease-out}.qte-circle-container.closing{animation:qteCircleFadeOut .15s ease-in forwards}.qte-circle-game{width:250px;height:250px;pointer-events:auto;position:relative}.qte-circle-svg{width:100%;height:100%;filter:drop-shadow(0 0 20px rgba(0,0,0,.5))}.qte-moving-segment{transition:fill .2s ease}@media (max-width: 768px){.qte-circle-game{width:250px;height:250px}}@media (max-width: 480px){.qte-circle-game{width:200px;height:200px}}.color-wheel-toggle{position:fixed;top:50%;left:20px;transform:translateY(-50%);z-index:10000;pointer-events:auto}.color-wheel-show-btn{border-radius:8px;padding:8px 12px;color:#fff;font-size:18px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.color-wheel-show-btn:hover{transform:translateY(-1px)}.color-wheel-container{position:fixed;top:50%;left:20px;transform:translateY(-50%);width:280px;max-height:90vh;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;overflow-y:auto;font-family:Inter,system-ui,sans-serif;font-size:14px;pointer-events:auto}.color-wheel-header{border-radius:12px 12px 0 0;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.color-wheel-header h3{margin:0;color:#fff;font-size:16px;font-weight:600}.color-wheel-hide-btn{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s ease}.color-wheel-hide-btn:hover{background:#ffffff1a}.color-wheel-category,.color-wheel-color-select{padding:12px 16px}.color-wheel-category label,.color-wheel-color-select label{display:block;color:#fff;font-size:12px;font-weight:500;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.color-wheel-category select,.color-wheel-color-select select{width:100%;border-radius:6px;padding:8px 12px;color:#fff;font-size:14px;cursor:pointer;transition:border-color .2s ease}.color-wheel-category select:hover,.color-wheel-color-select select:hover,.color-wheel-category select:focus,.color-wheel-color-select select:focus{outline:none}.color-wheel-category select option,.color-wheel-color-select select option{color:#fff;padding:8px}.color-wheel-picker{padding:16px;display:flex;gap:12px;align-items:flex-start}.color-wheel-canvas{border-radius:8px;cursor:crosshair;transition:border-color .2s ease}.color-wheel-slider{width:24px;height:200px;background:linear-gradient(to top,#000,#fff);border-radius:12px;position:relative;cursor:ns-resize;transition:border-color .2s ease}.color-wheel-slider-handle{position:absolute;left:-4px;width:32px;height:8px;background:#fff;border-radius:4px;cursor:ns-resize;transform:translateY(-50%);box-shadow:0 2px 6px #0000004d;transition:border-color .2s ease}.color-wheel-alpha-container{padding:16px;border-bottom:1px solid rgba(45,45,45,1)}.color-wheel-alpha-container label{display:block;color:#fff;font-size:12px;font-weight:500;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.color-wheel-alpha-slider{width:100%;height:20px;background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;border-radius:10px;position:relative;cursor:ew-resize;border:1px solid rgba(45,45,45,1);transition:border-color .2s ease;overflow:hidden}.color-wheel-alpha-slider:hover{border-color:#14b8a6}.color-wheel-alpha-handle{position:absolute;top:-4px;width:8px;height:28px;background:#fff;border:2px solid rgba(45,45,45,1);border-radius:6px;cursor:ew-resize;transform:translate(-50%);box-shadow:0 2px 6px #0000004d;transition:border-color .2s ease}.color-wheel-alpha-handle:hover{border-color:#14b8a6}.color-wheel-alpha-value{color:#fff;font-size:11px;font-weight:500;text-align:center;margin-top:6px;opacity:.8}.color-wheel-preview{padding:12px 16px}.color-wheel-preview-swatch{width:100%;height:40px;border-radius:8px;position:relative;overflow:hidden}.color-wheel-preview-swatch:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.1) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.1) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.1) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;z-index:-1}.color-wheel-values{padding:16px;border-bottom:1px solid rgba(45,45,45,1)}.color-wheel-hex{margin-bottom:12px}.color-wheel-hex label{display:block;color:#fff;font-size:12px;font-weight:500;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.color-wheel-hex input{width:100%;background:#0000;border:1px solid rgba(45,45,45,1);border-radius:6px;padding:8px 12px;color:#fff;font-size:14px;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:1px}.color-wheel-rgb{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.color-wheel-rgb>div{display:flex;flex-direction:column}.color-wheel-rgb label{color:#fff;font-size:10px;font-weight:500;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px;text-align:center}.color-wheel-rgb input{background:#0000;border:1px solid rgba(45,45,45,1);border-radius:4px;padding:6px 4px;color:#fff;font-size:12px;text-align:center;width:100%;transition:border-color .2s ease}.color-wheel-rgb input:hover,.color-wheel-rgb input:focus{border-color:#14b8a6;outline:none}.color-wheel-rgb input:read-only{opacity:.7;cursor:not-allowed}.color-wheel-actions{padding:16px}.color-wheel-apply-btn{width:100%;border:none;border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.color-wheel-apply-btn:hover{transform:translateY(-1px)}.color-wheel-apply-btn:active{transform:translateY(0)}.color-wheel-container::-webkit-scrollbar{width:6px}.color-wheel-container::-webkit-scrollbar-track{background:transparent}.color-wheel-container::-webkit-scrollbar-thumb{border-radius:3px}@media (max-height: 700px){.color-wheel-container{width:260px}.color-wheel-picker{padding:12px}.color-wheel-canvas{width:160px;height:160px}.color-wheel-slider{height:160px}}@media (prefers-reduced-motion: reduce){.color-wheel-show-btn,.color-wheel-hide-btn,.color-wheel-apply-btn,.color-wheel-category select,.color-wheel-color-select select,.color-wheel-canvas,.color-wheel-slider,.color-wheel-slider-handle,.color-wheel-alpha-slider,.color-wheel-alpha-handle,.color-wheel-rgb input{transition:none}}@media (prefers-contrast: high){.color-wheel-container,.color-wheel-canvas,.color-wheel-slider,.color-wheel-alpha-slider{border:2px solid #ffffff}}.game-info-toggle{position:fixed;top:50%;right:20px;transform:translateY(-50%);z-index:10000;pointer-events:auto}.game-info-show-btn{border-radius:8px;padding:8px 12px;color:var(--text-color);font-size:18px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-info-show-btn:hover{transform:translateY(-1px)}.game-info-container{position:fixed;top:50%;right:20px;transform:translateY(-50%);width:420px;max-height:95vh;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;overflow-y:auto;font-family:Inter,system-ui,sans-serif;font-size:14px;pointer-events:auto}.game-info-header{border-radius:12px 12px 0 0;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.game-info-header h3{margin:0;color:var(--text-color);font-size:16px;font-weight:600}.game-info-hide-btn{background:transparent;border:none;color:var(--text-color);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s ease}.game-info-hide-btn:hover{background:var(--overlay-background)}.game-info-content{padding:0}.game-info-section{padding:16px;border-bottom:1px solid var(--border-color)}.game-info-section:last-child{border-bottom:none}.game-info-section h4{margin:0 0 12px;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-color)}.game-info-section p{margin:0;line-height:1.5;font-size:15px;color:var(--text-secondary)}.game-info-section ul{margin:0;padding-left:16px;list-style-type:disc;color:var(--text-secondary)}.game-info-section li{margin-bottom:6px;line-height:1.5;font-size:15px;color:var(--text-secondary)}.config-options{display:flex;flex-direction:column;gap:8px}.config-option{display:flex;flex-direction:column;gap:2px}.config-key{font-weight:600;font-size:14px;font-family:Fira Code,monospace;white-space:nowrap;color:var(--accent-color)}.config-description{font-size:13px;line-height:1.4;padding-left:8px;word-wrap:break-word;color:var(--text-muted)}.color-info{display:flex;flex-direction:column;gap:8px}.color-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border-color)}.color-item:last-child{border-bottom:none}.color-swatch{width:32px;height:32px;border-radius:6px;border:1px solid var(--border-color);flex-shrink:0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative}.color-swatch:hover{transform:scale(1.1);box-shadow:0 0 8px var(--accent-color, #06d6a0) 40}.color-swatch:active{transform:scale(1.05)}.color-details{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.color-name{font-weight:600;font-size:14px;font-family:Fira Code,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-color)}.color-description{font-size:13px;line-height:1.4;word-wrap:break-word;color:var(--text-muted)}.game-info-container{-ms-overflow-style:none;scrollbar-width:none}.game-info-container::-webkit-scrollbar{display:none}@media (max-height: 700px){.game-info-container{max-height:80vh}.game-info-section{padding:12px}}@media (prefers-reduced-motion: reduce){.game-info-show-btn,.game-info-hide-btn{transition:none}}.games-list{max-height:400px;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;-ms-overflow-style:none;scrollbar-width:none}.games-list::-webkit-scrollbar{display:none}.game-info-search-input{background:none;border:1px solid var(--border-color);width:100%;padding:12px 16px;font-family:var(--font-primary, "Inter, system-ui, sans-serif");font-size:var(--font-size-medium, 1rem);color:var(--text-color);background:var(--bg-header);border-radius:var(--border-radius-medium, 8px);transition:all .2s ease}.game-info-search-input::placeholder{color:var(--text-secondary)}.game-info-search-input:focus{outline:none;border-color:var(--accent-color);background:var(--overlay-background)}.game-info-search-input:hover{border-color:var(--accent-color)}@media (prefers-contrast: high){.game-info-container,.color-swatch{border-width:2px}.game-info-section{border-bottom-width:2px}.game-list-item{border-width:2px}}.bottom-nav-overlay{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:9999;pointer-events:none}.bottom-nav-group{display:flex;flex-direction:row;gap:16px;pointer-events:auto}.bottom-nav-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-family:var(--font-primary);font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap}.bottom-nav-button:hover{box-shadow:0 6px 20px #0000004d!important}.bottom-nav-button:active{transform:translateY(0)!important}@media (max-width: 768px){.bottom-nav-overlay{bottom:15px;left:50%;transform:translate(-50%)}.bottom-nav-group{gap:12px}.bottom-nav-button{padding:.6rem 1.2rem;font-size:.8rem}}@media (max-width: 640px){.bottom-nav-overlay{bottom:10px;left:50%;transform:translate(-50%);width:95vw}.bottom-nav-group{flex-direction:column;gap:8px;width:100%}.bottom-nav-button{padding:.6rem 1rem;font-size:.8rem;justify-content:center;width:100%}}@media (prefers-reduced-motion: reduce){.bottom-nav-button{transition:none}}@media (prefers-contrast: high){.bottom-nav-button{border-width:2px!important}}.nui-wrapper{text-align:center;height:100%;display:flex;justify-content:center;align-items:center}pre{counter-reset:line-numbering;background:#2c3e50;padding:12px 0 14px;color:#ecf0f1;line-height:140%}.popup-thing{background:#282c34;border-radius:10px;width:500px;height:400px;display:flex;justify-content:center;align-items:center;color:#fff}.app{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;font-family:var(--font-primary, "Inter, system-ui, sans-serif")}.dev-controls{position:fixed;bottom:20px;left:20px;z-index:9999}.dev-button{background:var(--bg-container, #1f2937);border:1px solid var(--border-color, #374151);cursor:pointer;font-family:var(--font-primary, "Inter, system-ui, sans-serif");font-size:var(--font-size-small, .875rem);font-weight:500;color:var(--text-color, #f9fafb);padding:var(--padding-small, 8px) var(--padding-medium, 12px);border-radius:var(--border-radius-medium, 8px);box-shadow:var(--shadow-medium, 0 4px 6px rgba(0, 0, 0, .16));transition:all .15s ease;-webkit-user-select:none;user-select:none}.dev-button:hover{background:var(--accent-color, #14b8a6);border-color:var(--accent-color, #14b8a6);transform:translateY(-1px);box-shadow:var(--shadow-heavy, 0 10px 25px rgba(0, 0, 0, .35))}.dev-button:active{transform:translateY(0)}.dev-button:focus-visible{outline:2px solid var(--accent-color, #14b8a6);outline-offset:2px}@media (prefers-reduced-motion: reduce){.dev-button{transition:none}.dev-button:hover{transform:none}}:root{--font-primary: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-secondary: "JetBrains Mono", "Fira Code", Consolas, monospace;--font-size-small: .875rem;--font-size-medium: 1rem;--font-size-large: 1.25rem;--font-size-xlarge: 1.5rem;--header-height: 50px;--padding-small: 8px;--padding-medium: 12px;--padding-large: 20px;--border-radius-small: 6px;--border-radius-medium: 8px;--border-radius-large: 12px;--shadow-light: 0 1px 3px rgba(0, 0, 0, .12);--shadow-medium: 0 4px 6px rgba(0, 0, 0, .16);--shadow-heavy: 0 10px 25px rgba(0, 0, 0, .35);--container-max-width: min(90vw, 800px);--container-max-height: 95vh;--container-min-height: 400px;--container-border-radius: 12px;--header-padding: 0 20px;--header-border-radius: 12px 12px 0 0;--content-padding: 20px;--content-background: transparent;--game-area-border-radius: 8px;--game-area-border: 2px solid #2d2d2d;--game-area-aspect-ratio: 1;--compact-game-area-aspect-ratio: 2.5;--compact-instructions-margin-bottom: 8px;--compact-content-padding: 12px;--compact-overlay-position-top: 8px;--progress-bar-height: 18px;--progress-bar-border-radius: 6px;--progress-bar-gap: 4px;--progress-bar-margin-top: 10px;--progress-bar-margin-bottom: -10px;--instructions-font-size: .875rem;--instructions-margin-bottom: 12px;--instructions-text-align: center;--overlay-font-size: 1.25rem;--overlay-font-weight: 700;--overlay-text-shadow: 0 2px 4px rgba(0, 0, 0, .8);--overlay-position-top: 10px}body.browser-mode:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(../main-background.webp);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;z-index:-1000;opacity:.8}body.fivem-mode:before{display:none}#root{position:relative;z-index:1}.ui-controls-overlay{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;pointer-events:none}.ui-toggle-group{display:flex;flex-direction:row;gap:16px;pointer-events:auto}.ui-toggle{display:flex;align-items:center;gap:12px;background:var(--container-background);border:var(--container-border);border-radius:var(--border-radius-medium);padding:8px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease;font-family:var(--font-primary);font-size:.875rem;color:var(--text-color);box-shadow:var(--shadow-medium)}.ui-toggle:hover{background:var(--bg-header);border-color:var(--accent-color);transform:translateY(-1px);box-shadow:var(--shadow-heavy)}.ui-toggle input[type=checkbox]{display:none}.toggle-slider{position:relative;width:44px;height:24px;background:var(--border-color);border:1px solid var(--border-light);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-color);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000004d}.ui-toggle input[type=checkbox]:checked+.toggle-slider{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color)}.ui-toggle input[type=checkbox]:checked+.toggle-slider:before{transform:translate(20px);background:var(--text-color)}.toggle-label{font-weight:500;white-space:nowrap;min-width:0}@media (max-width: 768px){.ui-controls-overlay{top:10px;left:50%;transform:translate(-50%)}.ui-toggle{padding:6px 8px;font-size:.8rem}.toggle-slider{width:36px;height:20px}.toggle-slider:before{width:16px;height:16px}.ui-toggle input[type=checkbox]:checked+.toggle-slider:before{transform:translate(16px);background:var(--text-color)}}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;font-family:var(--font-primary);font-size:var(--font-size-medium);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow:hidden;backface-visibility:hidden;perspective:1000px}#root{width:100%;height:100%;overflow:hidden}*{will-change:auto}*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}p,span,.selectable{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}button,.interactive{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--border-color: #ffffff;--text-secondary: #ffffff}}*:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}*:focus:not(:focus-visible){outline:none}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius-small)}*::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}