*{box-sizing:border-box}:root{--bg-color: #121212;--text-color: #eeeeee;--card-bg: #1e1e1e;--active-border: #4caf50;--active-glow: rgba(76, 175, 80, .4);--selection-border: #00B8D4;--selection-glow: rgba(0, 184, 212, .3);--inactive-bg: #2c2c2c;--board-cell-bg: #333;--spacing: 1rem;--board-card-gap: 1rem}body.light-mode{--bg-color: #ffffff;--text-color: #101010;--card-bg: #ffffff;--active-border: #111111;--active-glow: rgba(17, 17, 17, .16);--selection-border: #111111;--selection-glow: rgba(17, 17, 17, .14);--inactive-bg: #ffffff;--board-cell-bg: #ffffff;--white-border: #111111;--white-border-soft: #8b8b8b;--white-border-muted: #c7c7c7;--white-fill-soft: #f5f5f5;--white-fill-warm: #fafafa;--white-mechanic: #007c89;--white-mechanic-muted: #6f9da3;--card-shadow: none}body.light-mode #ad-container{background:#fff;border-bottom-color:#111}body.light-mode .unified-toolbar,body.light-mode .stats-container{background:#fff;color:#111;border:2px solid var(--white-border);box-shadow:none}body.light-mode .level-hub{width:fit-content;max-width:100%;align-self:center;padding:4px 0;background:transparent;border:0;border-radius:999px;box-shadow:none}body.light-mode .level-slot,body.light-mode .tutorial-toggle-btn,body.light-mode .info-toggle-btn,body.light-mode .mechanic-animation-header-btn,body.light-mode .settings-menu{background:#fff;color:#111;border-color:transparent;box-shadow:none}body.light-mode .level-slot{border-width:1.5px;border-color:var(--white-border-muted);opacity:1}body.light-mode .tutorial-toggle-btn,body.light-mode .info-toggle-btn,body.light-mode .mechanic-animation-header-btn{position:relative;border:1.5px solid #111111}body.light-mode .level-slot--active,body.light-mode .level-slot--current{background:#fff;color:#111;border-color:#111;box-shadow:none}body.light-mode .level-slot--unlocked,body.light-mode .level-slot--solved,body.light-mode .level-slot--failed{background:#fff;color:#111;border-color:var(--white-border-muted);box-shadow:none;opacity:1}body.light-mode .level-slot--locked{color:#777;border-color:var(--white-border-muted);opacity:1}body.light-mode .level-slot svg,body.light-mode .toolbar-btn svg,body.light-mode .tutorial-toggle-btn svg,body.light-mode .info-toggle-btn svg,body.light-mode .mechanic-animation-header-btn svg,body.light-mode .settings-menu svg{color:currentColor}body.light-mode .level-slot svg [stroke],body.light-mode .toolbar-btn svg [stroke],body.light-mode .tutorial-toggle-btn svg [stroke],body.light-mode .info-toggle-btn svg [stroke],body.light-mode .mechanic-animation-header-btn svg [stroke],body.light-mode .settings-menu svg [stroke]{stroke:currentColor}body.light-mode .level-slot svg [fill]:not([fill=none]),body.light-mode .toolbar-btn svg [fill]:not([fill=none]),body.light-mode .tutorial-toggle-btn svg [fill]:not([fill=none]),body.light-mode .info-toggle-btn svg [fill]:not([fill=none]),body.light-mode .mechanic-animation-header-btn svg [fill]:not([fill=none]),body.light-mode .settings-menu svg [fill]:not([fill=none]){fill:currentColor}body.light-mode .tutorial-toggle-btn:hover,body.light-mode .info-toggle-btn:hover,body.light-mode .mechanic-animation-header-btn:hover,body.light-mode .toolbar-btn:hover:not(:disabled){background:#eef7f8;color:var(--white-mechanic);border-color:var(--white-mechanic)}body.light-mode .info-toggle-btn.active,body.light-mode .mechanic-animation-header-btn.active{background:#eef7f8;border-color:var(--white-mechanic);color:var(--white-mechanic);box-shadow:0 0 0 3px #007c891f}body.light-mode .info-toggle-btn.active:after,body.light-mode .mechanic-animation-header-btn.active:after{content:"";position:absolute;right:2px;bottom:2px;width:5px;height:5px;border-radius:50%;background:var(--white-mechanic);box-shadow:0 0 0 2px #fff}body.light-mode .settings-menu{border-color:#11182724;box-shadow:0 16px 42px #1118272e}body.light-mode .settings-menu__header h2,body.light-mode .settings-menu__field span,body.light-mode .settings-menu__row span{color:#111827}body.light-mode .settings-menu select{background:#f8fafc;border-color:#d1d5db;color:#111827}body.light-mode .settings-menu__checkbox{border-color:#9ca3af;background:#f3f4f6}body.light-mode .settings-menu__checkbox:after{background:#4b5563;box-shadow:0 1px 2px #1118272e}body.light-mode .settings-menu__checkbox:checked{border-color:#111827;background:#111827}body.light-mode .settings-menu__checkbox:checked:after{background:#fff}body.light-mode .stats-modal h4{color:#111827}body.light-mode .achievement{background:#fff;border:1.5px solid #d1d5db;color:#111827;box-shadow:0 6px 16px #11182714}body.light-mode .achievement .ach-label{color:#111827}body.light-mode .achievement.locked{background:#f3f4f6;border-color:#d1d5db;color:#6b7280;opacity:1;filter:grayscale(100%);box-shadow:none}body.light-mode .achievement.locked .ach-icon{opacity:.42}body.light-mode .achievement.locked .ach-label{color:#6b7280}body.light-mode .achievement.unlocked{background:linear-gradient(180deg,#fff,#eef9fa);border-color:var(--white-mechanic);color:#111827;filter:none;box-shadow:0 8px 18px #007c8924}body.light-mode .achievement.unlocked:hover{filter:none;box-shadow:0 10px 22px #007c8933}body.light-mode .board-role-badge{color:#4ee88f;filter:none}body.light-mode .board-role-badge--goal{color:#f7c948;filter:none}body.light-mode .board-container--start .cell,body.light-mode .cell,body.light-mode .pattern-cell{background:#fff;border-color:var(--white-border);color:#111;box-shadow:none}body.light-mode .board-container--goal,body.light-mode .grid-wrapper--goal .board-container{background:#fff}body.light-mode .board-container--goal .cell,body.light-mode .board-container--goal .cell.target-cell{background:#fff;border-color:var(--white-border);box-shadow:none}body.light-mode .card-index-cell--filled,body.light-mode .pattern-cell.card-index-cell--filled{background:#fff;border-color:var(--white-border)}body.light-mode .card-index-cell--empty,body.light-mode .pattern-cell.card-index-cell--empty,body.light-mode .pattern-cell.empty-overwrite{background:#fff;border-color:var(--white-border-soft)}body.light-mode .card-index-cell--mechanic,body.light-mode .pattern-cell.card-index-cell--mechanic{background:var(--white-fill-warm);border-color:var(--white-mechanic);box-shadow:none}body.light-mode .cell.changed{background:#fff8dc;border-color:#111}body.light-mode .cell.match{background:#f4fff6;border-color:#1f7a35}body.light-mode .cell.mismatch{background:#fff4f4;border-color:#b42318}body.light-mode .card{background:#fff;border:2px solid var(--white-border);box-shadow:none;color:#111}body.light-mode .card.active{background:#eaf7f8;border-color:var(--white-mechanic)!important;box-shadow:0 6px 18px #007c8924!important}body.light-mode .card.inactive{background:#fff;opacity:1}body.light-mode .card.card--new-ui{background:#fff;border:2px solid #111111!important;box-shadow:none!important}body.light-mode .card.card--new-ui.inactive{border-color:var(--white-border-soft)!important;box-shadow:none!important}body.light-mode .card.card--new-ui.active{background:#eaf7f8;border-color:var(--white-mechanic)!important;box-shadow:0 6px 18px #007c8924!important}body.light-mode .card.card--new-ui.review{opacity:1;background:#fff;border-color:var(--white-border-muted)!important}body.light-mode .card.won,body.light-mode .card.correct{background:#f8fff9;border-color:#1f7a35!important;box-shadow:inset 0 0 0 1px #1f7a35!important}body.light-mode .card.incorrect{background:#fff7f7;border-color:#b42318!important;box-shadow:inset 0 0 0 1px #b42318!important}body.light-mode .card-badge,body.light-mode .card.won .card-badge,body.light-mode .card.correct .card-badge,body.light-mode .card.incorrect .card-badge{background:#fff;border:2px solid #111111;color:#111}body.light-mode .inline-submit-btn,body.light-mode .next-level-btn{background:linear-gradient(135deg,#1de9b6,#00b8d4)!important;border:1.5px solid #008a9a!important;color:#062327!important;box-shadow:0 6px 16px #007c892e}body.light-mode .inline-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#36f0c4,#12c7df)!important;color:#041f23!important;box-shadow:0 8px 18px #007c893d}body.light-mode .inline-submit-btn:disabled{background:#fff!important;border-color:var(--white-border-muted)!important;color:#777!important;opacity:1;filter:none}body.light-mode .unified-toolbar{padding:8px 13px;border-radius:999px}body.light-mode .toolbar-btn{color:#111;border:1.5px solid transparent;background:transparent}body.light-mode .toolbar-btn:active:not(:disabled){background:#dff1f3;color:var(--white-mechanic)}body.light-mode .toolbar-btn.tutorial-toolbar-pressed,body.light-mode .toolbar-btn.tutorial-toolbar-pressed:disabled{background:#dff1f3;color:var(--white-mechanic);opacity:1;transform:translateY(0) scale(.96);box-shadow:inset 0 0 0 1px #11111114}body.light-mode .toolbar-btn:disabled{color:#9a9a9a;opacity:1}body.light-mode .toolbar-meta{background:transparent;border:0;box-shadow:none}body.light-mode .attempts-counter,body.light-mode .level-card-count,body.light-mode .level-stars{color:#111}body.light-mode .board-status-caption,body.light-mode .status-won{color:#111;text-shadow:none}body.light-mode .status-lost{color:#b42318}body.light-mode .theme-char{color:#111}body.light-mode .shape-premium{filter:drop-shadow(0 1px 0 rgba(17,17,17,.42));border:1px solid rgba(17,17,17,.22)}body.light-mode .pattern-cell .shape-premium{filter:drop-shadow(0 1px 0 rgba(17,17,17,.34));border:.5px solid rgba(17,17,17,.24)}body.light-mode .icon-svg{filter:none!important}body.light-mode .card .icon-svg stop{stop-color:var(--white-mechanic)}body.light-mode .card .icon-svg stop:first-child{stop-opacity:.34}body.light-mode .card .icon-svg stop:last-child{stop-opacity:1}body.light-mode .card .icon-svg text{fill:var(--white-mechanic)}body.light-mode .toolbar-info-overlay,body.light-mode .card-info-overlay{background:#fff;color:#111;border-color:#111;box-shadow:none}body.light-mode .toolbar-info-overlay:after{border-color:#111111 transparent}body.light-mode .modal-content{background:#fff;color:#111;border:2px solid #111111;box-shadow:none}body.light-mode .modal-content h3{color:#111}.door-game{--bg-color: #0f172a;--text-color: #f8fafc;--card-bg: rgba(30, 41, 59, .7);--active-border: #8b5cf6;--active-glow: rgba(139, 92, 246, .4);--selection-border: #3b82f6;--selection-glow: rgba(59, 130, 246, .4);--inactive-bg: #1e293b;--board-cell-bg: #1e293b;font-family:Outfit,sans-serif;isolation:isolate}.door-game:before,.door-game:after{content:"";position:fixed;pointer-events:none;opacity:0;transition:opacity .5s ease}.door-game .card,.door-game .unified-toolbar,.door-game .modal-content,.door-game .cell{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.door-game .card.active{background:#8b5cf61a;border-color:var(--active-border);box-shadow:0 0 15px var(--active-glow)}.door-game .door-icon,.theme-door-game .door-icon{width:32px;height:48px;border-radius:6px;position:relative;box-shadow:0 4px 10px #0000004d;border:1px solid rgba(255,255,255,.1)}.door-game .door-icon:after,.theme-door-game .door-icon:after{content:"";position:absolute;right:4px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:#ffffff4d;border-radius:50%}.door-game .door-icon.tier-1,.theme-door-game .door-icon.tier-1{background:linear-gradient(135deg,#1e293b,#334155)}.door-game .door-icon.tier-2,.theme-door-game .door-icon.tier-2{background:linear-gradient(135deg,#78350f,#92400e);border-color:#b45309}.door-game .door-icon.tier-3,.theme-door-game .door-icon.tier-3{background:linear-gradient(135deg,#94a3b8,#cbd5e1);border-color:#e2e8f0}.door-game .door-icon.tier-4,.theme-door-game .door-icon.tier-4{background:linear-gradient(135deg,#854d0e,#a16207);border-color:#eab308}.door-game .door-icon.tier-5,.theme-door-game .door-icon.tier-5{background:linear-gradient(135deg,#0f172a,#1e293b);border-color:#38bdf8}.door-game .door-icon.tier-6,.theme-door-game .door-icon.tier-6{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#34d399}.door-game .door-icon.tier-7,.theme-door-game .door-icon.tier-7{background:linear-gradient(135deg,#7f1d1d,#991b1b);border-color:#f87171}.door-game .door-icon.tier-8,.theme-door-game .door-icon.tier-8{background:linear-gradient(135deg,#4c1d95,#5b21b6);border-color:#a78bfa}.door-game .door-icon.tier-9,.theme-door-game .door-icon.tier-9{background:linear-gradient(135deg,#111827,#000);border-color:#22d3ee}.door-game .door-icon.tier-10,.theme-door-game .door-icon.tier-10{background:linear-gradient(45deg,#f0abfc,#818cf8,#34d399);animation:cosmic-shift 3s ease infinite}.door-game .door-icon.tier-11,.theme-door-game .door-icon.tier-11{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-color:#fff}.door-game .door-icon.tier-12,.theme-door-game .door-icon.tier-12{background:linear-gradient(135deg,#fff,#f1f5f9);border-color:#e2e8f0}@keyframes cosmic-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.icon-neon{width:32px;height:32px;background-color:#fff;border:2px solid #fff;box-shadow:0 0 10px #fff,inset 0 0 5px #fff;position:relative}.neon-bolt{clip-path:polygon(40% 0%,100% 0%,60% 45%,100% 45%,30% 100%,50% 55%,0% 55%);background-color:#00f3ff;border-color:#00f3ff;box-shadow:0 0 10px #00f3ff}.neon-scan{clip-path:polygon(0 0,100% 0,100% 20%,0 20%,0 40%,100% 40%,100% 60%,0 60%,0 80%,100% 80%,100% 100%,0 100%);background-color:#f0f;border-color:#f0f;box-shadow:0 0 10px #f0f}.neon-shield{clip-path:polygon(50% 0%,100% 20%,100% 80%,50% 100%,0% 80%,0% 20%);background-color:#7d00ff;border-color:#7d00ff;box-shadow:0 0 10px #7d00ff}.neon-target{border-radius:50%;background:radial-gradient(circle,#fff 20%,transparent 20%,transparent 40%,#fff 40%,#fff 60%,transparent 60%,transparent 80%,#fff 80%);background-color:#f03;border-color:#f03;box-shadow:0 0 10px #f03}.neon-grid{background-image:linear-gradient(#fff 2px,transparent 2px),linear-gradient(90deg,#fff 2px,transparent 2px);background-size:8px 8px;background-color:#0f6;border-color:#0f6;box-shadow:0 0 10px #0f6}.neon-hex{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background-color:#f90;border-color:#f90;box-shadow:0 0 10px #f90;height:27.7px}.neon-diamond{transform:rotate(45deg);width:24px;height:24px;background-color:#06f;border-color:#06f;box-shadow:0 0 10px #06f}.neon-plus{clip-path:polygon(35% 0%,65% 0%,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0% 65%,0% 35%,35% 35%);background-color:#fff;border-color:#fff;box-shadow:0 0 10px #fff}.neon-cross{clip-path:polygon(20% 0%,0% 20%,30% 50%,0% 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0%,50% 30%);background-color:#ffea00;border-color:#ffea00;box-shadow:0 0 10px #ffea00}.neon-circle{border-radius:50%;background-color:#f30;border-color:#f30;box-shadow:0 0 10px #f30}.neon-square{background-color:#3f0;border-color:#3f0;box-shadow:0 0 10px #3f0}.neon-triangle{clip-path:polygon(50% 0%,0% 100%,100% 100%);background-color:#90f;border-color:#90f;box-shadow:0 0 10px #90f}.icon-cosmos{width:32px;height:32px;background-color:#fff;border-radius:50%;position:relative;filter:drop-shadow(0 0 2px rgba(255,255,255,.8))}.cosmos-sun{background:radial-gradient(circle,#fff 30%,#fc0 60%,#f60);box-shadow:0 0 15px #f60}.cosmos-moon{background:radial-gradient(circle at 30% 30%,#fff 20%,#ccc 80%);-webkit-mask-image:radial-gradient(circle at 70% 30%,transparent 40%,black 41%);mask-image:radial-gradient(circle at 70% 30%,transparent 40%,black 41%)}.cosmos-star{background:linear-gradient(135deg,#fff,#ffeaa7);box-shadow:0 0 10px #fff;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.cosmos-saturn{background:#e67e22;position:relative}.cosmos-saturn:after{content:"";position:absolute;width:140%;height:30%;border:3px solid #f1c40f;border-radius:50%;top:35%;left:-20%;transform:rotate(-15deg)}.cosmos-rocket{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.13 22.19L11.5 18.35L10.3 22.19C10.16 22.65 9.73 22.95 9.27 22.95H8.77C8.21 22.95 7.75 22.5 7.75 21.95V16.31L4.81 12.03C4.24 11.23 3.93 10.28 3.93 9.3V5.5C3.93 4.12 5.05 3 6.43 3H8.34C8.61 3 8.87 3.11 9.06 3.3L12 6.24L14.94 3.3C15.13 3.11 15.39 3 15.66 3H17.57C18.95 3 20.07 4.12 20.07 5.5V9.3C20.07 10.28 19.76 11.23 19.19 12.03L16.25 16.31V21.95C16.25 22.5 15.79 22.95 15.23 22.95H14.73C14.27 22.95 13.84 22.65 13.7 22.19L13.13 22.19Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.13 22.19L11.5 18.35L10.3 22.19C10.16 22.65 9.73 22.95 9.27 22.95H8.77C8.21 22.95 7.75 22.5 7.75 21.95V16.31L4.81 12.03C4.24 11.23 3.93 10.28 3.93 9.3V5.5C3.93 4.12 5.05 3 6.43 3H8.34C8.61 3 8.87 3.11 9.06 3.3L12 6.24L14.94 3.3C15.13 3.11 15.39 3 15.66 3H17.57C18.95 3 20.07 4.12 20.07 5.5V9.3C20.07 10.28 19.76 11.23 19.19 12.03L16.25 16.31V21.95C16.25 22.5 15.79 22.95 15.23 22.95H14.73C14.27 22.95 13.84 22.65 13.7 22.19L13.13 22.19Z'/%3E%3C/svg%3E");background:linear-gradient(to bottom,#fff,#ff4757);border-radius:0}.cosmos-ufo{clip-path:polygon(20% 50%,0% 70%,100% 70%,80% 50%,65% 50%,65% 30%,35% 30%,35% 50%);background:linear-gradient(to bottom,#7bed9f,#2ed573);border-radius:0}.cosmos-meteor{background:radial-gradient(circle at 70% 30%,#fff,#57606f);box-shadow:-10px -10px 15px #ff6b8166}.cosmos-galaxy{background:conic-gradient(#ff9ff3,#feca57,#ff6b6b,#48dbfb,#1dd1a1,#ff9ff3);animation:rotate 5s linear infinite}.cosmos-satellite{clip-path:polygon(40% 40%,60% 40%,60% 60%,40% 60%,40% 80%,30% 80%,30% 20%,40% 20%,70% 20%,70% 80%,60% 80%);background:#ced6e0;border-radius:0}.cosmos-alien{border-radius:50% 50% 40% 40%;background:#2f3542;position:relative}.cosmos-alien:before,.cosmos-alien:after{content:"";position:absolute;width:30%;height:40%;background:#fff;border-radius:50%;top:30%;transform:rotate(-20deg)}.cosmos-alien:before{left:15%}.cosmos-alien:after{right:15%;transform:rotate(20deg)}.cosmos-blackhole{background:#000;border:4px solid #fff;box-shadow:0 0 20px #fff,inset 0 0 10px #fff;animation:pulse 2s infinite alternate}.cosmos-earth{background:radial-gradient(circle,#2e86de 40%,#1dd1a1 41% 60%,#2e86de 61%)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(.9);box-shadow:0 0 10px #fff}to{transform:scale(1.1);box-shadow:0 0 25px #fff}}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;min-height:100vh}#ad-container{width:100%;background-color:#1e1e1e;border-bottom:1px solid #333;padding:16px 0;display:flex;justify-content:center;align-items:center}.ad-banner{width:728px;max-width:calc(100% - 32px);margin:0 16px;height:90px;background-color:#e0e0e0;border:1px solid #ccc;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666}#app{width:100%;max-width:380px;padding:var(--spacing);display:flex;flex-direction:column;gap:.5rem;min-height:100vh;margin:0 auto}.board-row{position:relative;display:flex;justify-content:center;width:100%}.board-role-badge{position:absolute;left:calc(50% - var(--board-half-width) - 38px);top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:0;display:flex;align-items:center;justify-content:center;color:#4ee88f;background:transparent;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}.board-role-badge--goal{color:#f7c948;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.board-container{display:grid;gap:8px;justify-content:center;margin-bottom:0}.board-container--goal{background:#323f47}#app .board-role-badge{display:none}@media(min-width:769px){#app{--desktop-section-space: 1rem;--desktop-order-tab-overhang: 24px}#app .interaction-area{margin-top:calc(var(--desktop-section-space) + var(--desktop-order-tab-overhang));margin-bottom:var(--desktop-section-space)}#app .board-section{margin-bottom:var(--desktop-section-space)}#app .inline-submit-wrap{margin:0 0 .5rem}#app .grid-wrapper--start,#app .grid-wrapper--goal{position:relative}#app .grid-wrapper--start:before,#app .grid-wrapper--goal:before,#app .interaction-area:before{align-self:center;min-width:64px;padding:5px 13px 6px;border:2px solid color-mix(in srgb,var(--level-accent-color) 40%,transparent);border-radius:9px 9px 0 0;color:color-mix(in srgb,var(--level-accent-color) 88%,#ffffff);font-size:.72rem;font-weight:900;line-height:1;letter-spacing:0;text-align:center;box-sizing:border-box;box-shadow:0 -2px 8px #0000001f,inset 0 1px #ffffff0f}#app .grid-wrapper--start:before{content:"Start";margin-bottom:-9px;background:var(--board-cell-bg);border-color:color-mix(in srgb,var(--level-accent-color) 40%,transparent);border-bottom:0}#app .grid-wrapper--goal:before{content:"Goal";margin-bottom:-9px;background:#323f47;border-color:color-mix(in srgb,var(--level-accent-color) 40%,transparent);border-bottom:0}#app .interaction-area:before{content:"Order";position:absolute;left:50%;top:0;z-index:0;transform:translate(-50%,calc(-100% + 2px));margin-bottom:0;border-bottom:0;background:linear-gradient(180deg,#ffffff0b,#fff0),var(--card-bg)}#app .interaction-area .tray{position:relative;z-index:2}#app .card.card--new-ui{min-height:62px}#app .grid-wrapper--start .board-container{background:var(--board-cell-bg)}#app .grid-wrapper--goal .board-container{background:#323f47}body.light-mode #app .grid-wrapper--start:before,body.light-mode #app .interaction-area:before,body.light-mode #app .grid-wrapper--start .board-container{background:#fff}body.light-mode #app .grid-wrapper--goal:before,body.light-mode #app .grid-wrapper--goal .board-container{background:#fff}body.light-mode #app .grid-wrapper--start:before,body.light-mode #app .grid-wrapper--goal:before,body.light-mode #app .interaction-area:before{background:#fff;border-color:#111;color:#111;box-shadow:none}}.board-container--start .cell{position:relative;border:2px solid #555;background:var(--board-cell-bg)}.board-container--goal .cell{background:linear-gradient(145deg,#ffffff0a,#00000024),#222b31;border:2px solid rgba(128,183,199,.56);box-shadow:inset 0 1px 2px #ffffff0f,inset 0 -2px 4px #0000005c}body.light-mode .board-container--goal .cell{background:linear-gradient(145deg,#f8fcff,#e4f0f7,#c9dce8)}body.light-mode .board-container--goal{background:#f4f8fa}.board-section{margin-bottom:0}.pipeline-section{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0}.board-status-caption{min-height:18px;margin-bottom:4px;color:#1de9b6;font-size:.85rem;font-weight:700;line-height:18px;text-align:center;text-shadow:0 0 10px rgba(29,233,182,.28)}.cell{width:50px;height:50px;background-color:var(--board-cell-bg);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;border:1px solid transparent;box-sizing:border-box}.card-index-cell--filled{border:2px solid #555}.card-index-cell--mechanic{border:2px solid rgba(0,229,255,.48);box-shadow:0 0 10px #00e5ff14}.card-index-cell--empty{background:transparent;border:2px dashed #555}.start-board-grid .cell{border:2px solid #555}.header-status-badge{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:10px;background-color:#4caf50;color:#fff;padding:2px 8px;border-radius:4px;font-size:.8rem;font-weight:700;white-space:nowrap;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.interaction-area{margin:var(--board-card-gap) 0 var(--board-card-gap) 0;width:100%;display:flex;flex-direction:column;justify-content:center;position:relative}.tray{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;box-sizing:border-box}.inline-submit-wrap{display:flex;justify-content:center;width:100%;margin:-6px 0 4px}.inline-submit-btn{min-width:108px;height:38px;padding:0 16px;border:1px solid rgba(29,233,182,.45);border-radius:10px;background:linear-gradient(135deg,#1de9b6f5,#00e5fff5);color:#101313;cursor:pointer;font-family:Outfit,sans-serif;font-size:.84rem;font-weight:800;letter-spacing:0;box-shadow:0 4px 12px #00e5ff24;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.inline-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #1de9b638}.inline-submit-btn:active:not(:disabled){transform:translateY(0)}.inline-submit-btn:disabled{cursor:not-allowed;opacity:.38;filter:grayscale(.45);box-shadow:none}.card{padding:1rem;background-color:var(--card-bg);border-radius:8px;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .18s cubic-bezier(.2,0,.2,1),box-shadow .18s ease,border-color .18s ease,opacity .18s ease;position:relative;display:flex;align-items:center;justify-content:center;border:2px solid transparent;width:100%;box-sizing:border-box;min-height:70px;backface-visibility:hidden;will-change:transform}.card:active{cursor:grabbing}.card.start-board{cursor:default!important;border-color:#388e3c;box-shadow:0 0 5px #388e3c4d}.card.start-board:active{cursor:default!important}.card.start-board .card-badge{background-color:#388e3c;color:#fff}.card.active{border:2px solid var(--selection-border);box-shadow:0 0 10px var(--selection-glow);background-color:#252525}.card.inactive{background-color:var(--inactive-bg);opacity:.8}.card.won{border:2px solid #4caf50;box-shadow:0 0 10px #4caf5066}.card-badge{background:linear-gradient(135deg,#00b8d4,#00bfa5);color:#000;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.card.won .card-badge{background:linear-gradient(135deg,#00b8d4,#00bfa5);color:#000}.card.correct{border:2px solid #4caf50;box-shadow:0 0 10px #4caf5066}.card.correct .card-badge{background:linear-gradient(135deg,#00b8d4,#00bfa5);color:#000}.card.incorrect{border:2px solid #f44336;box-shadow:0 0 10px #f4433666}.card.incorrect .card-badge{background:linear-gradient(135deg,#00b8d4,#00bfa5);color:#000}.unified-toolbar{display:flex;align-items:center;justify-content:flex-start;background-color:#1e1e1e;padding:10px 15px;border-radius:12px;margin-top:1rem;box-shadow:0 4px 12px #0000004d;gap:6px;height:56px;width:fit-content;max-width:100%;align-self:center;box-sizing:border-box}.toolbar-meta{position:relative;width:fit-content;min-width:0;max-width:100%;align-self:center;margin-top:-.15rem;padding:0 2px;min-height:24px;display:flex;align-items:center;justify-content:center}.attempts-counter{display:inline-flex;width:fit-content;align-items:center;justify-content:center;color:#d8d8d8;font-size:.78rem;font-weight:700;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}.toolbar-btn{background:transparent;border:none;color:#aeaeae;padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;width:40px;height:40px}.toolbar-btn:hover:not(:disabled){background-color:#ffffff1a;color:#fff;transform:translateY(-2px)}.toolbar-btn:active:not(:disabled){transform:translateY(0)}.toolbar-btn.tutorial-toolbar-pressed,.toolbar-btn.tutorial-toolbar-pressed:disabled{background-color:#ffffff24;color:#fff;opacity:1;transform:translateY(0) scale(.96);box-shadow:inset 0 0 0 1px #ffffff1f}.hint-btn.tutorial-toolbar-pressed,.hint-btn.tutorial-toolbar-pressed:disabled{color:#ffc107;background-color:#ffc1072e}.play-btn.tutorial-toolbar-pressed,.play-btn.tutorial-toolbar-pressed:disabled{color:#66bb6a;background-color:#4caf5033}.toolbar-btn:disabled{opacity:.3;cursor:not-allowed}.play-btn{color:#4caf50}.play-btn:hover:not(:disabled){background-color:#4caf5033;color:#66bb6a}.play-btn:disabled{color:#aeaeae;opacity:.3}.hint-btn:hover:not(:disabled){color:#ffc107}.icon-aqua{width:32px;height:32px;background:linear-gradient(135deg,#0984e3,#00cec9);position:relative}.aqua-fish{clip-path:polygon(0 50%,80% 0,100% 50%,80% 100%);background:#fab1a0}.aqua-shell{border-radius:50% 50% 10% 10%;background:#ffeaa7;-webkit-mask-image:radial-gradient(circle at 10% 10%,black 50%,transparent 51%);mask-image:radial-gradient(circle at 10% 10%,black 50%,transparent 51%)}.aqua-octopus{border-radius:40% 40% 0 0;background:#a29bfe;position:relative}.aqua-octopus:after{content:"🐙";position:absolute;top:-5px;left:-5px;font-size:24px}.aqua-seahorse{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C10.34 2 9 3.34 9 5V6.32C6.12 7.37 4 10.12 4 13.5C4 16.88 7 19 9 19C11 19 12 17 12 17C12 17 13 19 15 19C17 19 20 16.88 20 13.5C20 10.12 17.88 7.37 15 6.32V5C15 3.34 13.66 2 12 2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C10.34 2 9 3.34 9 5V6.32C6.12 7.37 4 10.12 4 13.5C4 16.88 7 19 9 19C11 19 12 17 12 17C12 17 13 19 15 19C17 19 20 16.88 20 13.5C20 10.12 17.88 7.37 15 6.32V5C15 3.34 13.66 2 12 2Z'/%3E%3C/svg%3E");background:#fdcb6e}.aqua-crab{clip-path:polygon(20% 40%,0 20%,20% 0,40% 20%,60% 20%,80% 0,100% 20%,80% 40%,100% 60%,80% 100%,20% 100%,0 60%);background:#ff7675}.aqua-anchor{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 2V4.07C7.38 4.53 4.53 7.38 4.07 11H2V13H4.07C4.53 16.62 7.38 19.47 11 19.93V22H13V19.93C16.62 19.47 19.47 16.62 19.93 13H22V11H19.93C19.47 7.38 16.62 4.53 13 4.07V2H11ZM12 11C12.55 11 13 11.45 13 12C13 12.55 12.55 13 12 13C11.45 13 11 12.55 11 12C11 11.45 11.45 11 12 11Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 2V4.07C7.38 4.53 4.53 7.38 4.07 11H2V13H4.07C4.53 16.62 7.38 19.47 11 19.93V22H13V19.93C16.62 19.47 19.47 16.62 19.93 13H22V11H19.93C19.47 7.38 16.62 4.53 13 4.07V2H11ZM12 11C12.55 11 13 11.45 13 12C13 12.55 12.55 13 12 13C11.45 13 11 12.55 11 12C11 11.45 11.45 11 12 11Z'/%3E%3C/svg%3E");background:#636e72}.aqua-trident{clip-path:polygon(40% 0,60% 0,60% 100%,40% 100%);background:#ffeaa7;position:relative}.aqua-trident:before,.aqua-trident:after{content:"";position:absolute;width:10px;height:30px;background:inherit;top:0}.aqua-trident:before{left:-15px}.aqua-trident:after{right:-15px}.aqua-pearl{border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#dfe6e9);box-shadow:0 0 10px #fffc}.aqua-whale{border-radius:50% 50% 10%;background:#0984e3}.aqua-shark{clip-path:polygon(0 50%,50% 40%,100% 50%,50% 60%);background:#b2bec3;position:relative}.aqua-shark:after{content:"";position:absolute;width:10px;height:10px;background:inherit;top:-10px;left:40%;clip-path:polygon(50% 0,0 100%,100% 100%)}.aqua-submarine{border-radius:20px;background:#fdcb6e;position:relative}.aqua-submarine:after{content:"";position:absolute;width:10px;height:8px;background:inherit;top:-8px;left:10px}.aqua-wave{clip-path:polygon(0 70%,20% 60%,40% 70%,60% 60%,80% 70%,100% 60%,100% 100%,0 100%);background:#74b9ff}.icon-aqua{width:36px;height:36px;position:relative;flex-shrink:0;background:transparent;background-position:center;background-repeat:no-repeat;background-size:contain;border:0;border-radius:0;clip-path:none;-webkit-mask-image:none;mask-image:none;overflow:visible;filter:drop-shadow(0 3px 5px rgba(0,0,0,.4))}.icon-aqua:before,.icon-aqua:after{content:none}.pattern-cell .icon-aqua{width:30px;height:30px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.aqua-clownfish{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3e%3cdefs%3e%3clinearGradient%20id='g'%20x1='7'%20y1='8'%20x2='40'%20y2='39'%3e%3cstop%20stop-color='%23ffd36a'/%3e%3cstop%20offset='.52'%20stop-color='%23ff7a36'/%3e%3cstop%20offset='1'%20stop-color='%23d7471e'/%3e%3c/linearGradient%3e%3cfilter%20id='s'%20x='-20%25'%20y='-20%25'%20width='140%25'%20height='140%25'%3e%3cfeDropShadow%20dx='0'%20dy='2'%20stdDeviation='1.3'%20flood-color='%23001b2b'%20flood-opacity='.45'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23s)'%3e%3cpath%20d='M8%2024c4-7%2012-11%2022-10%205%20.5%209%204%2011%2010-2%206-6%209.5-11%2010-10%201-18-3-22-10z'%20fill='url(%23g)'/%3e%3cpath%20d='M38%2024l8-8v16z'%20fill='%23ff8f3d'/%3e%3cpath%20d='M18%2014c-3%205-3%2015%200%2020l4-1c-2.7-5.5-2.7-12.5%200-18zM29%2015c2.5%205%202.5%2013%200%2018l4-2c2-4.7%202-9.3%200-14z'%20fill='%23fff8ea'/%3e%3cpath%20d='M19.5%2014.5c-2.8%205.4-2.8%2013.6%200%2019M30.5%2016c2.2%204.7%202.2%2011.3%200%2016'%20stroke='%23d63c20'%20stroke-width='1.3'%20fill='none'%20opacity='.55'/%3e%3ccircle%20cx='14'%20cy='21'%20r='2.1'%20fill='%23102231'/%3e%3ccircle%20cx='14.7'%20cy='20.2'%20r='.7'%20fill='%23fff'/%3e%3cpath%20d='M13%2027c2%201.4%204.2%201.4%206%200'%20stroke='%238b2f22'%20stroke-width='1.4'%20stroke-linecap='round'%20fill='none'/%3e%3cpath%20d='M16%2015l4-7%205%207M18%2033l4%206%204-6'%20fill='%23ff9a4a'/%3e%3cpath%20d='M11%2018c6-5%2017-4%2024%202'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20opacity='.28'/%3e%3c/g%3e%3c/svg%3e")}.aqua-turtle{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3e%3cdefs%3e%3clinearGradient%20id='g'%20x1='10'%20y1='8'%20x2='38'%20y2='40'%3e%3cstop%20stop-color='%23a8f08e'/%3e%3cstop%20offset='.55'%20stop-color='%2338b66a'/%3e%3cstop%20offset='1'%20stop-color='%23137654'/%3e%3c/linearGradient%3e%3clinearGradient%20id='sh'%20x1='14'%20y1='12'%20x2='35'%20y2='36'%3e%3cstop%20stop-color='%2383d767'/%3e%3cstop%20offset='1'%20stop-color='%23217a4b'/%3e%3c/linearGradient%3e%3cfilter%20id='s'%20x='-20%25'%20y='-20%25'%20width='140%25'%20height='140%25'%3e%3cfeDropShadow%20dx='0'%20dy='2'%20stdDeviation='1.4'%20flood-color='%23001b2b'%20flood-opacity='.45'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23s)'%3e%3cpath%20d='M34%2018c4-4%209-2%209%203s-5%207-9%204z'%20fill='%235fd27b'/%3e%3cellipse%20cx='24'%20cy='25'%20rx='14'%20ry='11'%20fill='url(%23sh)'/%3e%3cpath%20d='M13%2020L5%2016c-2%204%201%207%208%208zM13%2030L5%2034c-2-4%201-7%208-8zM35%2020l8-4c2%204-1%207-8%208zM35%2030l8%204c2-4-1-7-8-8z'%20fill='url(%23g)'/%3e%3cpath%20d='M15%2024c3-7%2015-8%2019%200-3%208-15%209-19%200z'%20fill='url(%23sh)'%20stroke='%23e7ffd2'%20stroke-width='1.3'/%3e%3cpath%20d='M24%2015v20M15%2024h18M18%2018l12%2013M30%2018L18%2031'%20stroke='%2317683f'%20stroke-width='1.1'%20opacity='.55'/%3e%3ccircle%20cx='37'%20cy='20'%20r='1.8'%20fill='%23102231'/%3e%3ccircle%20cx='37.6'%20cy='19.4'%20r='.6'%20fill='%23fff'/%3e%3cpath%20d='M36%2024c1.6%201.2%203.3%201.2%204.7%200'%20stroke='%2317683f'%20stroke-width='1.2'%20stroke-linecap='round'%20fill='none'/%3e%3cpath%20d='M17%2017c5-3%2012-2%2016%202'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20opacity='.25'/%3e%3c/g%3e%3c/svg%3e")}.aqua-octopus{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3e%3cdefs%3e%3clinearGradient%20id='g'%20x1='10'%20y1='8'%20x2='38'%20y2='42'%3e%3cstop%20stop-color='%23ffc0ff'/%3e%3cstop%20offset='.5'%20stop-color='%23a56bff'/%3e%3cstop%20offset='1'%20stop-color='%235c39c9'/%3e%3c/linearGradient%3e%3cfilter%20id='s'%20x='-20%25'%20y='-20%25'%20width='140%25'%20height='140%25'%3e%3cfeDropShadow%20dx='0'%20dy='2'%20stdDeviation='1.4'%20flood-color='%23001b2b'%20flood-opacity='.45'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23s)'%3e%3cpath%20d='M14%2021c0-8%205-14%2011-14s11%206%2011%2014c0%205-3%209-11%209s-11-4-11-9z'%20fill='url(%23g)'/%3e%3cpath%20d='M12%2027c-4%203-4%209%201%2011%203%201%205-1%205-4M19%2029c-5%208%204%2013%207%205M26%2029c-2%209%209%2010%208%201M32%2027c1%208%2011%208%2010%200'%20stroke='%238d55e8'%20stroke-width='5'%20stroke-linecap='round'%20fill='none'/%3e%3cpath%20d='M12%2027c-4%203-4%209%201%2011%203%201%205-1%205-4M19%2029c-5%208%204%2013%207%205M26%2029c-2%209%209%2010%208%201M32%2027c1%208%2011%208%2010%200'%20stroke='%23dcb7ff'%20stroke-width='1.8'%20stroke-linecap='round'%20fill='none'%20opacity='.55'/%3e%3ccircle%20cx='21'%20cy='20'%20r='2.3'%20fill='%23102231'/%3e%3ccircle%20cx='30'%20cy='20'%20r='2.3'%20fill='%23102231'/%3e%3ccircle%20cx='21.8'%20cy='19.1'%20r='.75'%20fill='%23fff'/%3e%3ccircle%20cx='30.8'%20cy='19.1'%20r='.75'%20fill='%23fff'/%3e%3cpath%20d='M22%2025c2%201.4%205%201.4%207%200'%20stroke='%234b257c'%20stroke-width='1.5'%20stroke-linecap='round'%20fill='none'/%3e%3cpath%20d='M17%2014c4-5%2011-6%2016-1'%20stroke='%23fff'%20stroke-width='2.2'%20stroke-linecap='round'%20opacity='.3'/%3e%3c/g%3e%3c/svg%3e")}.aqua-seahorse{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3e%3cdefs%3e%3clinearGradient%20id='g'%20x1='14'%20y1='5'%20x2='35'%20y2='43'%3e%3cstop%20stop-color='%23ffe28a'/%3e%3cstop%20offset='.5'%20stop-color='%23ff9d45'/%3e%3cstop%20offset='1'%20stop-color='%23d95f31'/%3e%3c/linearGradient%3e%3cfilter%20id='s'%20x='-20%25'%20y='-20%25'%20width='140%25'%20height='140%25'%3e%3cfeDropShadow%20dx='0'%20dy='2'%20stdDeviation='1.3'%20flood-color='%23001b2b'%20flood-opacity='.45'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23s)'%3e%3cpath%20d='M30%208c-8-3-16%202-16%2010%200%205%203%208%208%209%204%201%205%205%202%207-2%202-6%200-5-4-5%202-4%2010%202%2012%208%202%2014-5%2010-13-2-4-6-6-10-7-3-1-4-4-2-7%202-3%206-4%2011-1z'%20fill='url(%23g)'/%3e%3cpath%20d='M29%208l8%205-8%203z'%20fill='%23ffbf59'/%3e%3cpath%20d='M18%2017c3-3%207-4%2012-2M20%2023c3%201%207%201%2010-1M27%2030c3%203%202%207-1%2010'%20stroke='%23b74a2f'%20stroke-width='1.4'%20stroke-linecap='round'%20fill='none'%20opacity='.55'/%3e%3cpath%20d='M17%2019l-6%203%206%203z'%20fill='%23ffb450'/%3e%3ccircle%20cx='27'%20cy='13'%20r='2'%20fill='%23102231'/%3e%3ccircle%20cx='27.7'%20cy='12.3'%20r='.7'%20fill='%23fff'/%3e%3cpath%20d='M22%2012c3-3%207-3%2010-1'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20opacity='.35'/%3e%3cpath%20d='M34%2019c-2%202-4%203-7%202'%20stroke='%238f3e2c'%20stroke-width='1.2'%20stroke-linecap='round'%20fill='none'/%3e%3c/g%3e%3c/svg%3e")}.aqua-crab{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3e%3cdefs%3e%3clinearGradient%20id='g'%20x1='8'%20y1='10'%20x2='38'%20y2='40'%3e%3cstop%20stop-color='%23ffad89'/%3e%3cstop%20offset='.5'%20stop-color='%23ff5f57'/%3e%3cstop%20offset='1'%20stop-color='%23b92337'/%3e%3c/linearGradient%3e%3cfilter%20id='s'%20x='-20%25'%20y='-20%25'%20width='140%25'%20height='140%25'%3e%3cfeDropShadow%20dx='0'%20dy='2'%20stdDeviation='1.4'%20flood-color='%23001b2b'%20flood-opacity='.45'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23s)'%3e%3cpath%20d='M15%2022c0-6%205-10%2010-10s10%204%2010%2010c0%207-4%2011-10%2011S15%2029%2015%2022z'%20fill='url(%23g)'/%3e%3cpath%20d='M16%2022l-8-7M34%2022l8-7M14%2029L6%2034M36%2029l8%205M16%2031l-6%207M34%2031l6%207'%20stroke='%23ff6a5b'%20stroke-width='4'%20stroke-linecap='round'/%3e%3cpath%20d='M10%2014c-5-4-9%203-5%207%204%201%207-2%205-7zM40%2014c5-4%209%203%205%207-4%201-7-2-5-7z'%20fill='%23ff7668'/%3e%3ccircle%20cx='21'%20cy='21'%20r='2.2'%20fill='%23102231'/%3e%3ccircle%20cx='29'%20cy='21'%20r='2.2'%20fill='%23102231'/%3e%3ccircle%20cx='21.7'%20cy='20.2'%20r='.65'%20fill='%23fff'/%3e%3ccircle%20cx='29.7'%20cy='20.2'%20r='.65'%20fill='%23fff'/%3e%3cpath%20d='M22%2027c2%201.3%204%201.3%206%200'%20stroke='%237a1625'%20stroke-width='1.5'%20stroke-linecap='round'%20fill='none'/%3e%3cpath%20d='M17%2017c5-4%2012-4%2016%200'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20opacity='.28'/%3e%3c/g%3e%3c/svg%3e")}.aqua-jellyfish{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3e%3cdefs%3e%3clinearGradient%20id='g'%20x1='12'%20y1='7'%20x2='36'%20y2='39'%3e%3cstop%20stop-color='%23e3fbff'/%3e%3cstop%20offset='.5'%20stop-color='%2375d7ff'/%3e%3cstop%20offset='1'%20stop-color='%233479e8'/%3e%3c/linearGradient%3e%3cfilter%20id='s'%20x='-20%25'%20y='-20%25'%20width='140%25'%20height='140%25'%3e%3cfeDropShadow%20dx='0'%20dy='2'%20stdDeviation='1.3'%20flood-color='%23001b2b'%20flood-opacity='.45'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23s)'%3e%3cpath%20d='M12%2023c0-9%205-16%2013-16s13%207%2013%2016v4H12z'%20fill='url(%23g)'/%3e%3cpath%20d='M12%2027c3-3%205%203%208%200%203-3%205%203%208%200%203-3%205%203%2010%200v1c0%203-6%206-13%206s-13-3-13-6z'%20fill='%235fb7ff'/%3e%3cpath%20d='M16%2033c-4%204-1%207-4%2010M23%2033c-2%205%202%206-1%2011M30%2033c2%205-2%206%201%2011M36%2032c4%204%201%207%204%2010'%20stroke='%2378ddff'%20stroke-width='3'%20stroke-linecap='round'%20fill='none'/%3e%3ccircle%20cx='21'%20cy='20'%20r='2'%20fill='%23102231'/%3e%3ccircle%20cx='30'%20cy='20'%20r='2'%20fill='%23102231'/%3e%3ccircle%20cx='21.7'%20cy='19.2'%20r='.6'%20fill='%23fff'/%3e%3ccircle%20cx='30.7'%20cy='19.2'%20r='.6'%20fill='%23fff'/%3e%3cpath%20d='M22%2025c2%201%205%201%207%200'%20stroke='%232556a8'%20stroke-width='1.3'%20stroke-linecap='round'%20fill='none'/%3e%3cpath%20d='M16%2015c4-5%2012-6%2017%200'%20stroke='%23fff'%20stroke-width='2.2'%20stroke-linecap='round'%20opacity='.38'/%3e%3c/g%3e%3c/svg%3e")}.aqua-starfish{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3e%3cdefs%3e%3clinearGradient%20id='g'%20x1='10'%20y1='7'%20x2='38'%20y2='40'%3e%3cstop%20stop-color='%23ffe37a'/%3e%3cstop%20offset='.5'%20stop-color='%23ff9b4c'/%3e%3cstop%20offset='1'%20stop-color='%23e05a36'/%3e%3c/linearGradient%3e%3cfilter%20id='s'%20x='-20%25'%20y='-20%25'%20width='140%25'%20height='140%25'%3e%3cfeDropShadow%20dx='0'%20dy='2'%20stdDeviation='1.3'%20flood-color='%23001b2b'%20flood-opacity='.45'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23s)'%3e%3cpath%20d='M24%205l5%2013%2014-1-11%209%205%2014-13-8-13%208%205-14-11-9%2014%201z'%20fill='url(%23g)'/%3e%3cpath%20d='M24%2011l3.5%2010.5L38%2021l-8%206.5%203%2010-9-6-9%206%203-10-8-6.5%2010.5.5z'%20fill='none'%20stroke='%23fff0aa'%20stroke-width='1.4'%20opacity='.5'/%3e%3ccircle%20cx='20'%20cy='23'%20r='2'%20fill='%23102231'/%3e%3ccircle%20cx='28'%20cy='23'%20r='2'%20fill='%23102231'/%3e%3ccircle%20cx='20.7'%20cy='22.2'%20r='.6'%20fill='%23fff'/%3e%3ccircle%20cx='28.7'%20cy='22.2'%20r='.6'%20fill='%23fff'/%3e%3cpath%20d='M21%2028c2%201.4%204%201.4%206%200'%20stroke='%23ab4728'%20stroke-width='1.5'%20stroke-linecap='round'%20fill='none'/%3e%3cpath%20d='M19%2014c4-2.5%208-2.5%2012%200'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20opacity='.3'/%3e%3c/g%3e%3c/svg%3e")}.aqua-dolphin{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3e%3cdefs%3e%3clinearGradient%20id='g'%20x1='8'%20y1='9'%20x2='38'%20y2='35'%3e%3cstop%20stop-color='%239bf0ff'/%3e%3cstop%20offset='.5'%20stop-color='%2336aeea'/%3e%3cstop%20offset='1'%20stop-color='%231d5fb6'/%3e%3c/linearGradient%3e%3cfilter%20id='s'%20x='-20%25'%20y='-20%25'%20width='140%25'%20height='140%25'%3e%3cfeDropShadow%20dx='0'%20dy='2'%20stdDeviation='1.3'%20flood-color='%23001b2b'%20flood-opacity='.45'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23s)'%3e%3cpath%20d='M7%2029c8-13%2021-18%2034-11-5%200-8%202-9%205%205%202%208%206%209%2011-8-6-17-7-27-2l-7%207%202-8z'%20fill='url(%23g)'/%3e%3cpath%20d='M21%2019l4-10%206%208zM14%2031l-8-1%205%206z'%20fill='%2348bde8'/%3e%3cpath%20d='M13%2029c10-6%2020-6%2027%202'%20stroke='%23e8fbff'%20stroke-width='2.4'%20stroke-linecap='round'%20opacity='.45'/%3e%3ccircle%20cx='32'%20cy='21'%20r='1.8'%20fill='%23102231'/%3e%3ccircle%20cx='32.6'%20cy='20.4'%20r='.55'%20fill='%23fff'/%3e%3cpath%20d='M32%2026c2%20.8%204%20.6%205-.6'%20stroke='%23155090'%20stroke-width='1.3'%20stroke-linecap='round'%20fill='none'/%3e%3c/g%3e%3c/svg%3e")}.aqua-whale{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3e%3cdefs%3e%3clinearGradient%20id='g'%20x1='8'%20y1='10'%20x2='39'%20y2='39'%3e%3cstop%20stop-color='%239edcff'/%3e%3cstop%20offset='.55'%20stop-color='%234389d9'/%3e%3cstop%20offset='1'%20stop-color='%231d4f99'/%3e%3c/linearGradient%3e%3cfilter%20id='s'%20x='-20%25'%20y='-20%25'%20width='140%25'%20height='140%25'%3e%3cfeDropShadow%20dx='0'%20dy='2'%20stdDeviation='1.3'%20flood-color='%23001b2b'%20flood-opacity='.45'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23s)'%3e%3cpath%20d='M7%2026c2-8%2010-13%2021-12%209%201%2014%206%2014%2014%200%207-7%2011-17%2011C14%2039%207%2034%207%2026z'%20fill='url(%23g)'/%3e%3cpath%20d='M37%2023l8-8c2%206-1%2010-8%2012zM37%2027l8%208c2-6-1-10-8-12z'%20fill='%233d83d0'/%3e%3cpath%20d='M11%2030c8%204%2018%205%2028%200-3%206-9%209-16%209-6%200-11-3-12-9z'%20fill='%23d9f4ff'%20opacity='.9'/%3e%3cpath%20d='M17%2031v5M22%2032v6M27%2032v6M32%2031v5'%20stroke='%2398cbe7'%20stroke-width='1'/%3e%3ccircle%20cx='17'%20cy='23'%20r='2'%20fill='%23102231'/%3e%3ccircle%20cx='17.7'%20cy='22.3'%20r='.6'%20fill='%23fff'/%3e%3cpath%20d='M5%2018c3-2%204-5%202-9M9%2018c3-2%205-5%205-9M13%2018c3-2%205-5%204-9'%20stroke='%238de9ff'%20stroke-width='2'%20stroke-linecap='round'%20opacity='.85'/%3e%3cpath%20d='M13%2017c6-4%2017-4%2023%202'%20stroke='%23fff'%20stroke-width='2.2'%20stroke-linecap='round'%20opacity='.28'/%3e%3c/g%3e%3c/svg%3e")}.aqua-shark{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3e%3cdefs%3e%3clinearGradient%20id='g'%20x1='7'%20y1='10'%20x2='41'%20y2='37'%3e%3cstop%20stop-color='%23e6f5ff'/%3e%3cstop%20offset='.5'%20stop-color='%238ea4b8'/%3e%3cstop%20offset='1'%20stop-color='%23465a6e'/%3e%3c/linearGradient%3e%3cfilter%20id='s'%20x='-20%25'%20y='-20%25'%20width='140%25'%20height='140%25'%3e%3cfeDropShadow%20dx='0'%20dy='2'%20stdDeviation='1.3'%20flood-color='%23001b2b'%20flood-opacity='.45'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23s)'%3e%3cpath%20d='M5%2026c8-8%2021-12%2036-5-5%202-8%205-10%209-9%202-18%201-26-4z'%20fill='url(%23g)'/%3e%3cpath%20d='M35%2023l9-8%201%2015zM21%2019l5-10%205%2011zM20%2030l6%208%203-9z'%20fill='%236f8599'/%3e%3cpath%20d='M9%2028c8%203%2017%204%2026%201-5%205-18%207-26-1z'%20fill='%23f6fbff'%20opacity='.82'/%3e%3ccircle%20cx='30'%20cy='22'%20r='1.7'%20fill='%23102231'/%3e%3ccircle%20cx='30.5'%20cy='21.5'%20r='.5'%20fill='%23fff'/%3e%3cpath%20d='M31%2027l8-1-4%203z'%20fill='%23fff'/%3e%3cpath%20d='M12%2021c7-4%2016-5%2025-2'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20opacity='.28'/%3e%3c/g%3e%3c/svg%3e")}.aqua-manta{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3e%3cdefs%3e%3clinearGradient%20id='g'%20x1='8'%20y1='10'%20x2='40'%20y2='41'%3e%3cstop%20stop-color='%23c4f7ff'/%3e%3cstop%20offset='.5'%20stop-color='%234fadc8'/%3e%3cstop%20offset='1'%20stop-color='%2320677d'/%3e%3c/linearGradient%3e%3cfilter%20id='s'%20x='-20%25'%20y='-20%25'%20width='140%25'%20height='140%25'%3e%3cfeDropShadow%20dx='0'%20dy='2'%20stdDeviation='1.3'%20flood-color='%23001b2b'%20flood-opacity='.45'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23s)'%3e%3cpath%20d='M4%2023c8-11%2018-11%2020-4%202-7%2012-7%2020%204-7%202-13%205-17%2010l-3%209-3-9C17%2028%2011%2025%204%2023z'%20fill='url(%23g)'/%3e%3cpath%20d='M16%2022c5%205%2011%205%2016%200'%20fill='none'%20stroke='%23e8fbff'%20stroke-width='2'%20stroke-linecap='round'%20opacity='.38'/%3e%3ccircle%20cx='19'%20cy='23'%20r='1.8'%20fill='%23102231'/%3e%3ccircle%20cx='29'%20cy='23'%20r='1.8'%20fill='%23102231'/%3e%3ccircle%20cx='19.6'%20cy='22.4'%20r='.55'%20fill='%23fff'/%3e%3ccircle%20cx='29.6'%20cy='22.4'%20r='.55'%20fill='%23fff'/%3e%3cpath%20d='M20%2028c2%201.2%206%201.2%208%200'%20stroke='%2315566c'%20stroke-width='1.4'%20stroke-linecap='round'%20fill='none'/%3e%3cpath%20d='M13%2019c6-4%2015-4%2022%200'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20opacity='.28'/%3e%3c/g%3e%3c/svg%3e")}.aqua-squid{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3e%3cdefs%3e%3clinearGradient%20id='g'%20x1='12'%20y1='5'%20x2='36'%20y2='42'%3e%3cstop%20stop-color='%23ffcdf1'/%3e%3cstop%20offset='.52'%20stop-color='%23ff72b8'/%3e%3cstop%20offset='1'%20stop-color='%23b1328f'/%3e%3c/linearGradient%3e%3cfilter%20id='s'%20x='-20%25'%20y='-20%25'%20width='140%25'%20height='140%25'%3e%3cfeDropShadow%20dx='0'%20dy='2'%20stdDeviation='1.3'%20flood-color='%23001b2b'%20flood-opacity='.45'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23s)'%3e%3cpath%20d='M24%205c8%205%2012%2013%2010%2024H14C12%2018%2016%2010%2024%205z'%20fill='url(%23g)'/%3e%3cpath%20d='M14%2029c-4%205-1%209-5%2013M18%2029c-2%206%202%208-1%2013M24%2029v13M30%2029c2%206-2%208%201%2013M34%2029c4%205%201%209%205%2013'%20stroke='%23e553aa'%20stroke-width='4'%20stroke-linecap='round'%20fill='none'/%3e%3cpath%20d='M14%2029c-4%205-1%209-5%2013M18%2029c-2%206%202%208-1%2013M24%2029v13M30%2029c2%206-2%208%201%2013M34%2029c4%205%201%209%205%2013'%20stroke='%23ffc4ef'%20stroke-width='1.4'%20stroke-linecap='round'%20fill='none'%20opacity='.55'/%3e%3cpath%20d='M18%2013c3-4%209-5%2013%200'%20stroke='%23fff'%20stroke-width='2.2'%20stroke-linecap='round'%20opacity='.32'/%3e%3ccircle%20cx='20'%20cy='22'%20r='2.2'%20fill='%23102231'/%3e%3ccircle%20cx='29'%20cy='22'%20r='2.2'%20fill='%23102231'/%3e%3ccircle%20cx='20.8'%20cy='21.2'%20r='.65'%20fill='%23fff'/%3e%3ccircle%20cx='29.8'%20cy='21.2'%20r='.65'%20fill='%23fff'/%3e%3cpath%20d='M21%2026c2%201.2%205%201.2%207%200'%20stroke='%237a2060'%20stroke-width='1.4'%20stroke-linecap='round'%20fill='none'/%3e%3c/g%3e%3c/svg%3e")}.icon-chess{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;position:relative;flex:0 0 auto;line-height:1;transform:translateY(-1px)}.icon-chess:before{content:var(--chess-piece);display:block;font-family:Georgia,Times New Roman,serif;font-size:35px;font-weight:700;line-height:1;letter-spacing:0}.chess-white:before{color:#fff8df;text-shadow:0 1px 0 #8f7846,1px 0 0 #8f7846,0 -1px 0 rgba(77,56,24,.92),-1px 0 0 #8f7846,0 3px 6px rgba(0,0,0,.38);filter:drop-shadow(0 0 2px rgba(255,241,183,.45))}.chess-black:before{color:#15181f;text-shadow:0 1px 0 #f0d892,1px 0 0 rgba(240,216,146,.7),0 -1px 0 rgba(255,249,225,.42),-1px 0 0 rgba(240,216,146,.7),0 3px 6px rgba(0,0,0,.5);filter:drop-shadow(0 0 2px rgba(255,230,166,.32))}.chess-king{--chess-piece: "♔"}.chess-queen{--chess-piece: "♕"}.chess-rook{--chess-piece: "♖"}.chess-bishop{--chess-piece: "♗"}.chess-bishop:after{content:"";position:absolute;left:9px;right:9px;bottom:5px;height:5px;border-radius:4px 4px 2px 2px;background:var(--chess-base-fill);box-shadow:0 1px 0 var(--chess-base-rim),0 2px 4px #0000004d}.chess-white.chess-bishop{--chess-base-fill: #fff8df;--chess-base-rim: #8f7846}.chess-black.chess-bishop{--chess-base-fill: #15181f;--chess-base-rim: rgba(240, 216, 146, .75)}.chess-knight{--chess-piece: "♘"}.chess-pawn{--chess-piece: "♙"}.chess-black.chess-king{--chess-piece: "♚"}.chess-black.chess-queen{--chess-piece: "♛"}.chess-black.chess-rook{--chess-piece: "♜"}.chess-black.chess-bishop{--chess-piece: "♝"}.chess-black.chess-knight{--chess-piece: "♞"}.chess-black.chess-pawn{--chess-piece: "♟"}.icon-botanica{width:34px;height:34px;position:relative;flex-shrink:0;background:var(--botanica-fill, #7bd88f);filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.bot-seed{--botanica-fill: linear-gradient(135deg, #f7c56b, #9b5d2e);width:24px;height:32px;border-radius:55% 45%;transform:rotate(-24deg);box-shadow:inset -5px -5px #582d1440}.bot-seed:after{content:"";position:absolute;inset:6px 10px 6px 8px;border-left:2px solid rgba(255,245,200,.75);border-radius:50%}.bot-sprout{--botanica-fill: #72d66b;background:transparent}.bot-sprout:before{content:"";position:absolute;left:15px;bottom:3px;width:4px;height:25px;border-radius:4px;background:#4fa95d}.bot-sprout:after{content:"";position:absolute;left:5px;top:5px;width:25px;height:18px;background:radial-gradient(ellipse at 30% 55%,#a2ec7b 0 34%,transparent 36%),radial-gradient(ellipse at 72% 45%,#4fd07d 0 35%,transparent 37%)}.bot-leaf{--botanica-fill: linear-gradient(135deg, #b8f28f, #20b876);border-radius:80% 0;transform:rotate(-45deg);box-shadow:inset -6px 4px #17694440}.bot-leaf:after{content:"";position:absolute;top:4px;left:16px;width:2px;height:27px;background:#ffffff8c;transform:rotate(45deg)}.bot-blossom{--botanica-fill: radial-gradient(circle, #ffe88a 0 18%, transparent 19%), radial-gradient(circle at 50% 8%, #ff6fb1 0 20%, transparent 21%), radial-gradient(circle at 92% 50%, #ff6fb1 0 20%, transparent 21%), radial-gradient(circle at 50% 92%, #ff6fb1 0 20%, transparent 21%), radial-gradient(circle at 8% 50%, #ff6fb1 0 20%, transparent 21%);background:var(--botanica-fill)}.bot-berry{--botanica-fill: radial-gradient(circle at 32% 32%, #fff7 0 10%, transparent 11%), radial-gradient(circle at 34% 42%, #ff5d73 0 25%, transparent 26%), radial-gradient(circle at 66% 42%, #d7265f 0 25%, transparent 26%), radial-gradient(circle at 50% 68%, #b9154d 0 25%, transparent 26%);background:var(--botanica-fill)}.bot-berry:after{content:"";position:absolute;top:1px;left:13px;width:12px;height:10px;background:#68d85f;clip-path:polygon(50% 0,100% 55%,60% 55%,60% 100%,40% 100%,40% 55%,0 55%)}.bot-mushroom{--botanica-fill: transparent;background:transparent}.bot-mushroom:before{content:"";position:absolute;left:4px;top:4px;width:26px;height:18px;border-radius:18px 18px 7px 7px;background:radial-gradient(circle at 34% 44%,#fff 0 10%,transparent 11%),radial-gradient(circle at 66% 38%,#fff 0 9%,transparent 10%),linear-gradient(135deg,#ff705d,#b32945)}.bot-mushroom:after{content:"";position:absolute;left:12px;bottom:2px;width:11px;height:16px;border-radius:5px 5px 4px 4px;background:#f6dfbd}.bot-cactus{--botanica-fill: linear-gradient(135deg, #2fd37a, #0c7d62);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath d='M14 5a3 3 0 0 1 6 0v10h1v-4a3 3 0 0 1 6 0v7a7 7 0 0 1-7 7v7h-6v-9a7 7 0 0 1-7-7v-3a3 3 0 0 1 6 0v4h1V5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath d='M14 5a3 3 0 0 1 6 0v10h1v-4a3 3 0 0 1 6 0v7a7 7 0 0 1-7 7v7h-6v-9a7 7 0 0 1-7-7v-3a3 3 0 0 1 6 0v4h1V5z'/%3E%3C/svg%3E")}.bot-fern{--botanica-fill: linear-gradient(135deg, #b7f46e, #18a65b);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath d='M16 31h3V6h-3v25zM18 8c-5 0-9 2-12 6 5 0 9-2 12-6zM18 12c-4 0-8 2-11 5 5 1 8-1 11-5zM18 16c-4 0-7 1-10 4 4 1 7 0 10-4zM18 20c-3 0-6 1-8 3 3 1 6 0 8-3zM17 8c5 0 9 2 12 6-5 0-9-2-12-6zM17 12c4 0 8 2 11 5-5 1-8-1-11-5zM17 16c4 0 7 1 10 4-4 1-7 0-10-4zM17 20c3 0 6 1 8 3-3 1-6 0-8-3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath d='M16 31h3V6h-3v25zM18 8c-5 0-9 2-12 6 5 0 9-2 12-6zM18 12c-4 0-8 2-11 5 5 1 8-1 11-5zM18 16c-4 0-7 1-10 4 4 1 7 0 10-4zM18 20c-3 0-6 1-8 3 3 1 6 0 8-3zM17 8c5 0 9 2 12 6-5 0-9-2-12-6zM17 12c4 0 8 2 11 5-5 1-8-1-11-5zM17 16c4 0 7 1 10 4-4 1-7 0-10-4zM17 20c3 0 6 1 8 3-3 1-6 0-8-3z'/%3E%3C/svg%3E")}.bot-vine{--botanica-fill: #50d16e;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath d='M12 31c8-7 11-13 7-18-3-4-9-1-7 4 2 4 9 2 14-8l3 2c-6 13-18 14-21 7-3-8 7-14 14-7 6 7 2 15-7 23l-3-3zM7 8c5-2 8-1 11 4-5 1-9 0-11-4zM22 21c5-1 8 0 10 5-5 1-8-1-10-5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath d='M12 31c8-7 11-13 7-18-3-4-9-1-7 4 2 4 9 2 14-8l3 2c-6 13-18 14-21 7-3-8 7-14 14-7 6 7 2 15-7 23l-3-3zM7 8c5-2 8-1 11 4-5 1-9 0-11-4zM22 21c5-1 8 0 10 5-5 1-8-1-10-5z'/%3E%3C/svg%3E")}.bot-pinecone{--botanica-fill: linear-gradient(135deg, #d6924d, #6d3e23);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath d='M17 2c8 7 12 16 0 31C5 18 9 9 17 2zM17 8l-5 5h10l-5-5zM17 14l-6 5h12l-6-5zM17 21l-5 5h10l-5-5z' fill-rule='evenodd'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath d='M17 2c8 7 12 16 0 31C5 18 9 9 17 2zM17 8l-5 5h10l-5-5zM17 14l-6 5h12l-6-5zM17 21l-5 5h10l-5-5z' fill-rule='evenodd'/%3E%3C/svg%3E")}.bot-acorn{--botanica-fill: linear-gradient(135deg, #dca65a 0 42%, #8f542f 43% 100%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath d='M16 3h4v5h7v7h-2c0 10-8 17-8 17S9 25 9 15H7V8h9V3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath d='M16 3h4v5h7v7h-2c0 10-8 17-8 17S9 25 9 15H7V8h9V3z'/%3E%3C/svg%3E")}.bot-tree{--botanica-fill: transparent;background:transparent}.bot-tree:before{content:"";position:absolute;left:5px;top:2px;width:24px;height:24px;border-radius:50% 50% 44% 44%;background:radial-gradient(circle at 32% 35%,#a1f572 0 28%,transparent 29%),radial-gradient(circle at 64% 34%,#52cf74 0 29%,transparent 30%),radial-gradient(circle at 50% 62%,#239d61 0 38%,transparent 39%)}.bot-tree:after{content:"";position:absolute;left:14px;bottom:2px;width:7px;height:14px;border-radius:2px;background:#8b5a32}.share-btn{color:#2196f3!important}.plus-btn{color:#9c27b0}.attempts-display{color:#ddd;font-size:.9rem}.btn-badge{position:absolute;top:4px;right:4px;background-color:#f44336;color:#fff;font-size:.6rem;font-weight:700;padding:1px 4px;border-radius:8px;box-shadow:0 1px 2px #00000080}.hint-btn .btn-badge{min-width:15px;padding:1px 4px;background:#ffc107;color:#17120a;box-shadow:0 0 0 1px #ffffff2e,0 1px 4px #ffc10773}.hint-btn[aria-label*="no hints remaining"] .btn-badge{background:#ff7043;color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.status-caption{display:none!important}.status-won{color:#4caf50;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.status-lost{color:#f44336}.status-hint{color:#ffc107;font-style:italic;font-weight:400;font-size:.95rem}.status-hint-adj{color:#2196f3}.status-hint-dead-end{color:#ff5252;text-shadow:0 0 10px rgba(255,82,82,.4)}.status-submit-feedback{color:#ffca5f;font-style:italic;font-weight:700;text-shadow:0 0 14px rgba(255,202,95,.22)}.pipeline-section--revealing .board-container--start{animation:wrongRevealBoardPulse 1.1s ease-in-out both}.pipeline-section--revealing .cell.reveal-pending{position:relative;overflow:hidden;animation:wrongRevealCellTick 1.1s ease-in-out both}.pipeline-section--revealing .cell.reveal-pending:after{content:"";position:absolute;inset:-35%;background:linear-gradient(110deg,transparent 30%,rgba(255,202,95,.28) 50%,transparent 70%);transform:translate(-65%);animation:wrongRevealSweep 1.1s ease-out both;pointer-events:none}.playthrough-prompt-bubble{display:none!important}.playthrough-prompt-bubble:after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:#141414f5;border-right:1px solid rgba(255,202,95,.45);border-bottom:1px solid rgba(255,202,95,.45);transform:translate(-50%) rotate(45deg)}@keyframes wrongRevealBoardPulse{0%{transform:scale(1);filter:brightness(1)}42%{transform:scale(1.025);filter:brightness(1.2)}to{transform:scale(1);filter:brightness(1)}}@keyframes wrongRevealCellTick{0%,to{border-color:inherit}45%{border-color:#ffca5feb}}@keyframes wrongRevealSweep{0%{transform:translate(-65%);opacity:0}28%{opacity:1}to{transform:translate(65%);opacity:0}}@keyframes playthroughPromptPop{0%{opacity:0;transform:translateY(5px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.card.card--new-ui{padding:4px;border-radius:10px;background-color:#1e1e1e;width:fit-content}body.light-mode .card.card--new-ui{background-color:transparent}.card.card--new-ui>div{gap:8px!important}.tray--new-ui{padding-left:0;padding-right:0;align-items:center}.card-order-row{--card-order-badge-size: 24px;--card-order-badge-gap: 12px;display:grid;grid-template-columns:max-content;align-items:center;position:relative;width:fit-content;max-width:100%;overflow:visible}.card-order-row>.card-badge{position:absolute;left:calc(-1 * (var(--card-order-badge-size) + var(--card-order-badge-gap)));top:50%;width:var(--card-order-badge-size);height:var(--card-order-badge-size);transform:translateY(-50%);transition:opacity .2s}.card-order-slot{grid-column:1;display:flex;justify-content:center;align-items:center;min-width:0;position:relative}.card-badge--dimmed{opacity:.35}.card--hint-source,.card--hint-next{outline:3px solid #ffc107;outline-offset:3px;box-shadow:0 0 0 3px #ffc1072e,0 0 18px #ffc107b8!important;animation:hintTargetPulse 1.25s ease-in-out infinite}.card--hint-recovery{outline:3px solid #ff7043;outline-offset:3px;box-shadow:0 0 0 3px #ff704329,0 0 18px #ff5252ad!important;animation:hintTargetPulseDanger 1.25s ease-in-out infinite}.card-hint-marker{position:absolute;top:5px;right:5px;z-index:3;padding:2px 5px;border-radius:999px;background:#ffc107;color:#17120a;font-size:.58rem;font-weight:900;line-height:1;letter-spacing:.02em;pointer-events:none}.card-order-row--hint-target>.card-badge{background:#ffc107;color:#17120a;box-shadow:0 0 0 3px #ffc1072e,0 0 16px #ffc107b3;animation:hintBadgePulse 1.25s ease-in-out infinite}.card-order-row--hint-target .card-order-slot:after{content:"";position:absolute;inset:-5px;border:2px dashed #ffc107;border-radius:13px;pointer-events:none;animation:hintSlotPulse 1.25s ease-in-out infinite}@keyframes hintTargetPulse{0%,to{outline-color:#ffc107;filter:brightness(1)}50%{outline-color:#fff3b0;filter:brightness(1.08)}}@keyframes hintTargetPulseDanger{0%,to{outline-color:#ff7043;filter:brightness(1)}50%{outline-color:#ffc1ad;filter:brightness(1.08)}}@keyframes hintBadgePulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.14)}}@keyframes hintSlotPulse{0%,to{opacity:.7}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.card--hint-source,.card--hint-next,.card--hint-recovery,.card-order-row--hint-target>.card-badge,.card-order-row--hint-target .card-order-slot:after{animation:none}}.card.card--shuffle-pop{animation:actionShufflePop .3s cubic-bezier(.22,1,.36,1) both}@keyframes actionShufflePop{0%{opacity:.82;transform:translateY(6px) scale(.985);filter:saturate(1)}52%{opacity:1;transform:translateY(-2px) scale(1.018);filter:saturate(1.28) brightness(1.08)}to{opacity:1;transform:translateY(0) scale(1);filter:saturate(1) brightness(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-shake{animation:shake .2s ease-in-out 0s 2;color:#ff5252!important}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.cell.changed{background-color:#ffc10726;border:1px solid #ffc107;animation:pulse .5s ease-in-out}.cell.match{background-color:#4caf5026;border:1px solid #4caf50}.cell.mismatch{background-color:#f4433626;border:1px solid #f44336}.cell.target-cell{border:2px solid #666}.board-container--start .cell.changed,.board-container--start .cell.match,.board-container--start .cell.mismatch{border-width:2px;border-style:solid}.board-container--goal .cell.target-cell{border:2px solid rgba(0,229,255,.48)}.card.executing{border:2px solid #ffc107;box-shadow:0 0 15px #ffc10799}body.light-mode .card.executing{background:#fbfcf9!important;border-color:#a96900!important;box-shadow:inset 0 0 0 1px #a969004d,0 0 12px #f7c94875,var(--light-shadow)!important;animation:pulse .5s ease-in-out}@media(prefers-reduced-motion:reduce){body.light-mode .card.executing,body.light-mode .board-container--start .cell.changed{animation:none}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.plus-badge{background:linear-gradient(135deg,gold,orange);color:#000;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:800;margin-left:8px;box-shadow:0 0 10px #ffd70066}.upgrade-btn{background:linear-gradient(135deg,#6200ea,#3700b3);color:#fff;font-size:.8rem;padding:6px 12px;margin-top:4px}.ad-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#999}.ad-subtext{font-size:10px;opacity:.75;color:#666}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}body.welcome-modal-active #app,body.welcome-modal-active #ad-container,body.welcome-modal-active .beta-panel-root{display:none!important}.welcome-modal-overlay{background:#05070a;-webkit-backdrop-filter:none;backdrop-filter:none}.message-modal-overlay{padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:1200}.message-modal{position:relative;width:fit-content;min-width:min(280px,calc(100vw - 32px));max-width:min(360px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow:auto;padding:14px 44px 14px 16px;border-radius:12px;border:1px solid color-mix(in srgb,var(--message-accent-color, #ffd700) 45%,rgba(255,255,255,.18));background:#181818f5;color:#f5f5f5;text-align:left;box-shadow:0 18px 48px #00000073,0 0 24px color-mix(in srgb,var(--message-accent-color, #ffd700) 16%,transparent);animation:playthroughPromptPop .18s ease-out both;outline:none}.message-modal:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:12px 0 0 12px;background:var(--message-accent-color, #ffd700)}.message-modal-title{margin:0 0 5px;color:color-mix(in srgb,var(--message-accent-color, #ffd700) 84%,#ffffff);font-size:.84rem;font-weight:900;line-height:1.15;letter-spacing:0;text-transform:uppercase}.message-modal-copy{margin:0;color:#fff;font-size:.95rem;font-weight:750;line-height:1.28}.message-modal-detail{margin:7px 0 0;color:#cfcfcf;font-size:.78rem;font-weight:650;line-height:1.25}.message-modal-close{position:absolute;top:8px;right:8px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff0f;color:#ddd;cursor:pointer}.message-modal-close:hover{background:#ffffff24;color:#fff}.message-modal-actions{margin-top:10px}.message-modal-action{width:auto;min-width:0;max-width:none;padding:8px 12px;border-radius:999px;font-size:.8rem}.message-modal-overlay--danger .message-modal{--message-accent-color: #ff5252}.message-modal-overlay--warning .message-modal{--message-accent-color: #ffca5f}.message-modal-overlay--hint .message-modal{--message-accent-color: #ffc107}.message-modal-overlay--success .message-modal{--message-accent-color: #66bb6a}body.light-mode .message-modal-overlay{background:transparent}body.light-mode .message-modal{background:#fff;color:#111;border:2px solid #111111;box-shadow:0 16px 36px #1111112e}body.light-mode .message-modal-title,body.light-mode .message-modal-copy{color:#111}body.light-mode .message-modal-detail{color:#555}body.light-mode .message-modal-close{background:#fff;border-color:#111;color:#111}body.light-mode .message-modal-close:hover{background:#eef7f8;color:var(--white-mechanic)}.ad-interstitial-content{background:#121212!important;border:1px solid #333;padding:0!important;overflow:hidden;max-width:420px}.ad-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08)}.ad-badge{font-size:.75rem;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.05em}.ad-upgrade-btn{background:linear-gradient(135deg,gold,#ff8c00);color:#000;border:none;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.ad-upgrade-btn:hover{transform:translateY(-1px);box-shadow:0 0 12px #ffd70066}.ad-body{padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:15px}.ad-icon-animation{animation:adPulse 3s ease-in-out infinite}@keyframes adPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(0,229,255,.2))}50%{transform:scale(1.05);filter:drop-shadow(0 0 20px rgba(0,229,255,.4))}}.ad-body h3{margin:10px 0 5px!important;color:gold!important}.ad-footer{padding:15px;background:#0000004d;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:center;align-items:center}.ad-continue-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:10px 24px;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;width:100%;max-width:250px}.ad-continue-btn:hover{background:#fff3;border-color:#fff6}.interaction-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#121212e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:12px;gap:1.25rem;padding:20px;box-sizing:border-box;animation:fadeIn .25s ease-out}body.light-mode .interaction-overlay{background:#fffffff2;border:1px solid #d1d5db}.modal-congratulations h4{margin:0 0 .5rem;color:gold;font-size:1.4rem;font-weight:700;text-shadow:0 0 12px rgba(255,215,0,.2)}body.light-mode .modal-congratulations h4{color:#2e7d32;text-shadow:none}.modal-actions{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%;margin-top:20px}.modal-btn{padding:12px 24px;border-radius:8px;border:none;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;width:85%;max-width:280px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box}.modal-btn:hover{transform:translateY(-2px)}.modal-btn-primary{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;box-shadow:0 4px 12px #4caf504d}.modal-btn-primary:hover{box-shadow:0 6px 16px #4caf5066}.modal-btn-blue{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;box-shadow:0 4px 12px #2196f34d}.modal-btn-blue:hover{box-shadow:0 6px 16px #2196f366}.modal-btn-purple{background:linear-gradient(135deg,#6200ea,#3700b3);color:#fff;box-shadow:0 4px 12px #6200ea4d}.modal-btn-purple:hover{box-shadow:0 6px 16px #6200ea66}.modal-btn-gold{background:linear-gradient(135deg,gold,#ff8c00);color:#000;box-shadow:0 4px 12px #ffd7004d}.modal-btn-gold:hover{box-shadow:0 6px 16px #ffd70066}.modal-btn-secondary{background:#ffffff14;color:#e0e0e0;border:1px solid rgba(255,255,255,.15)}body.light-mode .modal-btn-secondary{background:#f3f4f6;color:#374151;border-color:#d1d5db}.modal-btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}body.light-mode .modal-btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.modal-btn-close{background:transparent;color:#999;border:none;font-weight:600;box-shadow:none;font-size:.95rem}body.light-mode .modal-btn-close{color:#666}.modal-btn-close:hover{color:#fff;transform:none;background:#ffffff1a}body.light-mode .modal-btn-close:hover{color:#000;background:#0000000d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#1e1e1e;padding:30px;border-radius:16px;border:1px solid #333;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 40px #00000080}.modal-content h3{margin-top:0;color:gold}.stats-overlay-blur{-webkit-backdrop-filter:blur(10px) brightness(.7);backdrop-filter:blur(10px) brightness(.7)}.stats-header-row{text-align:center;margin-bottom:1rem}.stats-header-row h3{display:inline-block;vertical-align:middle;margin:0}.plus-badge-inline{display:inline-block;vertical-align:middle;margin-left:10px;background:linear-gradient(135deg,gold,#ff8c00);color:#000;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:800;letter-spacing:.5px;box-shadow:0 0 10px #ffd70066}.stats-promo-cta{margin-top:1.5rem;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,215,0,.3);border-radius:8px;text-align:center}.stats-promo-cta p{margin:0 0 .8rem;font-size:.85rem;color:#ccc}.upgrade-btn-small{background:linear-gradient(135deg,gold,#ff8c00);color:#000;border:none;padding:8px 16px;border-radius:16px;font-size:.85rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.upgrade-btn-small:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd7004d}@keyframes fillBar{0%{width:0!important}}.graph-bar.animate-fill{animation:fillBar .8s cubic-bezier(.175,.885,.32,1.275) backwards}.achievement.locked{filter:grayscale(100%) opacity(.4)}.achievement.unlocked{filter:none;transition:transform .2s,filter .2s}.achievement.unlocked:hover{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}.theme-char{font-size:1.5rem;font-weight:700;color:var(--text-color)}.shape-square,.shape-circle,.shape-triangle,.shape-star,.shape-diamond,.shape-hexagon,.shape-pentagon,.shape-cross,.shape-trapezoid{width:32px;height:32px;flex-shrink:0}.shape-square{background-color:#ff5252}.shape-circle{border-radius:50%;background-color:#448aff}.shape-triangle{width:32px;height:32px;background-color:#69f0ae;clip-path:polygon(50% 0%,0% 100%,100% 100%);flex-shrink:0!important}.shape-star{background-color:#ffd740;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.shape-diamond{background-color:#e040fb;transform:rotate(45deg);margin:4px;width:24px;height:24px}.shape-hexagon{background-color:#ffab40;height:27.7px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.shape-pentagon{background-color:#00bcd4;clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)}.shape-cross{background-color:#9c27b0;clip-path:polygon(20% 0%,80% 0%,80% 20%,100% 20%,100% 80%,80% 80%,80% 100%,20% 100%,20% 80%,0% 80%,0% 20%,20% 20%)}.shape-octagon{width:32px;height:32px;background-color:#009688;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%)}.shape-parallelogram{width:30px;height:24px;margin-top:4px;background-color:#3f51b5;transform:skew(-20deg)}.shape-crescent{width:32px;height:32px;border-radius:50%;-webkit-mask-image:radial-gradient(circle at 25% 50%,transparent 50%,black 52%);mask-image:radial-gradient(circle at 25% 50%,transparent 50%,black 52%);transform:rotate(-15deg)}.shape-heart{width:36px;height:36px;background-color:#e91e63;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.shape-trapezoid{height:24px;margin-top:4px;background-color:#795548;clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%)}.shape-premium{background-image:linear-gradient(135deg,#ffffff4d,#ffffff0d 40%,#0000000d 60%,#0003);filter:drop-shadow(0 3px 5px rgba(0,0,0,.4));border:1px solid rgba(255,255,255,.15);box-sizing:border-box}.pattern-cell .shape-premium{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));border:.5px solid rgba(255,255,255,.2)}.pattern-cell .shape-square,.pattern-cell .shape-circle,.pattern-cell .shape-star,.pattern-cell .shape-pentagon,.pattern-cell .shape-cross,.pattern-cell .shape-octagon,.pattern-cell .shape-crescent{width:28px;height:28px}.pattern-cell .shape-hexagon{width:28px;height:24.2px}.pattern-cell .shape-heart{width:28px;height:28px;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pattern-cell .shape-parallelogram{width:24px!important;height:20px;margin-top:0;transform:skew(-20deg)}.pattern-cell .shape-trapezoid{width:28px;height:21px;margin-top:0}.pattern-cell .shape-triangle{width:28px;height:28px;clip-path:polygon(50% 0%,0% 100%,100% 100%);border:none}.pattern-cell .shape-diamond{width:20px;height:20px;margin:0}.pattern-cell .shape-parallelogram{width:28px;height:20px;margin-top:0;transform:skew(-20deg)}.pattern-cell .shape-dynamic{width:28px;height:28px;font-size:.9rem;border-radius:4px}.pattern-grid{display:flex;gap:4px;align-items:center}.pattern-cell{width:34px;height:34px;border:1px solid #555;border-radius:4px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.pattern-cell.card-index-cell--filled{border:2px solid #555}.pattern-cell.card-index-cell--mechanic{border:2px solid rgba(0,229,255,.48);box-shadow:0 0 10px #00e5ff14}.pattern-cell.card-index-cell--empty,.pattern-cell.empty-overwrite{background:transparent;border:2px dashed #555}.pattern-cell .swap-symbol{color:#aaa;display:flex;justify-content:center;align-items:center;width:24px;height:24px;margin:auto;filter:none}.transform-arrow-container{display:flex;align-items:center;justify-content:center;margin:0;min-width:52px}.transform-arrow{color:#aaa;filter:none}.dice-face{width:32px;height:32px;border-radius:6px;box-sizing:border-box;flex-shrink:0;position:relative;border:1px solid var(--die-border);box-shadow:inset 0 1px 1px #ffffff6b,inset 0 -5px 10px var(--die-inner-shadow),0 2px 5px #00000047;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.dice-face:before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;box-shadow:inset 1px 1px 0 var(--die-edge-highlight),inset -1px -1px 0 var(--die-edge-shade)}.dice-white{background-color:#f2f4f7;--die-border: rgba(17, 24, 39, .18);--die-inner-shadow: rgba(15, 23, 42, .16);--die-edge-highlight: rgba(255, 255, 255, .92);--die-edge-shade: rgba(15, 23, 42, .1);--dot-color: #151923;--dot-highlight: rgba(255, 255, 255, .3)}.dice-black{background-color:#171a20;--die-border: rgba(255, 255, 255, .14);--die-inner-shadow: rgba(0, 0, 0, .38);--die-edge-highlight: rgba(255, 255, 255, .16);--die-edge-shade: rgba(0, 0, 0, .3);--dot-color: #f4f7fb;--dot-highlight: rgba(255, 255, 255, .88)}.dice-1,.dice-2,.dice-3,.dice-4,.dice-5,.dice-6{background-size:8px 8px}.dice-1{background-image:radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px 3px,transparent 3.5px);background-position:12px 12px;background-repeat:no-repeat}.dice-2{background-image:radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px 3px,transparent 3.5px),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px 3px,transparent 3.5px);background-position:4px 4px,20px 20px;background-repeat:no-repeat}.dice-3{background-image:radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px 3px,transparent 3.5px),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px 3px,transparent 3.5px),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px 3px,transparent 3.5px);background-position:4px 4px,12px 12px,20px 20px;background-repeat:no-repeat}.dice-4{background-image:radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px 3px,transparent 3.5px),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px 3px,transparent 3.5px),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px 3px,transparent 3.5px),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px 3px,transparent 3.5px);background-position:4px 4px,20px 4px,4px 20px,20px 20px;background-repeat:no-repeat}.dice-5{background-image:radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px 3px,transparent 3.5px),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px 3px,transparent 3.5px),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px 3px,transparent 3.5px),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px 3px,transparent 3.5px),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px 3px,transparent 3.5px);background-position:4px 4px,20px 4px,12px 12px,4px 20px,20px 20px;background-repeat:no-repeat}.dice-6{background-image:radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px 3px,transparent 3.5px),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px 3px,transparent 3.5px),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px 3px,transparent 3.5px),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px 3px,transparent 3.5px),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px 3px,transparent 3.5px),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px 3px,transparent 3.5px);background-position:4px 2px,20px 2px,4px 12px,20px 12px,4px 22px,20px 22px;background-repeat:no-repeat}.pattern-cell .dice-face{width:28px;height:28px;border-radius:5px}.pattern-cell .dice-1,.pattern-cell .dice-2,.pattern-cell .dice-3,.pattern-cell .dice-4,.pattern-cell .dice-5,.pattern-cell .dice-6{background-size:8px 8px;--dot-size: 3px;--dot-space: 3.5px}.pattern-cell .dice-1{background-image:radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px var(--dot-size),transparent var(--dot-space));background-position:10px 10px}.pattern-cell .dice-2{background-image:radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px var(--dot-size),transparent var(--dot-space)),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px var(--dot-size),transparent var(--dot-space));background-position:3px 3px,17px 17px}.pattern-cell .dice-3{background-image:radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px var(--dot-size),transparent var(--dot-space)),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px var(--dot-size),transparent var(--dot-space)),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px var(--dot-size),transparent var(--dot-space));background-position:3px 3px,10px 10px,17px 17px}.pattern-cell .dice-4{background-image:radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px var(--dot-size),transparent var(--dot-space)),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px var(--dot-size),transparent var(--dot-space)),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px var(--dot-size),transparent var(--dot-space)),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px var(--dot-size),transparent var(--dot-space));background-position:3px 3px,17px 3px,3px 17px,17px 17px}.pattern-cell .dice-5{background-image:radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px var(--dot-size),transparent var(--dot-space)),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px var(--dot-size),transparent var(--dot-space)),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px var(--dot-size),transparent var(--dot-space)),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px var(--dot-size),transparent var(--dot-space)),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px var(--dot-size),transparent var(--dot-space));background-position:3px 3px,17px 3px,10px 10px,3px 17px,17px 17px}.pattern-cell .dice-6{background-image:radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px var(--dot-size),transparent var(--dot-space)),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px var(--dot-size),transparent var(--dot-space)),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px var(--dot-size),transparent var(--dot-space)),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px var(--dot-size),transparent var(--dot-space)),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px var(--dot-size),transparent var(--dot-space)),radial-gradient(circle at 35% 35%,var(--dot-highlight) 0 .8px,var(--dot-color) 1px var(--dot-size),transparent var(--dot-space));background-position:2px 2px,18px 2px,2px 10px,18px 10px,2px 18px,18px 18px}.stats-summary{display:flex;justify-content:space-between;margin-bottom:24px}.stat-item{text-align:center}.stat-val{font-size:24px;font-weight:700}.stat-lbl{font-size:12px;opacity:.7}.stats-graph{margin-bottom:24px}.graph-row{display:flex;align-items:center;margin-bottom:4px}.graph-label{width:20px;text-align:right;margin-right:8px;font-size:14px}.graph-bar{background:#444;height:18px;text-align:right;padding-right:8px;font-size:12px;line-height:18px;color:transparent;border-radius:2px}.graph-bar.filled{background:#4caf50;color:#fff}.stats-promo-cta{display:flex;flex-direction:column;align-items:center;margin-top:15px;padding:12px;background:#9c27b014;border:1px dashed rgba(156,39,176,.4);border-radius:8px;gap:10px}.stats-promo-cta p{margin:0;font-size:.85rem;color:#e1bfe6}body.light-mode .stats-promo-cta{background:#9c27b00d;border-color:#9c27b033}body.light-mode .stats-promo-cta p{color:#6a1b9a}.board-section{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.grid-wrapper{display:flex;align-items:center;gap:8px;justify-content:center}.grid-title{margin:0;font-size:1rem;font-weight:700;opacity:.8;white-space:nowrap}.header-left{flex-direction:row}.header-right{flex-direction:row-reverse}.header-top,.header-bottom{flex-direction:column}.stats-row{display:flex;justify-content:center;width:100%;margin-bottom:20px}.stats-container{display:flex;align-items:center;gap:15px;background-color:var(--inactive-bg);padding:8px 16px;border-radius:20px;border:1px solid #333}.icon-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:0;line-height:1}.attempts-display{font-size:.9rem;font-weight:500;color:#ccc}.achievements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.achievement{background:#2a2a2a;padding:8px;border-radius:8px;text-align:center;opacity:.3;filter:grayscale(100%);transition:all .3s ease}.achievement.unlocked{opacity:1;filter:none;background:#3a3a3a;box-shadow:0 2px 4px #0003;border:1px solid #4CAF50}.ach-icon{font-size:24px;margin-bottom:4px}.ach-label{font-size:10px;line-height:1.2}@media(max-width:768px){.ad-banner{display:none}}@media all and (display-mode:standalone){.ad-banner{display:none}}@media(max-width:768px){html,body{overflow-x:auto}#ad-container{display:none;padding:0;border:0;min-height:0}#app{--mobile-test-frame-common-width: 360px;--mobile-test-frame-common-height: 800px;--mobile-test-frame-common-color: rgba(29, 233, 182, .9);--mobile-test-frame-iphone-width: 390px;--mobile-test-frame-iphone-height: 844px;--mobile-test-frame-iphone-color: rgba(0, 184, 212, .85);--mobile-status-bar-height: max(24px, env(safe-area-inset-top));--mobile-safe-bottom: max(10px, env(safe-area-inset-bottom));--cell-size: clamp(40px, 13.2vw, 50px);--card-cell-size: var(--cell-size);--cell-gap: clamp(4px, 1.45vw, 8px);--mobile-rail-size: 24px;--mobile-rail-gap: 12px;--mobile-body-offset: calc(var(--mobile-rail-size) + var(--mobile-rail-gap));--mobile-grid-width: calc((var(--cell-size) * 6) + (var(--cell-gap) * 5));--board-card-gap: .65rem;max-width:100%;min-height:100svh;padding:var(--mobile-status-bar-height) 10px calc(12px + var(--mobile-safe-bottom));gap:.35rem;overflow-x:visible}#app:before,#app:after{position:fixed;left:50%;z-index:10000;transform:translate(-50%);letter-spacing:0;text-align:center;font:600 11px/1 Inter,sans-serif;pointer-events:none}#app:before{content:"390 x 844 iPhone/common-large";position:fixed;top:0;width:var(--mobile-test-frame-iphone-width);height:var(--mobile-test-frame-iphone-height);max-height:100svh;border:2px dashed var(--mobile-test-frame-iphone-color);border-radius:18px;color:var(--mobile-test-frame-iphone-color);padding-top:6px;box-shadow:inset 0 0 0 1px #00b8d44d}#app:after{content:"360 x 800 common baseline";top:18px;width:var(--mobile-test-frame-common-width);height:var(--mobile-test-frame-common-height);max-height:calc(100svh - 18px);border:2px solid var(--mobile-test-frame-common-color);border-radius:16px;color:var(--mobile-test-frame-common-color);padding-top:6px;box-shadow:inset 0 0 0 1px #1de9b647}#app[data-board-length="3"]{--mobile-grid-width: calc((var(--cell-size) * 3) + (var(--cell-gap) * 2))}#app[data-board-length="4"]{--mobile-grid-width: calc((var(--cell-size) * 4) + (var(--cell-gap) * 3))}#app[data-board-length="5"]{--mobile-grid-width: calc((var(--cell-size) * 5) + (var(--cell-gap) * 4))}#app[data-board-length="6"]{--mobile-grid-width: calc((var(--cell-size) * 6) + (var(--cell-gap) * 5))}.level-hub{gap:6px;padding:2px 0 0;width:fit-content;align-self:center;margin-left:var(--mobile-body-offset)}.level-slot{padding:5px 10px;font-size:.75rem}.tutorial-toggle-btn,.info-toggle-btn,.mechanic-animation-header-btn{width:28px;height:28px;flex:0 0 auto}.mechanic-animation-header-btn{position:static;transform:none;margin-left:6px}.pipeline-section{margin-top:-2px}.board-status-caption{width:var(--mobile-grid-width);min-height:14px;margin-bottom:2px;margin-left:var(--mobile-body-offset);font-size:.75rem;line-height:14px}.board-row{width:fit-content;max-width:100%;margin-inline:auto;padding-left:var(--mobile-body-offset)}.board-container{gap:var(--cell-gap)}.cell{width:var(--cell-size);height:var(--cell-size);border-radius:7px;font-size:1.25rem}.board-container--start .cell,.board-container--goal .cell,.board-container--goal .cell.target-cell,.board-container--start .cell.changed,.board-container--start .cell.match,.board-container--start .cell.mismatch{border-width:1.5px}.board-role-badge{left:0;right:auto;width:var(--mobile-rail-size);height:var(--mobile-rail-size)}.board-role-badge svg{width:22px;height:22px}.interaction-area{margin:.45rem 0}.tray{gap:6px}.inline-submit-wrap{width:fit-content;max-width:100%;align-self:center;margin-left:var(--mobile-body-offset);margin-right:0}.tray--new-ui{padding-left:0;padding-right:0}.card-order-row{--card-order-badge-size: var(--mobile-rail-size);--card-order-badge-gap: var(--mobile-rail-gap);grid-template-columns:max-content;width:min-content;max-width:100vw;margin-left:0}.card{min-height:58px;padding:.55rem}.card.card--new-ui{width:min-content;max-width:calc(100vw - 20px);margin-left:0;padding:3px;border-radius:8px}.card.card--new-ui>div{gap:var(--cell-gap)!important}.card.card--new-ui>div>div{gap:var(--cell-gap)!important;width:var(--mobile-grid-width)!important;max-width:var(--mobile-grid-width)}.card-order-row>.card-badge{width:var(--mobile-rail-size);height:var(--mobile-rail-size);font-size:.68rem}.card-index-cell--filled,.card-index-cell--mechanic,.card-index-cell--empty,.pattern-cell.card-index-cell--filled,.pattern-cell.card-index-cell--mechanic,.pattern-cell.card-index-cell--empty,.pattern-cell.empty-overwrite{border-width:1.5px}.pattern-grid{gap:var(--cell-gap)}.pattern-cell{width:var(--card-cell-size);height:var(--card-cell-size)}.pattern-cell .icon-aqua,.pattern-cell .shape-premium,.pattern-cell .shape-square,.pattern-cell .shape-circle,.pattern-cell .shape-star,.pattern-cell .shape-pentagon,.pattern-cell .shape-cross,.pattern-cell .shape-octagon,.pattern-cell .shape-crescent,.pattern-cell .shape-heart,.pattern-cell .shape-parallelogram,.pattern-cell .shape-trapezoid,.pattern-cell .shape-triangle,.pattern-cell .shape-diamond,.pattern-cell .shape-dynamic{max-width:calc(var(--card-cell-size) * .68);max-height:calc(var(--card-cell-size) * .68)}.transform-arrow-container{flex:0 0 auto;min-width:clamp(34px,10vw,46px)}.unified-toolbar{position:sticky;bottom:var(--mobile-safe-bottom);z-index:100;margin-left:var(--mobile-body-offset);margin-top:.35rem;padding:8px 10px;height:50px;border-radius:10px;gap:5px;box-shadow:0 8px 24px #00000073}.toolbar-btn{width:36px;height:36px;padding:7px}.toolbar-meta{margin-left:var(--mobile-body-offset);margin-top:-.25rem;min-height:18px}.attempts-counter{font-size:.72rem;width:fit-content;text-align:center}.status-caption{width:var(--mobile-grid-width);align-self:center;margin-left:var(--mobile-body-offset);min-height:18px;margin-bottom:0;font-size:.9rem}.modal-overlay{align-items:flex-start;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));overflow-y:auto}.modal-content{width:100%;max-width:min(400px,calc(100vw - 24px));max-height:calc(100svh - 24px);overflow-y:auto;padding:22px;border-radius:12px}.ad-interstitial-content{max-width:min(420px,calc(100vw - 24px))}.ad-header{gap:10px;padding:10px 12px}.ad-upgrade-btn{padding:6px 10px;font-size:.7rem}.ad-body{padding:28px 16px}.interaction-overlay{padding:16px;gap:.85rem}.modal-btn{width:100%;max-width:260px;padding:11px 18px}}@media(max-width:380px){#app{--cell-size: clamp(34px, 12.2vw, 44px);--cell-gap: 4px;--mobile-rail-size: 20px;--mobile-rail-gap: 10px;padding-inline:8px;gap:.25rem}.level-hub{gap:4px}.level-slot{padding:4px 8px}.board-role-badge{width:var(--mobile-rail-size);height:var(--mobile-rail-size)}.board-role-badge svg{width:20px;height:20px}.tray--new-ui{padding-left:0}.card-order-row>.card-badge{width:var(--mobile-rail-size);height:var(--mobile-rail-size);font-size:.62rem}.card{min-height:52px}.unified-toolbar{padding:7px 8px;height:48px;gap:4px}.toolbar-btn{width:34px;height:34px;padding:6px}.modal-content{padding:18px}}@media(max-height:700px)and (max-width:768px){#app{--board-card-gap: .45rem;padding-top:var(--mobile-status-bar-height)}.level-hub{padding-top:0}.pipeline-section{margin-top:-4px}.interaction-area{margin:.35rem 0}.tray{gap:5px}.card{min-height:50px}.board-section{gap:6px}.unified-toolbar{margin-top:.2rem}}.card-order-burst{display:none}@media(max-width:768px){#app{--mobile-section-space: 10px;--mobile-order-tab-lift: 8px;--mobile-submit-space: 4px;padding-top:var(--mobile-status-bar-height)}.pipeline-section{margin-top:0}.interaction-area{margin:calc(var(--mobile-section-space) + var(--mobile-order-tab-lift)) 0 var(--mobile-section-space)}.interaction-area:before{content:"Order";position:relative;z-index:0;align-self:center;min-width:64px;margin-bottom:-9px;padding:5px 13px 6px;border:2px solid color-mix(in srgb,var(--level-accent-color) 40%,transparent);border-bottom:0;border-radius:9px 9px 0 0;background:#1e1e1e;color:color-mix(in srgb,var(--level-accent-color) 88%,#ffffff);font-size:.72rem;font-weight:900;line-height:1;letter-spacing:0;text-align:center;transform:translateY(calc(-1 * var(--mobile-order-tab-lift)));box-sizing:border-box;box-shadow:0 -2px 8px #0000001f,inset 0 1px #ffffff0f}.inline-submit-wrap{margin-top:0;margin-bottom:var(--mobile-submit-space)}.board-section{margin-bottom:var(--mobile-section-space)}.inline-submit-btn{min-width:108px;height:38px;padding:0 16px;border-radius:10px;font-size:.84rem}.unified-toolbar{height:48px;padding:4px 8px;gap:6px}.toolbar-btn{width:40px;height:40px;padding:8px}.interaction-area .tray{position:relative;z-index:1}.board-status-caption{color:transparent;min-height:0;margin-bottom:0;font-size:0;line-height:0;text-shadow:none}.grid-wrapper--start,.grid-wrapper--goal{position:relative;padding-top:0;isolation:isolate}.grid-wrapper--start:after,.grid-wrapper--goal:after{content:"";position:absolute;left:50%;top:31px;z-index:1;width:64px;height:6px;transform:translate(-50%);pointer-events:none}.grid-wrapper--start .board-container{background:var(--board-cell-bg)}.grid-wrapper--goal .board-container{background:#323f47}.grid-wrapper--start:before,.grid-wrapper--goal:before{position:relative;z-index:0;min-width:64px;margin-bottom:-9px;padding:5px 13px 6px;border:2px solid color-mix(in srgb,var(--level-accent-color) 40%,transparent);border-bottom:0;border-radius:9px 9px 0 0;color:color-mix(in srgb,var(--level-accent-color) 88%,#ffffff);font-size:.72rem;font-weight:900;line-height:1;letter-spacing:0;text-align:center;box-sizing:border-box;box-shadow:0 -2px 8px #0000001f,inset 0 1px #ffffff0f}.grid-wrapper--start:before{content:"Start";background:var(--board-cell-bg);border-color:color-mix(in srgb,var(--level-accent-color) 40%,transparent)}.grid-wrapper--start:after{background:var(--board-cell-bg)}.grid-wrapper--goal:before{content:"Goal";background:#323f47;border-color:color-mix(in srgb,var(--level-accent-color) 40%,transparent)}.grid-wrapper--goal:after{background:#323f47}.grid-wrapper--start .board-row,.grid-wrapper--goal .board-row{position:relative;z-index:2;margin-top:0}.grid-wrapper--start .board-container,.grid-wrapper--goal .board-container{margin-top:0}body.light-mode .grid-wrapper--start:before{background:var(--board-cell-bg)}body.light-mode .grid-wrapper--start .board-container{background:var(--board-cell-bg)}body.light-mode .grid-wrapper--start:after{background:var(--board-cell-bg)}body.light-mode .grid-wrapper--goal:before{background:#f4f8fa}body.light-mode .grid-wrapper--goal .board-container{background:#f4f8fa}body.light-mode .grid-wrapper--goal:after{background:#f4f8fa}.board-role-badge{display:none}.status-caption[data-mobile-result]:before{content:attr(data-mobile-result);color:#4caf50;font-weight:800}.status-caption[data-mobile-result=Failed]:before{color:#f44336}#app:not([data-level="3"]) .level-hub,#app:not([data-level="3"]) .board-status-caption,#app:not([data-level="3"]) .board-row,#app:not([data-level="3"]) .inline-submit-wrap,#app:not([data-level="3"]) .unified-toolbar,#app:not([data-level="3"]) .toolbar-meta,#app:not([data-level="3"]) .status-caption{transform:translate(calc(-.5 * var(--mobile-body-offset)))}#app[data-level="3"]{--mobile-body-offset: 0px}#app[data-level="3"] .level-hub,#app[data-level="3"] .board-status-caption,#app[data-level="3"] .inline-submit-wrap,#app[data-level="3"] .unified-toolbar,#app[data-level="3"] .toolbar-meta,#app[data-level="3"] .status-caption{margin-left:0}#app[data-level="3"] .board-row{padding-left:0}#app[data-level="3"] .card.card--new-ui{margin-left:0}}@media(max-height:700px)and (max-width:768px){#app{--mobile-section-space: 8px}}.share-modal{max-width:320px!important}.share-preview-container{background:#121212;padding:10px;border-radius:8px;margin:15px 0;border:1px solid #333}.share-textarea{width:100%;height:120px;background:transparent;border:none;color:#ddd;font-family:monospace;resize:none;outline:none;font-size:.9rem}.pipeline-stack-v2{display:flex!important;flex-direction:column!important;align-items:stretch;width:100%;gap:8px;margin-bottom:2rem;min-height:100px;padding-bottom:40px}.slot{width:100%;background-color:transparent;border:none;display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box}.slot:not(.filled){display:none}.slot.filled{border:none;background:none}.card-pool{display:flex!important;flex-direction:column!important;align-items:stretch;gap:8px;padding:0;background:transparent;border-radius:8px;width:100%;box-sizing:border-box}.card-pool:empty{display:none;padding:0;margin:0}.card.dragging{opacity:.94;transform:none;border-color:var(--selection-border)!important;box-shadow:0 14px 30px #00000052,0 0 18px var(--selection-glow)!important;cursor:grabbing}.card[role=button]:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 2px var(--level-color, #20d9df),0 0 18px var(--level-color, #20d9df)}.card.drag-over{border-color:var(--active-border);box-shadow:0 0 10px var(--active-glow);z-index:10}.card.card--drag-placeholder{opacity:.2;border-style:dashed!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--selection-border) 55%,transparent)!important;filter:saturate(.7)}.card.card--drag-clone{opacity:.96;transform-origin:center;will-change:transform;box-shadow:0 18px 34px #00000057,0 0 18px var(--selection-glow)!important}.level-hub{position:relative;z-index:13000;display:flex;gap:10px;justify-content:center;padding:6px 0 2px}.level-slot{display:flex;align-items:center;gap:5px;padding:5px 14px;border-radius:20px;border:1.5px solid #444;background-color:#1e1e1e;font-size:.8rem;font-weight:600;color:#888;transition:border-color .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.level-slot--active{color:#eee;background-color:#252525}.level-slot--solved{color:#888;opacity:.85}.level-slot--failed{color:#888;opacity:.7}.level-slot--locked{opacity:.4;cursor:default}.level-slot__label{letter-spacing:.05em}.level-header{display:flex;align-items:center;gap:8px;justify-content:center;padding:4px 0 6px;font-size:.85rem}.level-id{font-weight:700;font-size:1rem;letter-spacing:.05em}.level-stars{color:#aaa;letter-spacing:2px}.level-card-count{color:#666;font-size:.75rem}.next-level-btn{background:linear-gradient(135deg,#1de9b6,#00e5ff)!important;border:none!important;color:#111!important;font-weight:700;border-radius:8px!important;animation:pulse-button 1.6s ease infinite}@keyframes pulse-button{0%,to{opacity:1}50%{opacity:.8}}.status-won{color:#1de9b6;font-weight:600;text-align:center;animation:popIn .4s ease}.status-lost{color:#ef9a9a;font-weight:600;text-align:center}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.card.review{cursor:default;opacity:.7;pointer-events:none}.card.review:active{cursor:default}.tutorial-toggle-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1.5px solid #666;background-color:#1e1e1e;font-family:Outfit,sans-serif;font-weight:700;font-size:.95rem;color:#888;cursor:pointer;transition:all .2s ease;align-self:center;margin-right:4px}.tutorial-toggle-btn:hover{background-color:#ffffff0d;border-color:#888}.tutorial-toggle-btn--disabled{cursor:default;opacity:.45}.info-settings-group{position:relative;display:flex;align-items:center;align-self:center;z-index:13000}body.tutorial-game-active .beta-panel-root{display:none!important}.tutorial-entry-overlay{padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:#00000075;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2200}.tutorial-entry-card{position:relative;box-sizing:border-box;width:min(360px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow:auto;padding:28px 18px 20px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:linear-gradient(180deg,#fff1,#ffffff06),#181818f7;color:#f8fafc;text-align:center;box-shadow:0 24px 70px #00000080,0 0 32px #00e5ff17;outline:none;animation:tutorialCoachIn .18s ease-out both}.tutorial-entry-close,.tutorial-coach-close{position:absolute;top:9px;right:9px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#ffffff12;color:#f8fafc;cursor:pointer}.tutorial-entry-close:hover,.tutorial-coach-close:hover{background:#ffffff24}.tutorial-entry-kicker{margin-bottom:8px;color:#00e5ff;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.tutorial-entry-card h2{margin:0 0 8px;color:#fff;font-size:1.42rem;line-height:1.08;letter-spacing:0}.tutorial-entry-card p{margin:0 auto 20px;max-width:300px;color:#d8dee9;font-size:.95rem;line-height:1.35}.tutorial-entry-start,.tutorial-entry-action-index{display:inline-flex;align-items:center;justify-content:center;width:min(240px,100%);max-width:240px;margin:0 auto}.tutorial-entry-action-index{margin-top:10px}.tutorial-action-index-active .level-hub,.tutorial-action-index-active .pipeline-section,.tutorial-action-index-active .board-section,.tutorial-action-index-active .inline-submit-wrap,.tutorial-action-index-active .unified-toolbar,.tutorial-action-index-active .attempts-counter{display:none!important}.tutorial-action-index-active .interaction-area{width:min(100%,680px);margin:clamp(18px,5svh,42px) auto 0;pointer-events:none}.tutorial-action-index-active .tray{margin:0 auto}.tutorial-action-index-active .card-order-row,.tutorial-action-index-active .card-order-slot,.tutorial-action-index-active .card{pointer-events:none}.tutorial-coach-layer{position:fixed;inset:0;z-index:2100;pointer-events:auto;background:#00000029;opacity:0;transition:opacity .18s ease}.tutorial-coach-layer--visible{opacity:1}.tutorial-coach-highlight{position:fixed;border:2px solid rgba(0,229,255,.95);border-radius:14px;box-shadow:0 0 0 9999px #00000047,0 0 26px #00e5ff61,inset 0 0 18px #00e5ff1f;transition:left .22s ease,top .22s ease,width .22s ease,height .22s ease,opacity .18s ease;pointer-events:none}.tutorial-coach-card{position:fixed;box-sizing:border-box;width:min(328px,calc(100vw - 32px));max-height:min(48svh,260px);overflow:auto;padding:18px 16px 14px;border:1px solid rgba(0,229,255,.34);border-radius:12px;background:linear-gradient(180deg,#ffffff12,#ffffff06),#151719fa;color:#f8fafc;box-shadow:0 18px 46px #00000073,0 0 26px #00e5ff24;pointer-events:auto;transition:left .22s ease,top .22s ease,transform .18s ease;animation:tutorialCoachIn .18s ease-out both}.tutorial-coach-title{margin:0 0 6px;padding:0 26px;color:#00e5ff;font-size:.74rem;font-weight:900;line-height:1.15;letter-spacing:.08em;text-align:center;text-transform:uppercase}.tutorial-coach-copy{margin:0 0 14px;padding:0 26px;color:#eef6fb;font-size:.95rem;line-height:1.34;text-align:center;white-space:pre-line}.tutorial-coach-actions{display:grid;grid-template-columns:minmax(112px,140px) minmax(112px,140px);justify-content:center;gap:10px}.tutorial-coach-actions--single{grid-template-columns:minmax(130px,156px)}.tutorial-coach-actions .modal-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:none;padding:10px 12px}.tutorial-coach-extra-actions{display:flex;justify-content:center;margin:10px 0 0}.tutorial-coach-extra-actions[hidden],.tutorial-coach-extra-actions .modal-btn[hidden]{display:none!important}.tutorial-coach-toolbar{width:min(140px,100%);max-width:140px;padding:9px 12px}@media(max-width:480px){.tutorial-coach-card{width:min(328px,calc(100vw - 32px));max-height:calc(100svh - 32px);padding:16px 14px 12px}.tutorial-coach-title{margin-bottom:5px;padding:0 24px;font-size:.7rem}.tutorial-coach-copy{margin-bottom:12px;padding:0 18px;font-size:.88rem;line-height:1.28}.tutorial-coach-actions{gap:8px}.tutorial-coach-actions .modal-btn{padding:9px 10px}.tutorial-coach-extra-actions{margin-top:8px}.tutorial-coach-toolbar{padding:8px 10px}}.tutorial-coach-back[hidden]{display:none!important}body.light-mode .tutorial-entry-card,body.light-mode .tutorial-coach-card{border-color:#11182729;background:#fffffffa;color:#111827;box-shadow:0 18px 46px #11182729}body.light-mode .tutorial-entry-card h2,body.light-mode .tutorial-coach-title,body.light-mode .tutorial-coach-copy{color:#111827}body.light-mode .tutorial-entry-card p{color:#4b5563}body.light-mode .tutorial-entry-close,body.light-mode .tutorial-coach-close{border-color:#11182729;background:#1118270f;color:#111827}@keyframes tutorialCoachIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.info-toggle-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1.5px solid #666;background-color:#1e1e1e;font-family:Outfit,sans-serif;font-weight:700;font-style:italic;font-size:.85rem;color:#888;cursor:pointer;transition:all .2s ease;align-self:center;margin-left:4px}.info-toggle-btn.active{border-color:#00e5ff;color:#00e5ff;box-shadow:0 0 8px #00e5ff66}.info-toggle-btn:hover{background-color:#ffffff0d;border-color:#888}.settings-toggle-btn{border:0;border-radius:0;background:transparent;box-shadow:none;color:#888;font-style:normal;padding:0}.settings-toggle-btn svg{width:26px;height:26px}.settings-toggle-btn:hover,.settings-toggle-btn.active{border-color:transparent;background:transparent;box-shadow:none;color:#00e5ff}.settings-toggle-btn.active:after{content:none}body.light-mode .settings-toggle-btn{border:0;background:transparent;box-shadow:none;color:#111}body.light-mode .settings-toggle-btn:hover{border:0;background:transparent;box-shadow:none;color:var(--white-mechanic)}body.light-mode .settings-toggle-btn.active{border:0;background:transparent;box-shadow:none;color:#111}body.light-mode .settings-toggle-btn.active:after{content:none}.settings-menu{position:absolute;top:calc(100% + 10px);left:calc(100% + 56px);z-index:13010;width:min(288px,calc(100vw - 24px));padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#141619fa;color:#f8fafc;box-shadow:0 18px 48px #0000006b;font-family:Outfit,sans-serif;transform-origin:top left}.settings-menu__header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.settings-menu__header h2{margin:0;color:#fff;font-size:1rem;line-height:1.1;letter-spacing:0}.settings-menu__close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:#ffffff12;color:inherit;cursor:pointer}.settings-menu__field,.settings-menu__row{display:grid;gap:5px;margin-top:10px}.settings-menu__row{grid-template-columns:1fr auto;align-items:center}.settings-menu__field span,.settings-menu__row span{color:#b7c3d0;font-size:.72rem;font-weight:800;letter-spacing:.02em}.settings-menu select{width:100%;height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#101214;color:#f8fafc;font:inherit;font-size:.88rem}.settings-menu__checkbox{width:42px;height:24px;margin:0;appearance:none;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#101214;cursor:pointer;position:relative;transition:background .18s ease,border-color .18s ease}.settings-menu__checkbox:after{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#9ca3af;transition:transform .18s ease,background .18s ease}.settings-menu__checkbox:checked{border-color:#00e5ff9e;background:#00e5ff2e}.settings-menu__checkbox:checked:after{transform:translate(18px);background:#00e5ff}.settings-menu__subscribe{width:100%;height:38px;margin-top:12px;border:1px solid rgba(29,233,182,.65);border-radius:6px;background:linear-gradient(135deg,#00b8d4,#00bfa5);color:#061215;cursor:pointer;font:inherit;font-size:.84rem;font-weight:900;letter-spacing:0}@media(max-width:768px){.settings-menu{left:auto;right:0;width:min(288px,calc(100vw - 16px));max-height:calc(100svh - 72px);overflow-y:auto;transform-origin:top right}}.card-info-overlay{position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(50%);background:#121212f2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#00e5ff;border:1.5px solid rgba(0,229,255,.5);padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700;white-space:nowrap;pointer-events:none;z-index:50;box-shadow:0 4px 12px #00000080;animation:tooltipPop .2s cubic-bezier(.175,.885,.32,1.275)}.toolbar-info-overlay{position:absolute;top:-38px;left:50%;transform:translate(-50%);background:#121212f2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border:1px solid rgba(255,255,255,.15);padding:5px 10px;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap;pointer-events:none;z-index:100;box-shadow:0 4px 10px #0006;animation:tooltipFade .2s ease-out}.toolbar-info-overlay:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);border-width:4px 4px 0;border-style:solid;border-color:rgba(18,18,18,.95) transparent}@keyframes tooltipPop{0%{transform:translate(-50%) translateY(50%) scale(.8);opacity:0}to{transform:translate(-50%) translateY(50%) scale(1);opacity:1}}@keyframes tooltipFade{0%{transform:translate(-50%) translateY(-10px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes tipSlideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.easy-mode-tip{display:none!important}.easy-mode-tip .tip-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:inherit;border-right:inherit;border-bottom:inherit}.pulse-highlight{animation:pulse-theme 1.5s infinite!important}@keyframes pulse-theme{0%{box-shadow:0 0 0 0 var(--active-border)}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}@media(max-width:768px){body.light-mode .grid-wrapper--start:before,body.light-mode .grid-wrapper--goal:before,body.light-mode .interaction-area:before{background:#fff;border-color:#111;color:#111;box-shadow:none}body.light-mode .grid-wrapper--start:after,body.light-mode .grid-wrapper--goal:after,body.light-mode .grid-wrapper--start .board-container,body.light-mode .grid-wrapper--goal .board-container{background:#fff}body.light-mode .unified-toolbar{border-radius:999px}}.theme-neon-city{--active-border: #00f3ff;--active-glow: rgba(0, 243, 255, .4)}.theme-cosmos{--active-border: #ff6600;--active-glow: rgba(255, 102, 0, .4)}.theme-aquatic{--active-border: #45d6ff;--active-glow: rgba(69, 214, 255, .4)}.theme-botanica{--active-border: #72d66b;--active-glow: rgba(114, 214, 107, .4)}.theme-door-game,.door-game .easy-mode-tip{--active-border: #8b5cf6;--active-glow: rgba(139, 92, 246, .4)}body.light-mode .board-container,body.light-mode .grid-wrapper--start .board-container,body.light-mode .grid-wrapper--goal .board-container,body.light-mode .card.card--new-ui,body.light-mode .card.card--new-ui.inactive,body.light-mode .card.card--new-ui.review{background:#fff!important;border-color:#111!important;box-shadow:none!important}body.light-mode .card.card--new-ui.active{background:#eaf7f8!important;border-color:var(--white-mechanic)!important;box-shadow:0 6px 18px #007c8924!important}body.light-mode .card.card--new-ui.dragging,body.light-mode .card.card--new-ui.card--drag-clone{background:#f7fbff!important;border-color:var(--white-mechanic)!important;box-shadow:0 10px 24px #1118272e,0 0 0 2px #007c892e!important}body.light-mode .card.card--new-ui.won,body.light-mode .card.card--new-ui.correct{background:#f8fff9!important;border-color:#1f7a35!important;box-shadow:inset 0 0 0 1px #1f7a35!important}body.light-mode .card.card--new-ui.incorrect{background:#fff7f7!important;border-color:#b42318!important;box-shadow:inset 0 0 0 1px #b42318!important}body.light-mode .level-slot{background:#fff!important;color:#111!important;border-color:var(--white-border-muted)!important;box-shadow:none!important}body.light-mode .level-slot--locked{color:#777!important;border-color:var(--white-border-muted)!important;box-shadow:none!important}body.light-mode .level-slot--active,body.light-mode .level-slot--current{background:#fff!important;color:#111!important;border-color:#111!important;box-shadow:none!important}body.light-mode .status-caption{color:#111!important;text-shadow:none}.beta-panel-root{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:12000;font-family:Outfit,sans-serif;pointer-events:none}.beta-panel-root button,.beta-panel-root select,.beta-panel-root textarea,.beta-panel-root input{font-family:inherit}.beta-panel-tab{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:38px;padding:0 14px;border:1px solid rgba(0,229,255,.48);border-radius:999px;background:#121212f0;color:#00e5ff;cursor:pointer;font-size:.82rem;font-weight:800;letter-spacing:0;box-shadow:0 8px 24px #00000047;pointer-events:auto}.beta-panel{position:absolute;right:0;bottom:48px;width:min(348px,calc(100vw - 24px));max-height:none;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#141619fa;color:#f8fafc;box-shadow:0 18px 50px #0000006b;opacity:0;overflow-y:visible;transform:translateY(8px) scale(.98);transform-origin:bottom right;transition:opacity .16s ease,transform .16s ease;pointer-events:none}.beta-panel-root--open .beta-panel{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.beta-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.beta-panel__kicker{margin:0 0 2px;color:#00e5ff;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.beta-panel h2{margin:0;color:#fff;font-size:1.08rem;line-height:1.1;letter-spacing:0}.beta-panel__close{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:#ffffff12;color:#f8fafc;cursor:pointer;font-size:.82rem;font-weight:900}.beta-panel__close:hover{border-color:#00e5ffa6;background:#00e5ff24}.beta-panel__close:focus-visible{outline:3px solid #ffffff;outline-offset:2px}.beta-panel__section{display:grid;gap:10px}.beta-feedback-form{margin-top:12px}.beta-panel label{display:grid;gap:5px}.beta-panel label span{color:#b7c3d0;font-size:.72rem;font-weight:800;letter-spacing:.02em}.beta-panel select,.beta-panel textarea,.beta-panel input{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#101214;color:#f8fafc;font-size:.88rem}.beta-panel select,.beta-panel input{height:36px;padding:0 10px}.beta-panel textarea{min-height:94px;padding:9px 10px;line-height:1.35;resize:vertical}.beta-reset-actions{display:grid;gap:8px}.beta-reset-action{width:100%;min-height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#ffffff12;color:#d8dee9;cursor:pointer;font-size:.82rem;font-weight:900;letter-spacing:0}.beta-reset-action:hover{border-color:#00e5ff6b;color:#f8fafc}.beta-feedback-submit{width:100%;height:38px;border-radius:6px;cursor:pointer;font-size:.84rem;font-weight:900;letter-spacing:0}.beta-feedback-submit{border:1px solid rgba(29,233,182,.65);background:linear-gradient(135deg,#00b8d4,#00bfa5);color:#061215}.beta-feedback-submit:disabled{cursor:wait;filter:grayscale(.5);opacity:.7}.beta-feedback-status{min-height:18px;margin:0;color:#9ee8dd;font-size:.76rem;line-height:1.3}body.light-mode .beta-panel{background:#fffffffa;color:#111827;border-color:#1118271f}body.light-mode .beta-panel-tab{background:#fff;color:var(--white-mechanic);border-color:var(--white-mechanic);box-shadow:0 8px 22px #007c8929}body.light-mode .beta-panel-tab:hover,body.light-mode .beta-panel-root--open .beta-panel-tab{background:#eef7f8;color:#005f68;border-color:#005f68}body.light-mode .beta-panel h2{color:#111827}body.light-mode .beta-panel__close{width:36px;height:36px;border-color:#1f2937;background:#f3f4f6;color:#111827;font-size:1rem}body.light-mode .beta-panel__close:hover{border-color:#005f68;background:#dff4f5;color:#003d44}body.light-mode .beta-panel__close:focus-visible{outline-color:#005f68;box-shadow:0 0 0 3px #005f6838}body.light-mode .beta-panel label span{color:#4b5563}body.light-mode .beta-panel select,body.light-mode .beta-panel textarea,body.light-mode .beta-panel input,body.light-mode .beta-reset-action{background:#f8fafc;border-color:#d1d5db;color:#111827}body.light-mode .beta-reset-action:hover{border-color:var(--white-mechanic);color:#005f68}@media(max-width:768px){.beta-panel-root{right:max(8px,calc((100vw - 360px)/2 + 8px));bottom:max(6px,env(safe-area-inset-bottom),calc(100svh - 810px))}.beta-panel-tab{min-width:50px;height:32px;padding:0 11px;font-size:.74rem;box-shadow:0 6px 18px #00000042}.beta-panel{position:absolute;right:0;top:auto;bottom:38px;width:min(336px,calc(100vw - 24px));max-height:min(604px,calc(100svh - 196px));overflow-y:auto}}body.light-mode{--bg-color: #f4f5f2;--text-color: #17272b;--card-bg: #fbfcf9;--inactive-bg: #f0f3f1;--board-cell-bg: #fbfcf9;--light-surface: #fbfcf9;--light-surface-muted: #eef2f0;--light-surface-selected: #e8f6f7;--light-border: #9fb2b3;--light-border-strong: #587377;--light-text-muted: #5d7075;--light-accent: #087987;--light-accent-strong: #005f6b;--light-accent-soft: #d9f0f2;--light-success: #237a46;--light-success-soft: #e9f7ee;--light-danger: #b42318;--light-danger-soft: #fff0ef;--light-shadow: 0 4px 10px rgba(34, 67, 73, .12), inset 0 1px 0 rgba(255, 255, 255, .78);--white-border: var(--light-border);--white-border-soft: var(--light-border-strong);--white-border-muted: var(--light-border);--white-fill-soft: var(--light-surface-muted);--white-fill-warm: #f9fcfc;--white-mechanic: var(--light-accent);--white-mechanic-muted: #6a99a0;--card-shadow: var(--light-shadow);background:var(--bg-color)}body.light-mode .unified-toolbar,body.light-mode .stats-container{background:#ffffffeb;border:1px solid var(--light-border);box-shadow:0 6px 18px #22434914}body.light-mode .toolbar-btn,body.light-mode .tutorial-toggle-btn,body.light-mode .info-toggle-btn,body.light-mode .mechanic-animation-header-btn{color:var(--text-color)}body.light-mode .toolbar-btn:hover:not(:disabled),body.light-mode .tutorial-toggle-btn:hover,body.light-mode .info-toggle-btn:hover,body.light-mode .mechanic-animation-header-btn:hover{background:var(--light-accent-soft);border-color:transparent;color:var(--light-accent-strong)}body.light-mode .toolbar-btn:disabled{color:#93a3a7}body.light-mode .tutorial-toggle-btn,body.light-mode .settings-toggle-btn{width:26px;height:26px;padding:0;border-radius:50%;transition:transform .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}body.light-mode .settings-toggle-btn{border:1.5px solid transparent}body.light-mode .settings-toggle-btn svg{width:26px;height:26px}body.light-mode .tutorial-toggle-btn:hover:not(.tutorial-toggle-btn--disabled),body.light-mode .settings-toggle-btn:hover{background:var(--light-accent-soft);border-color:#7eb5b9;color:var(--light-accent-strong);box-shadow:0 3px 8px #08798729;transform:translateY(-1px)}body.light-mode .card:not(.start-board):not(.review){cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M11 15V7a2 2 0 0 1 4 0v7V5a2 2 0 0 1 4 0v9V7a2 2 0 0 1 4 0v8V9a2 2 0 0 1 4 0v10c0 6-4 11-10 11h-2c-3 0-5-2-7-4l-4-5a2.5 2.5 0 0 1 3.5-3.5L11 21Z' fill='%23f8fcf9' stroke='%23253f43' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 12 2,grab}body.light-mode .card.dragging,body.light-mode .card.card--drag-clone,body.light-mode .card:not(.start-board):not(.review):active{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M10 16V9a2 2 0 0 1 4 0v5V7a2 2 0 0 1 4 0v7V8a2 2 0 0 1 4 0v6v-4a2 2 0 0 1 4 0v9c0 6-4 11-10 11h-2c-3 0-5-2-7-4l-3-4a2.5 2.5 0 0 1 3.6-3.4l2.4 2.3Z' fill='%23087987' stroke='%231b383d' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 12 2,grabbing}body.light-mode .level-slot{background:var(--light-surface);color:var(--light-text-muted);border-color:var(--light-border);box-shadow:0 2px 6px #2243490a}body.light-mode .level-slot--active,body.light-mode .level-slot--current{background:var(--light-accent-soft);color:var(--light-accent-strong);border-color:#78b7bd;box-shadow:0 3px 10px #08798721}body.light-mode .level-slot--solved{color:var(--light-success);border-color:#abd5ba}body.light-mode .level-slot--locked{background:var(--light-surface-muted);color:#8a989c;border-color:#e1e8ea}body.light-mode .board-container,body.light-mode .grid-wrapper--start .board-container,body.light-mode .grid-wrapper--goal .board-container{background:var(--light-surface-muted)!important;border-color:var(--light-border-strong)!important;box-shadow:0 5px 14px #22434914!important}body.light-mode .grid-wrapper--start:before,body.light-mode .grid-wrapper--goal:before,body.light-mode .interaction-area:before{background:var(--light-surface)!important;border-color:var(--light-border-strong)!important;color:var(--light-text-muted)!important;box-shadow:0 -2px 8px #2243490d!important}body.light-mode .cell,body.light-mode .board-container--start .cell,body.light-mode .board-container--goal .cell,body.light-mode .board-container--goal .cell.target-cell,body.light-mode .pattern-cell{background:#fbfcf9;border-color:var(--light-border-strong);color:var(--text-color);border-width:2px;box-shadow:inset 0 1px #ffffffeb,0 1px 2px #2243490f}body.light-mode .board-container--goal .cell{background:linear-gradient(145deg,#fbfcf9,#edf5f3)}body.light-mode .card.card--new-ui,body.light-mode .card.card--new-ui.inactive,body.light-mode .card.card--new-ui.review{background:#fbfcf9!important;border:2px solid var(--light-border-strong)!important;box-shadow:var(--light-shadow)!important;color:var(--text-color)}body.light-mode .card.card--new-ui.active,body.light-mode .card.card--new-ui.dragging,body.light-mode .card.card--new-ui.card--drag-clone{background:var(--light-surface-selected)!important;border-color:var(--light-accent)!important;box-shadow:0 10px 24px #0879872e,0 0 0 3px #0879871a!important}body.light-mode .card.card--new-ui.won,body.light-mode .card.card--new-ui.correct{background:var(--light-success-soft)!important;border-color:#7dbb93!important;box-shadow:0 8px 20px #237a461f!important}body.light-mode .card.card--new-ui.incorrect{background:var(--light-danger-soft)!important;border-color:#e2a19b!important;box-shadow:0 8px 20px #b423181a!important}body.light-mode .card-index-cell--empty,body.light-mode .pattern-cell.card-index-cell--empty,body.light-mode .pattern-cell.empty-overwrite{background:#f4f6f3;border:1px dashed #b4c2c1!important;box-shadow:none}body.light-mode .card-badge,body.light-mode .card.won .card-badge,body.light-mode .card.correct .card-badge,body.light-mode .card.incorrect .card-badge{background:var(--light-accent-soft);border:1px solid #9dced2;color:var(--light-accent-strong)}body.light-mode .card[role=button]:focus-visible{outline-color:var(--light-accent);box-shadow:0 0 0 4px #0879872e}body.light-mode .card.executing,body.light-mode .board-container--start .cell.changed{border-color:#111!important;box-shadow:0 0 12px #11111147!important;animation:pulse .5s ease-in-out}body.light-mode .board-container--start .cell.match{background:#dcfce7;border-color:#1f7a35;box-shadow:inset 0 0 0 1px #1f7a354d}body.light-mode .board-container--start .cell.mismatch{background:#fee2e2;border-color:#b42318;box-shadow:inset 0 0 0 1px #b4231847}body.light-mode .inline-submit-btn,body.light-mode .next-level-btn{background:linear-gradient(135deg,#118394,#006d7c)!important;border-color:#00606d!important;color:#fff!important;box-shadow:0 7px 16px #08798733}body.light-mode .inline-submit-btn:disabled{background:#eef3f4!important;border-color:var(--light-border)!important;color:#8a999d!important;box-shadow:none}body.light-mode .interaction-overlay{background:linear-gradient(135deg,#eff9f9c7,#def1f2b8);border:1px solid rgba(8,121,135,.26);box-shadow:0 14px 32px #2243491f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}body.light-mode .modal-congratulations h4{color:var(--light-success);text-shadow:0 1px 0 rgba(255,255,255,.8)}body.light-mode .modal-btn-primary{background:linear-gradient(135deg,#2d8a53,#1f7043);box-shadow:0 6px 16px #237a4633}body.light-mode .modal-btn-secondary{background:#ffffffbd;border-color:var(--light-border-strong);color:#31454a}body.light-mode .settings-menu,body.light-mode .message-modal,body.light-mode .modal-content{border-color:var(--light-border);box-shadow:0 18px 42px #22434929}body.light-mode .message-modal-overlay{align-items:center;z-index:14000}@media(prefers-reduced-motion:reduce){body.light-mode .next-level-btn{animation:none}}