@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap";:root{--primary:#ff6b6b;--secondary:#4ecdc4;--accent:#ffe66d;--bg-gradient:linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);--shadow:0 10px 30px #0000001a;--wall-color:#2d3436}html,body,#root,.app-root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;outline:none}body{background:var(--bg-gradient);color:#333;touch-action:none;justify-content:center;align-items:center;height:100%;font-family:Outfit,-apple-system,BlinkMacSystemFont,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,sans-serif;display:flex;overflow:hidden}.app-root{flex-direction:column;padding:.5rem;display:flex}.home-container{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;width:100%;max-width:900px;height:100%;margin:0 auto;padding:.4rem;display:flex}.home-title{color:var(--primary);text-align:center;text-shadow:2px 2px #fff;margin:0;font-size:clamp(1.6rem,3.5vh,2.2rem)}.games-grid{grid-template-columns:repeat(3,1fr);gap:clamp(.5rem,1.2vw,1rem);width:100%;max-width:820px;display:grid}@media (max-width:480px){.games-grid{grid-template-columns:repeat(2,1fr)}}.game-card{aspect-ratio:1.1;max-height:25vh;box-shadow:var(--shadow);cursor:pointer;border:5px solid #fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.4rem;transition:transform .2s,box-shadow .2s;display:flex}.game-card:active{transform:scale(.95)}.maze-card{background:var(--secondary);color:#fff}.memory-card{color:#fff;background:#6c5ce7}.puzzle-card{color:#fff;background:#ff9f43}.simon-card{color:#fff;background:#2ecc71}.queens-card{color:#fff;background:linear-gradient(135deg,#e84393 0%,#fd79a8 100%)}.devlab-card{color:#fff;background:linear-gradient(135deg,#2d3436 0%,#636e72 100%)}.game-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0003}.game-card-icon-wrapper{background:#ffffff38;border-radius:15px;justify-content:center;align-items:center;gap:.3rem;padding:.3rem .7rem;display:flex}.game-card-icon{font-size:clamp(2rem,4.5vh,3.2rem)}.game-card-arrow{color:#ffffffb3;font-size:clamp(1.2rem,3vh,1.8rem)}.game-card-title{text-align:center;font-size:clamp(1rem,2.4vh,1.3rem);font-weight:700}.home-footer-status{justify-content:center;align-items:center;width:100%;margin-top:.5rem;display:flex}.pwa-status-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#666;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffffd9;border-radius:20px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0000000f}.pwa-status-pill:active{transform:scale(.96)}.pwa-separator{color:#ccc}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.status-dot.online{background-color:#2ecc71;box-shadow:0 0 6px #2ecc71}.status-dot.offline{background-color:#e67e22;box-shadow:0 0 6px #e67e22}.update-available-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;border-radius:25px;padding:.5rem 1.2rem;font-size:.95rem;font-weight:700;animation:2s ease-in-out infinite pulse-update;box-shadow:0 4px 15px #6c5ce766}@keyframes pulse-update{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.back-btn{box-shadow:var(--shadow);cursor:pointer;z-index:1000;background:#fff;border:none;border-radius:50px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.9rem;font-weight:700;display:flex;position:absolute;top:.5rem;left:.5rem}.menu-container{flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:1100px;height:100%;margin:0 auto;padding:.5rem;display:flex}.menu-title{display:none}.menu-section{flex-direction:column;gap:.2rem;width:100%;display:flex}.menu-section h3{color:#666;text-align:center;font-size:1.2rem}.difficulty-options{justify-content:center;gap:1.5rem;display:flex}.diff-btn{box-shadow:var(--shadow);cursor:pointer;background:#fff;border:4px solid #0000;border-radius:20px;align-items:center;gap:.8rem;width:auto;min-width:140px;padding:.8rem 1.2rem;transition:all .2s;display:flex}.diff-btn span{font-size:2rem}.diff-btn p{color:#555;font-size:1.1rem;font-weight:700}.diff-btn.active{border-color:var(--secondary);background:#f0fffb;transform:scale(1.1)}.start-btn{color:#fff;background:var(--primary);cursor:pointer;border:none;border-radius:50px;margin-top:1rem;padding:1.2rem 3rem;font-size:1.8rem;font-weight:700;transition:all .1s;box-shadow:0 8px #d63031}.start-btn:active{transform:translateY(4px);box-shadow:0 4px #d63031}.puzzle-theme-grid{flex:1;grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;max-height:50vh;padding:.5rem;display:grid;overflow-y:auto}.puzzle-theme-card{box-shadow:var(--shadow);cursor:pointer;background:#fff;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:.3rem;padding:.4rem;transition:all .2s;display:flex}.puzzle-theme-preview{aspect-ratio:1;background-position:50%;background-size:cover;border-radius:25px;width:100%}.puzzle-theme-card span{color:#444;white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:.2rem;font-size:.8rem;font-weight:700;overflow:hidden}.puzzle-theme-card.active{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 0 20px #ff6b6b66}.puzzle-menu-compact{flex-direction:column!important;gap:.5rem!important;height:100%!important;padding:.5rem!important;display:flex!important}.puzzle-header{width:100%;box-shadow:var(--shadow);z-index:10;background:#fff;border-radius:20px;justify-content:space-between;align-items:center;padding:.4rem 1rem;display:flex;position:relative}.puzzle-header .back-btn{margin:0!important;padding:.4rem 1rem!important;font-size:.9rem!important;position:static!important}.puzzle-difficulty-compact{gap:.8rem;display:flex}.diff-btn-mini{cursor:pointer;background:#f8f9fa;border:2px solid #eee;border-radius:12px;align-items:center;gap:.4rem;padding:.3rem .8rem;transition:all .2s;display:flex}.diff-btn-mini span{font-size:1.2rem}.diff-btn-mini small{color:#666;font-size:.8rem;font-weight:700}.diff-btn-mini.active{background:var(--secondary);border-color:#fff;box-shadow:0 4px 10px #4ecdc44d}.diff-btn-mini.active small{color:#fff}.segmented-control{background:#f1f3f5;border:2px solid #eee;border-radius:12px;align-items:center;gap:.2rem;padding:.3rem;display:flex}.segmented-label{color:#888;text-transform:uppercase;margin:0 .5rem;font-size:.8rem;font-weight:700}.segmented-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.4rem .8rem;font-size:1rem;font-weight:700;transition:all .2s}.segmented-btn.active{color:var(--secondary);background:#fff;transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.start-btn-mini{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:.4rem 1.2rem;font-size:1rem;font-weight:700;box-shadow:0 4px #d63031}.start-btn-mini:active{transform:translateY(2px);box-shadow:0 2px #d63031}.puzzle-menu-compact .puzzle-theme-grid{flex:1;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:.4rem;max-height:none;padding:.2rem;display:grid;overflow:hidden}.puzzle-menu-compact .puzzle-theme-card{height:100%;padding:.2rem}.puzzle-menu-compact .puzzle-theme-card span{margin-top:-2px;font-size:.7rem}.memory-menu-compact{flex-direction:column!important;gap:.5rem!important;height:100%!important;padding:.5rem!important;display:flex!important}.memory-theme-panels{flex:1;grid-template-columns:minmax(260px,.85fr) minmax(340px,1.15fr);gap:.75rem;width:100%;min-height:0;display:grid;overflow:hidden}.memory-theme-panel{min-width:0;min-height:0;box-shadow:var(--shadow);background:#ffffff7a;border:4px solid #74b9ff;border-radius:20px;flex-direction:column;padding:.7rem;display:flex}.memory-panel-title{color:#fff;letter-spacing:0;background:#0984e3;border-radius:999px;align-self:flex-start;margin:-.2rem 0 .55rem;padding:.25rem .8rem;font-size:.9rem;font-weight:700}.memory-panel-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-auto-rows:minmax(90px,1fr);align-content:start;gap:.65rem;padding:.15rem;display:grid;overflow-y:auto}.theme-card-mini{cursor:pointer;box-shadow:var(--shadow);background:#fff;border:4px solid #eee;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:100%;min-height:100px;transition:all .2s;display:flex}.theme-card-mini.active{border-color:var(--secondary);background:#f0fffb;transform:translateY(-2px);box-shadow:0 0 20px #4ecdc466}.theme-icon-mini{font-size:clamp(1.8rem,5vh,3rem);line-height:1}.theme-name-mini{color:#444;text-align:center;font-size:.95rem;font-weight:700;line-height:1.1}@media (max-width:780px){.memory-theme-panels{grid-template-columns:1fr;overflow-y:auto}.memory-theme-panel{min-height:250px}}.memory-menu-grid{grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;margin:1rem 0;display:grid}.theme-card{box-shadow:var(--shadow);cursor:pointer;background:#fff;border:4px solid #eee;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;transition:all .2s;display:flex}.theme-card.selected{border-color:var(--primary);background:snow;transform:scale(1.05)}.theme-icon{font-size:4rem}.theme-name{color:#444;font-size:1.5rem;font-weight:700}.play-btn{color:#fff;background:var(--secondary);cursor:pointer;border:none;border-radius:60px;margin-top:1rem;padding:1.5rem 4rem;font-size:2.2rem;font-weight:700;transition:all .1s;box-shadow:0 10px #2d9d95}.play-btn:active{transform:translateY(4px);box-shadow:0 6px #2d9d95}.puzzle-game{touch-action:none;height:100dvh;overflow:hidden}.puzzle-layout{flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;width:100%;height:100%;padding:.5rem;display:flex}.puzzle-grid{aspect-ratio:1;width:95vw;max-height:60vh;box-shadow:inset 0 0 30px #0000001a, var(--shadow);background:#ffffff80;border:16px solid #fff;border-radius:40px;display:grid}.puzzle-slot{border:1px dashed #0000001a}.puzzle-bottom-area{background:#ffffff4d;border:6px solid #fff;border-bottom:none;border-radius:40px 40px 0 0;flex-grow:1;width:100%;padding:1rem;position:relative}.puzzle-piece{cursor:grab;border:2px solid #fff;border-radius:4px;transition:box-shadow .2s,transform .2s;box-shadow:0 4px 15px #0003}.puzzle-piece.dragging{cursor:grabbing;z-index:1000;box-shadow:0 15px 30px #0000004d}.puzzle-piece.placed{cursor:default;box-shadow:none;pointer-events:none;border:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.puzzle-hint{color:#0003;pointer-events:none;font-size:1.5rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.victory-image-container{width:min(80vw,300px);box-shadow:var(--shadow);border:8px solid #fff;border-radius:20px;margin-bottom:2rem;overflow:hidden}.victory-puzzle-image{width:100%;display:block}.victory-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;color:#fff;text-align:center;background:#000c;flex-direction:column;justify-content:center;align-items:center;padding:2rem;animation:.5s ease-out fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.victory-title{text-shadow:0 0 20px #ff6b6b80;margin-bottom:2rem;font-size:4rem;animation:2s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.victory-btns{flex-direction:column;gap:1.5rem;width:100%;max-width:400px;display:flex}.btn-victory{background:var(--primary);color:#fff;cursor:pointer;border:4px solid #fff;border-radius:50px;padding:1.5rem 3rem;font-size:1.8rem;font-weight:700;transition:all .2s;box-shadow:0 8px 30px #0000004d}.btn-victory:active{transform:scale(.95)}.btn-victory.next-btn,.start-btn.next-btn{background:var(--secondary);border-color:#fff;padding:1.8rem 4rem;font-size:2.2rem;animation:1.5s infinite pulse;box-shadow:0 0 40px #4ecdc480}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.game-container{touch-action:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative;overflow:hidden}@media (orientation:landscape) and (max-height:700px){.game-container{flex-direction:row;gap:2rem;padding:.5rem}.controls{gap:.5rem!important;padding:.5rem!important}.controls button{border-width:4px!important;width:65px!important;height:65px!important;font-size:2rem!important}.maze-grid{width:min(80vw,85vh,500px)!important;height:min(80vw,85vh,500px)!important}.level-indicator{font-size:.9rem;padding:.3rem 1rem!important;top:.5rem!important;right:.5rem!important}}.memory-grid{justify-content:center;align-items:center;gap:1rem;width:95vw;height:92vh;margin:auto;padding:1rem;display:grid}.memory-card-container{perspective:1000px;cursor:pointer;width:100%;height:100%}.memory-card-inner{text-align:center;-webkit-transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1);width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.memory-card-container.flipped .memory-card-inner{transform:rotateY(180deg)}.memory-card-front,.memory-card-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:8px solid #fff;border-radius:30px;justify-content:center;align-items:center;width:100%;height:100%;font-size:min(8vw,9vh);display:flex;position:absolute;box-shadow:0 10px 30px #00000026}.memory-card-front{background:var(--secondary);color:#fff}.memory-card-back{background:#fff;transform:rotateY(180deg)}.memory-card-back.memory-card-word{color:#2d3436;text-align:center;overflow-wrap:anywhere;padding:.25rem;font-size:clamp(.85rem,min(3.2vw,4.5vh),2.4rem);font-weight:700;line-height:1}.maze-grid{box-shadow:var(--shadow);background:#fff;border:12px solid #fff;border-radius:30px;margin:auto;position:relative;overflow:hidden}.cell{background:#f8f9fa;border:1px solid #0000000d}.cell-wall-t{border-top:4px solid var(--wall-color)}.cell-wall-r{border-right:4px solid var(--wall-color)}.cell-wall-b{border-bottom:4px solid var(--wall-color)}.cell-wall-l{border-left:4px solid var(--wall-color)}.player{justify-content:center;align-items:center;font-size:2.2rem;transition:all .1s linear;display:flex}.target{justify-content:center;align-items:center;font-size:2.2rem;display:flex}.controls{grid-template-areas:".up.""left down right";gap:1.2rem;padding:1.5rem;display:grid}.btn-up{grid-area:up}.btn-left{grid-area:left}.btn-down{grid-area:down}.btn-right{grid-area:right}.controls button{width:90px;height:90px;box-shadow:var(--shadow);cursor:pointer;background:#fff;border:6px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;display:flex}.controls button:active{transform:scale(.9)}.level-indicator{color:var(--primary);box-shadow:var(--shadow);z-index:100;background:#fff;border-radius:30px;padding:.5rem 1.5rem;font-weight:700;position:absolute;top:1rem;right:1rem}.simon-board-container{flex-direction:column;align-items:center;gap:2rem;display:flex}.simon-grid{aspect-ratio:1;background:#333;border:10px solid #222;border-radius:50%;grid-template-columns:repeat(2,1fr);gap:15px;width:min(85vw,450px);padding:20px;display:grid;position:relative;box-shadow:0 15px 50px #0006,inset 0 0 20px #00000080}.simon-button{aspect-ratio:1;cursor:pointer;opacity:.6;width:100%;transition:all .1s}.simon-button.green{background:#2ecc71;border-top-left-radius:100%;box-shadow:-5px -5px #ffffff1a}.simon-button.red{background:#e74c3c;border-top-right-radius:100%;box-shadow:5px -5px #ffffff1a}.simon-button.yellow{background:#f1c40f;border-bottom-left-radius:100%;box-shadow:-5px 5px #ffffff1a}.simon-button.blue{background:#3498db;border-bottom-right-radius:100%;box-shadow:5px 5px #ffffff1a}.simon-button.active{filter:brightness(1.5)saturate(1.5);transform:scale(.98);box-shadow:0 0 40px;opacity:1!important}.simon-center{background:#222;border:8px solid #333;border-radius:50%;justify-content:center;align-items:center;width:30%;height:30%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.simon-center-inner{-webkit-user-select:none;user-select:none;font-size:3rem}.score-badge{color:#333;box-shadow:var(--shadow);border:4px solid var(--secondary);background:#fff;border-radius:50px;padding:.8rem 2rem;font-size:1.8rem;font-weight:700}.simon-status-msg{z-index:1000;color:var(--secondary);pointer-events:none;background:#fff;border-radius:50px;padding:1rem 3rem;font-size:3rem;font-weight:700;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 50px #0000004d}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.simon-menu-layout{padding-bottom:2rem!important}.simon-options-container{background:#fff6;border:4px solid #fff;border-radius:30px;flex-direction:column;gap:1.5rem;width:100%;max-width:600px;padding:1.5rem;display:flex}.difficulty-options.compact{gap:.8rem}.diff-btn-mini{flex:1;min-width:100px}.queens-menu-container{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:800px;margin:0 auto;padding:1rem;display:flex;overflow-y:auto}.queens-rules-banner{box-shadow:var(--shadow);background:#fff9;border:3px solid #fff;border-radius:25px;flex-wrap:wrap;justify-content:center;gap:.6rem;padding:.8rem 1.2rem;display:flex}.rule-badge-item{color:#2d3436;background:#fff;border-radius:15px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 2px 5px #0000000d}.queens-grid-selection{grid-template-columns:1fr;gap:.8rem;width:100%;display:grid}@media (min-width:600px){.queens-grid-selection{grid-template-columns:1fr 1fr}}.queens-size-card{cursor:pointer;box-shadow:var(--shadow);text-align:left;background:#fff;border:4px solid #fff;border-radius:20px;align-items:center;gap:1rem;padding:1rem;transition:transform .2s,box-shadow .2s;display:flex}.queens-size-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000026}.queens-size-card:active{transform:scale(.98)}.size-card-icon{font-size:2.5rem}.size-card-info{flex:1}.size-card-title{color:#2d3436;font-size:1.2rem;font-weight:700}.size-card-age{color:#e84393;font-size:.85rem;font-weight:700}.size-card-desc{color:#636e72;margin-top:.2rem;font-size:.8rem}.queens-settings-panel{width:100%;box-shadow:var(--shadow);background:#ffffffb3;border:3px solid #fff;border-radius:20px;flex-direction:column;gap:.5rem;padding:.8rem 1.2rem;display:flex}.settings-title{color:#2d3436;font-size:.95rem;font-weight:700}.settings-delay-options{flex-wrap:wrap;gap:.4rem;display:flex}.settings-delay-options.column{flex-direction:column}.delay-pill-btn{color:#4a5568;cursor:pointer;background:#fff;border:2px solid #fff;border-radius:12px;padding:.4rem .8rem;font-size:.85rem;font-weight:700;transition:all .15s;box-shadow:0 2px 5px #0000000d}.delay-pill-btn.active{color:#fff;background:#e84393;border-color:#fd79a8;box-shadow:0 4px 10px #e843934d}.delay-pill-btn.modal-pill{text-align:center;width:100%;padding:.6rem;font-size:.95rem}.queens-header-right{align-items:center;gap:.5rem;display:flex}.queens-settings-icon-btn{cursor:pointer;box-shadow:var(--shadow);background:#fff;border:none;border-radius:20px;padding:.4rem .6rem;font-size:1.2rem;transition:transform .15s}.queens-settings-icon-btn:active{transform:scale(.9)}.queens-victory-card.settings-card{text-align:left;max-width:380px}.queens-victory-card.settings-card h3{color:#2d3436;text-align:center;margin:0;font-size:1.3rem}.queens-game-container{box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;width:100%;max-width:650px;height:100%;margin:0 auto;padding:.5rem;display:flex}.queens-header{justify-content:space-between;align-items:center;width:100%;padding:0 .5rem;display:flex}.queens-title-badge{color:#e84393;box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:.4rem 1rem;font-size:1.2rem;font-weight:700}.queens-counter{box-shadow:var(--shadow);color:#2d3436;background:#fff;border-radius:20px;padding:.4rem 1rem;font-size:1.1rem}.queens-coach-bubble{background:#fff;border:3px solid #e84393;border-radius:20px;align-items:center;gap:.8rem;width:100%;margin:.3rem 0;padding:.6rem 1rem;transition:all .3s;animation:3s ease-in-out infinite floatBubble;display:flex;box-shadow:0 6px 20px #e8439333}.queens-coach-bubble.error{background:#fff5f5;border-color:#e74c3c;box-shadow:0 6px 20px #e74c3c40}.queens-coach-bubble.queen_cleanup{background:#fef9e7;border-color:#f39c12;box-shadow:0 6px 20px #f39c1240}.queens-coach-bubble.hint_soft,.queens-coach-bubble.hint_strong{background:#ebf5fb;border-color:#3498db;box-shadow:0 6px 20px #3498db40}.coach-avatar{flex-shrink:0;font-size:1.8rem}.coach-text{color:#2d3436;font-size:.95rem;font-weight:700;line-height:1.3}@keyframes floatBubble{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.queens-board-wrapper{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:.5rem 0;display:flex}.queens-board{aspect-ratio:1;background:#2d3436;border:4px solid #2d3436;border-radius:18px;gap:1px;width:min(85vw,50vh);max-width:500px;height:auto;display:grid;overflow:hidden;box-shadow:0 10px 30px #00000026}.queens-cell{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;border:1px solid #0000001a;justify-content:center;align-items:center;padding:0;font-size:clamp(1.2rem,5vw,2.5rem);transition:transform .1s,filter .15s;display:flex;position:relative}.queens-cell:active{transform:scale(.92)}.queens-cell.b-top{border-top:4px solid #2d3436!important}.queens-cell.b-bottom{border-bottom:4px solid #2d3436!important}.queens-cell.b-left{border-left:4px solid #2d3436!important}.queens-cell.b-right{border-right:4px solid #2d3436!important}.queens-cell.highlight-source{animation:1.5s infinite pulseSource}.queens-cell.highlight-target{animation:1s infinite pulseTarget;box-shadow:inset 0 0 0 4px #2ecc71!important}@keyframes pulseSource{0%,to{filter:brightness()}50%{filter:brightness(1.3)saturate(1.4)}}@keyframes pulseTarget{0%,to{transform:scale(1)}50%{transform:scale(.94)}}.cell-hint-ghost{opacity:.55;animation:1s infinite alternate blinkGhost}@keyframes blinkGhost{0%{opacity:.2;transform:scale(.8)}to{opacity:.8;transform:scale(1.1)}}.queens-controls{flex-direction:column;gap:.5rem;width:100%;display:flex}.queens-tool-toggles{gap:.5rem;width:100%;display:flex}.tool-btn{color:#2d3436;cursor:pointer;background:#fff;border:3px solid #fff;border-radius:15px;flex:1;padding:.6rem;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 10px #00000014}.tool-btn.active{color:#fff;background:#e84393;border-color:#fd79a8;transform:translateY(-2px);box-shadow:0 6px 15px #e8439359}.queens-action-buttons{gap:.5rem;width:100%;display:flex}.action-btn{cursor:pointer;border:none;border-radius:15px;flex:1;padding:.6rem;font-size:.9rem;font-weight:700;transition:transform .15s;box-shadow:0 4px 10px #0000001a}.action-btn:active{transform:scale(.96)}.action-btn.hint-btn{color:#fff;background:#3498db}.action-btn.reset-btn{color:#4a5568;background:#e2e8f0}.action-btn.next-btn{color:#fff;background:#2ecc71}.queens-victory-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.queens-victory-card{text-align:center;background:#fff;border-radius:30px;width:90%;max-width:450px;padding:2rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) popIn;box-shadow:0 20px 50px #0000004d}.victory-crown{margin-bottom:.5rem;font-size:4rem}.victory-actions{flex-direction:column;gap:.8rem;margin-top:1.5rem;display:flex}.victory-btn-next{color:#fff;cursor:pointer;background:#2ecc71;border:none;border-radius:20px;padding:.8rem;font-size:1.1rem;font-weight:700}.victory-btn-menu{color:#2d3436;cursor:pointer;background:#f1f2f6;border:none;border-radius:20px;padding:.6rem;font-size:1rem;font-weight:700}.devlab-container{background:#f8fafc;flex-direction:column;gap:1rem;width:100%;height:100%;padding:1rem;display:flex;overflow-y:auto;-webkit-user-select:text!important;user-select:text!important}.devlab-container *{-webkit-user-select:text;user-select:text}.devlab-board,.devlab-board .queens-cell{touch-action:none;-webkit-user-select:none!important;user-select:none!important}.devlab-header{align-items:center;gap:1rem;display:flex}.devlab-title{color:#1e293b;margin:0;font-size:1.4rem}.devlab-grid-layout{flex:1;grid-template-columns:320px 1fr 340px;gap:1rem;display:grid}@media (max-width:1024px){.devlab-grid-layout{grid-template-columns:1fr}}.devlab-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:.8rem;padding:1rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}.devlab-panel h3{color:#0f172a;border-bottom:2px solid #f1f5f9;margin:0;padding-bottom:.4rem;font-size:1.1rem}.devlab-form-group{color:#475569;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:700;display:flex}.devlab-btn-group{flex-wrap:wrap;gap:.3rem;display:flex}.devlab-btn{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex:1;padding:.4rem;font-size:.85rem;font-weight:600}.devlab-btn.active{color:#fff;background:#3b82f6;border-color:#2563eb}.devlab-action-btn{cursor:pointer;border:none;border-radius:10px;padding:.6rem;font-size:.9rem;font-weight:700}.devlab-action-btn.primary{color:#fff;background:#3b82f6}.devlab-action-btn.secondary{color:#1e293b;background:#e2e8f0}.devlab-stats-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.3rem;padding:.6rem;font-size:.85rem;display:flex}.devlab-textarea{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.4rem;font-family:monospace;font-size:.8rem}.devlab-error{color:#ef4444;font-size:.8rem}.devlab-stepper-header{justify-content:space-between;align-items:center;display:flex}.devlab-stepper-controls{gap:.3rem;display:flex}.step-btn{cursor:pointer;background:#e2e8f0;border:none;border-radius:6px;padding:.4rem .6rem;font-size:.9rem}.step-btn:hover{background:#cbd5e1}.devlab-board-wrapper{justify-content:center;align-items:center;width:100%;padding:.8rem 0;display:flex}.devlab-board{border-radius:16px;min-width:280px;aspect-ratio:1!important;width:100%!important;max-width:440px!important;height:auto!important}.devlab-board .queens-cell{min-height:44px;font-size:clamp(1.4rem,3.5vw,2.2rem)}.dev-coord-tag{color:#0006;font-family:monospace;font-size:.6rem;position:absolute;top:2px;left:2px}.queens-cell.dev-target{animation:1s infinite pulseTarget;box-shadow:inset 0 0 0 4px #22c55e!important}.queens-cell.dev-source{box-shadow:inset 0 0 0 3px #eab308!important}.devlab-move-card{background:#f8fafc;border:1px solid #cbd5e1;border-left:4px solid #3b82f6;border-radius:8px;flex-direction:column;gap:.4rem;padding:.8rem;font-size:.85rem;display:flex}.move-card-badge{gap:.5rem;display:flex}.badge-level{color:#fff;background:#3b82f6;border-radius:4px;padding:.1rem .4rem;font-size:.75rem;font-weight:700}.badge-rule{color:#1e293b;font-weight:700}.devlab-rules-list{flex-direction:column;gap:.4rem;max-height:600px;display:flex;overflow-y:auto}.devlab-rule-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.2rem;padding:.5rem;font-size:.8rem;display:flex}.devlab-rule-item.active{background:#f0fdf4;border-color:#22c55e;box-shadow:0 0 0 2px #22c55e33}.devlab-rule-item.used{border-left:4px solid #3b82f6}.devlab-tool-bar{align-items:center;gap:.5rem;padding:.3rem 0;display:flex}.devlab-btn-mini{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.3rem .6rem;font-size:.8rem;font-weight:600;transition:all .15s}.devlab-btn-mini.active{color:#fff;background:#3b82f6;border-color:#2563eb}.devlab-warning-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.5rem .8rem;font-size:.85rem;font-weight:600}.devlab-available-moves-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.4rem;padding:.6rem;display:flex}.devlab-available-moves-section h4{color:#0f172a;justify-content:space-between;align-items:center;margin:0;font-size:.9rem;display:flex}.filter-reset-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:.1rem .3rem;font-size:.75rem;font-weight:700}.available-moves-chips{flex-wrap:wrap;gap:.3rem;max-height:120px;display:flex;overflow-y:auto}.move-chip{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .5rem;font-size:.75rem;transition:all .15s;display:inline-flex}.move-chip:hover{background:#eff6ff;border-color:#3b82f6;transform:translateY(-1px)}.move-chip.queen{background:#fefce8;border-color:#facc15}.move-chip.cross{background:#fff1f2;border-color:#fca5a5}.chip-lvl{background:#e2e8f0;border-radius:3px;padding:.05rem .25rem;font-size:.65rem;font-weight:700}.chip-target{font-family:monospace;font-weight:700}.chip-rule{color:#475569}.devlab-rule-item.btn-rule{text-align:left;cursor:pointer;width:100%;transition:all .15s}.devlab-rule-item.btn-rule:hover{background:#f8fafc;border-color:#cbd5e1}.devlab-rule-item.btn-rule.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.devlab-rule-item.btn-rule.active-now{border-left:4px solid #22c55e}.devlab-rule-item.btn-rule.idle{opacity:.6}