:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}#root{box-sizing:border-box;color:#eee;background:radial-gradient(80% 50% at 50% -10%,#1b2027 0%,#0000 60%),linear-gradient(#0f1216 0%,#0a0c0e 100%);flex-direction:column;align-items:center;min-height:100vh;padding:12px;font-family:system-ui,-apple-system,sans-serif;display:flex;overflow-y:auto}.game-container{box-sizing:border-box;background:radial-gradient(130% 55% at 50% -8%, color-mix(in srgb, var(--block-color,#00f0ff) 16%, transparent) 0%, transparent 62%), linear-gradient(180deg, color-mix(in srgb, var(--board-color,#0f051d) 88%, #000) 0%, color-mix(in srgb, var(--board-color,#0f051d) 55%, #05060a) 100%);border:1px solid color-mix(in srgb, var(--block-color,#00f0ff) 22%, #ffffff0f);width:100%;max-width:min(400px,94vw);box-shadow:0 0 45px color-mix(in srgb, var(--block-color,#00f0ff) 12%, transparent), inset 0 1px 0 #ffffff0f;border-radius:22px;flex-direction:column;align-items:center;margin:auto 0;padding:16px 14px;display:flex}.play-area{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:calc(100dvh - 32px);display:flex;position:relative}@media (width<=480px){#root{padding:0}.game-container{max-width:100%;box-shadow:inset 0 0 60px color-mix(in srgb, var(--block-color,#00f0ff) 30%, transparent), inset 0 0 22px color-mix(in srgb, var(--block-color,#00f0ff) 20%, transparent), inset 0 1px 0 #ffffff14;border-left:none;border-right:none;border-radius:0;padding:12px 10px}}.ad-banner{justify-content:center;width:100%;margin-bottom:10px;display:flex}.ad-banner-inner{width:100%;min-height:60px;display:block}.settings-premium-active{color:var(--block-color,#00f0ff);margin:4px 2px;font-size:.85rem}.settings-buy{font-weight:600}.settings-buy-theme{margin-top:4px;padding:6px 10px;font-size:.8rem;font-weight:600}.store-link{flex-direction:column;align-items:flex-start;gap:2px;font-weight:700;display:flex}.store-link-sub{color:#94a3b8;font-size:.75rem;font-weight:500}.store-back{color:inherit;cursor:pointer;background:0 0;border:none;margin-right:8px;padding:0;font-size:1.2rem;line-height:1}.settings-locked-theme.clickable{cursor:pointer;border-radius:10px}.settings-locked-theme.clickable:hover{background:#ffffff0f}.leaderboard-modal.theme-preview{width:min(340px,92vw)}.theme-preview-board{justify-content:center;margin:10px 0 2px;display:flex}.theme-preview-board .board-wrapper{aspect-ratio:auto;width:min(280px,68vw);height:min(280px,68vw)}.theme-preview-req{text-align:center;margin-top:14px}.theme-preview-req .locked-progress{margin-top:8px}.settings-buy-note{color:#8b95a1;margin:6px 2px 0;font-size:.72rem}.purchase-toast{z-index:100000;color:#e6edf3;cursor:pointer;background:#0b0f1af5;border:1px solid #fff3;border-radius:10px;align-items:center;gap:12px;max-width:90vw;padding:12px 16px;font-size:.88rem;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 34px #00000080}.purchase-toast.success{border-color:var(--block-color,#00f0ff)}.purchase-toast-close{color:inherit;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:1.15rem;line-height:1}.game-info{text-align:left;color:#aeb6c0;border-top:1px solid #ffffff14;width:100%;margin-top:28px;padding-top:22px;font-size:.9rem;line-height:1.65}.game-info-nav{flex-wrap:wrap;gap:16px;margin-top:12px;display:flex}.game-info h2{color:#e8edf2;margin:26px 0 10px;font-size:1.15rem}.game-info h2:first-child{margin-top:0}.game-info summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:10px;list-style:none;display:flex}.game-info summary::-webkit-details-marker{display:none}.game-info summary h2{margin:0}.game-info summary:after{content:"▾";color:#7f8ea0;font-size:1.1rem;transition:transform .2s}.game-info details:not([open]) summary:after{transform:rotate(-90deg)}.game-info summary:hover h2{color:#fff}.game-info details[open] summary{margin-bottom:10px}.game-info h3{color:#cbd5e1;margin:18px 0 6px;font-size:.98rem}.game-info p{margin:0 0 10px}.game-info ul{margin:0 0 12px;padding-left:20px}.game-info li{margin:4px 0}.game-info a{color:#6ba4ff}.game-info-links{margin-top:16px}.game-header{width:100%;margin-bottom:6px}.theme-builder-panel{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;margin-top:14px;padding:12px 14px}.theme-builder-panel h4{margin:0 0 8px;font-size:.95rem}.theme-controls{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.theme-controls label{color:#f5f3ef;flex-direction:column;gap:6px;font-size:.82rem;display:flex}.theme-controls input[type=color],.theme-controls input[type=text]{color:#f5f3ef;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;height:32px;padding:0 10px;font-family:inherit}.color-field{align-items:center;gap:8px;display:flex}.color-swatch{border:1px solid #ffffff2e;border-radius:8px;width:28px;height:28px;box-shadow:inset 0 0 0 1px #0000001f}.game-header h2{text-align:center;color:var(--block-color,#00f0ff);filter:drop-shadow(0 0 10px color-mix(in srgb, var(--block-color,#00f0ff) 45%, transparent));margin:0 0 8px;line-height:1}.game-header h2 .block-text{width:min(340px,88%);height:auto;margin:0 auto;display:block}.controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.header-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.controls-row h3{margin:0;font-weight:500}.skin-selector{color:#fff;cursor:pointer;background:#25282c;border:1px solid #3d424a;border-radius:6px;outline:none;padding:6px 12px;font-size:14px}.studio-toggle-btn,.leaderboard-toggle-btn{color:#fff;cursor:pointer;background:#25282c;border:1px solid #3d424a;border-radius:6px;padding:6px 12px;font-size:14px}.settings-toggle-btn{color:#e8edf2;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:9px;align-items:center;gap:6px;padding:7px 14px;font-size:14px;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex;position:relative}.settings-toggle-btn:hover{border-color:color-mix(in srgb, var(--block-color,#00f0ff) 55%, #fff3);box-shadow:0 0 14px color-mix(in srgb, var(--block-color,#00f0ff) 25%, transparent);background:#ffffff1a}.settings-toggle-btn.icon-only{padding:7px 12px;font-size:1.1rem;line-height:1}@media (width<=480px){.settings-toggle-btn .btn-label{display:none}.settings-toggle-btn{padding:8px 11px;font-size:1.1rem;line-height:1}}.settings-gear{font-size:15px;line-height:1}.icon{vertical-align:-.14em;flex-shrink:0;width:1em;height:1em;display:inline-block}.settings-item{box-sizing:border-box;text-align:left;color:#fff;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;width:100%;padding:10px 12px;text-decoration:none;display:block}.settings-list{flex-direction:column;gap:18px;margin-top:8px;display:flex}.settings-group{flex-direction:column;gap:8px;display:flex}.settings-group-label{text-transform:uppercase;letter-spacing:.8px;color:#94a3b8;font-size:.7rem;font-weight:700}.settings-bug-form{flex-direction:column;gap:8px;display:flex}.settings-bug-input{box-sizing:border-box;resize:vertical;color:#f1f5f9;width:100%;min-height:64px;font:inherit;background:#00000040;border:1px solid #ffffff26;border-radius:8px;padding:10px}.settings-bug-input:focus{border-color:color-mix(in srgb, var(--block-color,#00f0ff) 55%, transparent);outline:none}.settings-bug-send{justify-content:center}.settings-bug-send:disabled{opacity:.5;cursor:not-allowed}.settings-bug-error{color:#fca5a5;margin:0;font-size:.8rem}.settings-bug-thanks{color:color-mix(in srgb, var(--block-color,#00f0ff) 80%, white);margin:4px 0;font-size:.9rem}.settings-theme-options{flex-direction:column;gap:6px;display:flex}.settings-locked-themes{flex-direction:column;gap:6px;margin-top:8px;display:flex}.settings-locked-theme{background:#ffffff08;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f}.locked-swatch{opacity:.85;border-radius:6px;flex-shrink:0;width:26px;height:26px;box-shadow:inset 0 0 0 1px #fff3}.locked-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.settings-locked-theme .locked-name{color:#cbd5e1;font-size:.9rem}.settings-locked-theme .locked-req{color:#94a3b8;font-size:.72rem}.locked-progress{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden}.locked-progress-bar{background:var(--block-color,#00f0ff);border-radius:2px;height:100%;transition:width .3s}.theme-unlock-toast{z-index:100000;box-shadow:0 0 0 1px color-mix(in srgb, var(--block-color,#00f0ff) 45%, transparent), 0 10px 30px #00000080;background:#0f051df5;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;animation:.35s tut-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes tut-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.tut-preview{border-radius:7px;flex-shrink:0;grid-template-columns:1fr 1fr;gap:2px;width:34px;height:34px;padding:3px;display:grid}.tut-cell{border-radius:3px}.tut-text{flex-direction:column;display:flex}.tut-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.tut-name{color:#fff;font-size:1rem;font-weight:800}.tut-actions{align-items:center;gap:6px;display:flex}.tut-apply{cursor:pointer;color:#05060a;background:var(--block-color,#00f0ff);border:none;border-radius:8px;padding:6px 14px;font-weight:700}.tut-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.3rem;line-height:1}.challenge-announce{text-align:center;width:min(340px,90vw);box-shadow:0 0 0 1px color-mix(in srgb, var(--block-color,#00f0ff) 55%, transparent), 0 0 40px color-mix(in srgb, var(--highlight-color,#ff2d95) 30%, transparent), 0 20px 50px #0009;background:#0f051dfa;border-radius:16px;padding:26px 22px 20px;animation:.4s cubic-bezier(.2,.9,.3,1.3) ca-in;position:relative}@keyframes ca-in{0%{opacity:0;transform:scale(.85)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.ca-ribbon{color:#05060a;background:var(--highlight-color,#ff2d95);border-radius:4px 0 0 4px;padding:3px 12px;font-size:.68rem;font-weight:800;position:absolute;top:12px;right:-6px;box-shadow:0 4px 10px #0006}.ca-kicker{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--block-color,#00f0ff) 80%, white);font-size:.72rem;font-weight:700;display:block}.ca-preview{border-radius:12px;grid-template-columns:repeat(4,1fr);gap:3px;width:108px;height:108px;margin:14px auto;padding:6px;display:grid;box-shadow:inset 0 2px 8px #00000080}.ca-cell{border-radius:4px}.ca-name{color:#fff;margin:0;font-size:1.45rem;font-weight:900}.ca-message{color:#f1f5f9;margin:10px 0 0;font-size:1rem;line-height:1.4}.ca-req{color:#cbd5e1;margin:8px 0 0;font-size:.95rem}.ca-req.secondary{color:#94a3b8;font-size:.85rem}.ca-deadline{color:var(--highlight-color,#ff2d95);margin:6px 0 0;font-size:.85rem;font-weight:700}.ca-actions{gap:10px;margin-top:20px;display:flex}.ca-primary,.ca-secondary{cursor:pointer;border-radius:10px;flex:1;padding:11px 0;font-size:.95rem;font-weight:700}.ca-primary{color:#05060a;background:var(--block-color,#00f0ff);border:none}.ca-secondary{color:#cbd5e1;background:0 0;border:1px solid #fff3}.site-notice{--notice-accent:var(--block-color,#00f0ff);text-align:center;width:min(360px,90vw);box-shadow:0 0 0 1px color-mix(in srgb, var(--notice-accent) 55%, transparent), 0 20px 50px #0009;background:#0f051dfa;border-radius:16px;padding:22px 22px 20px;animation:.35s ca-in}.site-notice.notice-warning{--notice-accent:#fbbf24}.site-notice.notice-downtime{--notice-accent:var(--highlight-color,#ff2d95)}.notice-kicker{letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb, var(--notice-accent) 85%, white);font-size:.72rem;font-weight:700;display:block}.notice-title{color:#fff;margin:8px 0 0;font-size:1.25rem;font-weight:800}.notice-message{color:#cbd5e1;white-space:pre-wrap;margin:8px 0 0;font-size:.98rem;line-height:1.45}.notice-dismiss{cursor:pointer;color:#05060a;background:var(--notice-accent);border:none;border-radius:10px;width:100%;margin-top:18px;padding:11px 0;font-weight:700}.vs-result,.vs-hub{width:min(360px,92vw);box-shadow:0 0 0 1px color-mix(in srgb, var(--block-color,#00f0ff) 45%, transparent), 0 20px 50px #0009;background:#0f051dfa;border-radius:16px;padding:22px}.vs-result{text-align:center;animation:.35s ca-in}.vs-kicker{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--block-color,#00f0ff) 80%, white);font-size:.72rem;font-weight:800;display:block}.vs-scores{flex-direction:column;gap:6px;margin:14px 0;display:flex}.vs-score-row{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.vs-score-row.winner{border-color:color-mix(in srgb, var(--block-color,#00f0ff) 60%, transparent);background:color-mix(in srgb, var(--block-color,#00f0ff) 12%, transparent)}.vs-name{color:#f1f5f9;font-weight:700}.vs-points{color:#fff;font-size:1.1rem;font-weight:800}.vs-outcome{color:#fff;margin:6px 0;font-size:1.1rem;font-weight:800}.vs-msg{color:#cbd5e1;margin:14px 0}.vs-error{color:#fca5a5}.vs-share{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:8px 0;display:flex}.vs-share code{color:#7dd3fc;word-break:break-all;-webkit-user-select:all;user-select:all;background:#00000059;border-radius:6px;padding:6px 8px;font-size:.8rem}.vs-copy{cursor:pointer;color:#05060a;background:var(--block-color,#00f0ff);border:none;border-radius:8px;padding:6px 12px;font-weight:700}.vs-hint{color:#94a3b8;font-size:.8rem;line-height:1.4}.vs-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.vs-record-line{color:#cbd5e1;margin:8px 0 2px;font-size:.9rem}.vs-record-line strong{color:#fff}.vs-share-cta{cursor:pointer;color:#cbd5e1;background:0 0;border:1px solid #fff3;border-radius:10px;width:100%;margin-top:12px;padding:11px 0;font-size:.95rem;font-weight:700}.vs-primary,.vs-secondary{cursor:pointer;border-radius:10px;flex:1;padding:11px 0;font-size:.95rem;font-weight:700}.vs-primary{color:#05060a;background:var(--block-color,#00f0ff);border:none}.vs-primary:disabled{opacity:.55;cursor:default}.vs-secondary{color:#cbd5e1;background:0 0;border:1px solid #fff3}.vs-hub .leaderboard-modal-header{justify-content:space-between;align-items:center;display:flex}.vs-guest{flex-direction:column;margin:10px 0;display:flex}.vs-guest input{color:#fff;background:#0000004d;border:1px solid #ffffff26;border-radius:8px;margin-top:4px;padding:8px 10px}.vs-new{width:100%;margin:6px 0 4px}.vs-history{flex-direction:column;gap:6px;margin-top:16px;display:flex}.vs-record{color:#cbd5e1;margin-bottom:4px;font-size:.95rem}.vs-history-row{color:#cbd5e1;align-items:center;gap:8px;font-size:.82rem;display:flex}.vs-history-vs{flex:1;min-width:0}.vs-history-date{color:#64748b;flex-shrink:0;font-size:.72rem}.vs-badge{text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:.68rem;font-weight:800}.vs-badge.won{color:#052e16;background:#4ade80}.vs-badge.lost{color:#450a0a;background:#f87171}.vs-badge.tie{color:#1e293b;background:#cbd5e1}.vs-badge.pending{color:#cbd5e1;background:#ffffff1a}.vs-hub{max-height:88vh;overflow-y:auto}.vs-section{margin:14px 0 6px}.vs-section-label{letter-spacing:.05em;text-transform:uppercase;color:#94a3b8;margin-bottom:8px;font-size:.72rem;font-weight:800}.vs-add{gap:8px;margin-bottom:10px;display:flex}.vs-add input{color:#fff;background:#0000004d;border:1px solid #ffffff26;border-radius:8px;flex:1;min-width:0;padding:8px 10px}.vs-friend-row{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;padding:8px 10px;display:flex}.vs-friend-row.muted{opacity:.6}.vs-friend-name{color:#f1f5f9;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.vs-friend-sub{color:#94a3b8;font-size:.8rem;font-weight:500}.vs-friend-actions{flex-shrink:0;gap:6px;display:flex}.vs-mini{cursor:pointer;color:#cbd5e1;background:0 0;border:1px solid #fff3;border-radius:8px;padding:6px 10px;font-size:.8rem;font-weight:700}.vs-mini.primary{color:#05060a;background:var(--block-color,#00f0ff);border:none}.vs-mini:disabled{opacity:.5;cursor:default}.duel-badge{color:#450a0a;text-align:center;background:#f87171;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:800;line-height:18px;position:absolute;top:-6px;right:-6px;box-shadow:0 0 0 2px #0f051de6}.settings-item{transition:background .15s,border-color .15s}.settings-item:hover{background:#ffffff14;border-color:#ffffff1f}.settings-item.active{background:#ffffff1a;border-color:#fff3;font-weight:600}.theme-draft-tag{text-transform:uppercase;letter-spacing:.04em;vertical-align:middle;color:#fde68a;background:#b4530959;border:1px solid #fbbf2466;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:.65rem;font-weight:700}.settings-volume{align-items:center;gap:10px;padding:2px 4px;display:flex}.settings-volume.disabled{opacity:.4}.settings-volume label{color:#cbd5e1;font-size:.85rem}.settings-volume input[type=range]{min-width:0;accent-color:var(--block-color,#00f0ff);cursor:pointer;flex:1}.settings-volume.disabled input[type=range]{cursor:not-allowed}.settings-volume-value{color:#94a3b8;text-align:right;font-variant-numeric:tabular-nums;min-width:38px;font-size:.8rem}.board-wrapper{aspect-ratio:1;touch-action:none;width:100%;position:relative}.board{background-color:var(--board-color,#7a848f);box-sizing:border-box;touch-action:none;border-radius:6px;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);gap:2px;width:100%;height:100%;padding:6px;display:grid;box-shadow:inset 0 3px 8px #0006}.cell{box-sizing:border-box;touch-action:none;border:1px solid #ffffff14;border-radius:3px;transition:background .1s,outline 50ms}.cell[data-col="2"],.cell[data-col="5"]{border-right:2px solid #ffffff2e}.cell[data-col="3"],.cell[data-col="6"]{border-left:2px solid #ffffff2e}.cell[data-row="2"],.cell[data-row="5"]{border-bottom:2px solid #ffffff2e}.cell[data-row="3"],.cell[data-row="6"]{border-top:2px solid #ffffff2e}.subgrid-dark{background-color:var(--slot-dark-color,#8c98a3);box-shadow:inset 0 0 0 1px #ffffff0d}.subgrid-light{background-color:var(--slot-light-color,#c1c7d1);box-shadow:inset 0 0 0 1px #0000000d}.cell.filled,.preview-cell{background-color:var(--block-color,#4d5560);border-radius:3px}.game-container.has-piece-image .cell.filled,.game-container.has-piece-image .preview-cell{background-position:50%;background-repeat:no-repeat;background-size:cover;background-image:linear-gradient(color-mix(in srgb, var(--block-color,#00f0ff) var(--piece-tint,40%), transparent), color-mix(in srgb, var(--block-color,#00f0ff) var(--piece-tint,40%), transparent)), var(--piece-image)!important}.board[data-board-img=cover]{background-image:var(--board-image);background-position:50%;background-repeat:no-repeat;background-size:cover}.board[data-board-img=cover] .cell.subgrid-dark,.board[data-board-img=cover] .cell.subgrid-light{background-color:#0000}.board[data-board-img=tile] .cell.subgrid-dark,.board[data-board-img=tile] .cell.subgrid-light{background-color:#0000;background-image:var(--board-image);background-position:50%;background-repeat:no-repeat;background-size:cover}.cell.ghost-hover{outline-offset:-2px;background:color-mix(in srgb, var(--block-color,#fff) 50%, transparent)!important;outline:2px dashed color-mix(in srgb, var(--block-color,#fff) 75%, white)!important}.cell.will-clear{outline-offset:-2px;box-shadow:inset 0 0 0 1px #ffffff40;background-color:var(--highlight-color,#ef4444)!important;outline:2px solid #ffffffbf!important}.pool{box-sizing:border-box;touch-action:none;background:#00000038;border:1px solid #ffffff0d;border-radius:16px;justify-content:space-between;gap:10px;width:100%;margin:8px 0;padding:18px 14px;display:flex}.pool-space{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#ffffff08;border:1px solid #ffffff12;border-radius:10px;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;box-shadow:inset 0 1px 4px #0000004d}.pool-space.empty{color:#0000;background-color:#0000;border:none;font-size:0}.dragging-source{opacity:.15}.pool-space.disabled{opacity:.35;pointer-events:none}.preview-grid{touch-action:none;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);gap:2px;width:85%;height:85%;display:inline-grid}.preview-grid .preview-cell{touch-action:none;width:100%;height:100%}.dragging-preview-container{pointer-events:none;z-index:9999;will-change:transform;gap:2px;display:grid;position:fixed;top:0;left:0}.skin-gunmetal .cell.filled,.skin-gunmetal .preview-cell{background-blend-mode:screen, screen, overlay, overlay, normal;background-color:#4d5560;background-image:radial-gradient(circle at 20% 15%,#ffffff24,#0000 18%),radial-gradient(circle at 78% 22%,#ffffff14,#0000 16%),linear-gradient(140deg,#ffffff14 0%,#fff0 12%,#ffffff0f 18%,#0000 24%,#ffffff0a 30%,#0000 40%),repeating-linear-gradient(100deg,#ffffff08 0 1px,#0000 1px 6px),linear-gradient(135deg,#5f6771 0%,#373f46 42%,#262c31 100%);border:1.5px solid #00000080;border-color:#ffffff29 #00000080 #00000080 #ffffff29;border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff0f,inset 1px 1px 2px #ffffff14,0 3px 6px #00000059}.game-over-overlay{z-index:10;background-color:#0a0b0ce6;border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.game-over-box{text-align:center;background:#1a1d20;border:1px solid #3d424a;border-radius:8px;padding:24px 40px;box-shadow:0 10px 25px #00000080}.game-over-title{color:var(--highlight-color,#ef4444);filter:drop-shadow(0 0 10px color-mix(in srgb, var(--highlight-color,#ef4444) 45%, transparent));margin:0 0 6px;line-height:1}.game-over-title .block-text{width:auto;max-width:100%;height:clamp(52px,18vw,72px);margin:0 auto;display:block}.game-over-sub{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--block-color,#00f0ff) 80%, white);margin:0 0 4px;font-size:.78rem;font-weight:700}.game-over-box button{width:100%;margin-top:10px;display:block}.game-over-box button.secondary{color:#9aa6b2;background:0 0;border-color:#ffffff2e}.game-over-box button.secondary:hover{color:#e8edf2;background:#ffffff0f}.daily-exhausted{color:#9aa6b2;max-width:240px;margin:12px 0 2px;font-size:.9rem}.signin-nudge{color:#9aa6b2;max-width:240px;margin:10px 0 2px;font-size:.88rem}.share-feedback{color:color-mix(in srgb, var(--block-color,#00f0ff) 80%, #fff);margin:8px 0 0;font-size:.85rem}.game-over-box .signin-nudge .text-btn{width:auto;font-size:inherit;color:color-mix(in srgb, var(--block-color,#00f0ff) 85%, #fff);cursor:pointer;background:0 0;border:none;margin:0;padding:0;text-decoration:underline;display:inline}.score-item.attempts .score-value{color:#ffd166}.daily-challenge-card{box-sizing:border-box;text-align:left;border:1px solid color-mix(in srgb, var(--block-color,#00f0ff) 28%, #ffffff14);width:100%;box-shadow:inset 0 1px 0 #ffffff0d, 0 0 14px color-mix(in srgb, var(--block-color,#00f0ff) 10%, transparent);cursor:pointer;background:#0000004d;border-radius:12px;align-items:center;gap:12px;margin-top:8px;padding:7px 14px;font-family:inherit;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.daily-challenge-card:hover{border-color:color-mix(in srgb, var(--block-color,#00f0ff) 50%, #ffffff1f);box-shadow:inset 0 1px 0 #ffffff0d, 0 0 20px color-mix(in srgb, var(--block-color,#00f0ff) 22%, transparent);background:#00000061}.daily-challenge-card.active{border-color:color-mix(in srgb, var(--block-color,#00f0ff) 60%, #ffffff26);box-shadow:inset 0 1px 0 #ffffff0d, 0 0 22px color-mix(in srgb, var(--block-color,#00f0ff) 28%, transparent)}.dc-icon{color:var(--block-color,#00f0ff);filter:drop-shadow(0 0 8px color-mix(in srgb, var(--block-color,#00f0ff) 50%, transparent));font-size:1.5rem;line-height:0}.dc-text{flex-direction:column;flex:1;min-width:0;display:flex}.dc-title{letter-spacing:.8px;text-transform:uppercase;color:#a0a0a0;white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;font-weight:700;overflow:hidden}.dc-status{color:#fff;text-shadow:0 0 10px color-mix(in srgb, var(--block-color,#00f0ff) 30%, transparent);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.vs-banner-title{align-items:center;gap:8px;min-width:0;display:flex}.vs-banner-title .dc-title{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.vs-race{border-radius:7px;flex-direction:column;gap:3px;margin-top:3px;padding:3px 5px;transition:box-shadow .2s,background .2s;display:flex}.vs-lane{align-items:center;gap:7px;display:flex}.vs-track{background:#ffffff14;border-right:2px dashed #ffd54aa6;border-radius:999px;flex:1;min-width:0;height:6px;position:relative}.vs-fill{border-radius:999px;height:100%;transition:width .35s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.vs-fill.you{background:linear-gradient(90deg, color-mix(in srgb, var(--block-color,#00f0ff) 40%, transparent), color-mix(in srgb, var(--block-color,#00f0ff) 85%, transparent))}.vs-fill.them{background:linear-gradient(90deg,#f8717159,#f87171bf)}.vs-puck{pointer-events:none;font-size:.92rem;transition:left .35s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.vs-puck.you{color:var(--block-color,#00f0ff);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--block-color,#00f0ff) 70%, transparent))}.vs-puck.them{color:#f3a2a2;filter:drop-shadow(0 0 4px #f8717199)}.vs-lane-score{text-align:right;color:#fff;font-variant-numeric:tabular-nums;flex-shrink:0;width:3.8em;font-size:.78rem;font-weight:800}.vs-lane-score.them{color:#f3a2a2}.vs-race.flash.taken{background:#22c55e33;box-shadow:0 0 16px #22c55e73}.vs-race.flash.lost{background:#f8717133;box-shadow:0 0 16px #f8717173}.vs-callout{z-index:50;letter-spacing:.4px;white-space:nowrap;color:#fff;pointer-events:none;border-radius:999px;padding:8px 18px;font-size:1rem;font-weight:900;animation:1.6s forwards vs-callout-pop;position:absolute;top:8px;left:50%;transform:translate(-50%)}.vs-callout.taken{background:linear-gradient(90deg,#16a34a,#22c55e);box-shadow:0 0 24px #22c55eb3}.vs-callout.lost{background:linear-gradient(90deg,#dc2626,#f87171);box-shadow:0 0 24px #f87171b3}@keyframes vs-callout-pop{0%{opacity:0;transform:translate(-50%)translateY(-8px)scale(.7)}15%{opacity:1;transform:translate(-50%)translateY(0)scale(1.08)}28%{transform:translate(-50%)translateY(0)scale(1)}80%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-6px)scale(.96)}}@media (prefers-reduced-motion:reduce){.vs-fill,.vs-puck{transition:none}.vs-callout{animation-name:vs-callout-fade;animation-duration:1.6s}}@keyframes vs-callout-fade{0%,85%{opacity:1}to{opacity:0}}.vs-delta{vertical-align:middle;text-shadow:none;border-radius:999px;padding:1px 7px;font-size:.8rem;font-weight:800;display:inline-block}.vs-delta.ahead{color:#052e16;background:#22c55ecc}.vs-delta.behind{color:#3f0d0d;background:#f87171d1}.vs-delta.even{color:#e5e5e5;background:#ffffff24}.dc-cta{color:#fff;background:color-mix(in srgb, var(--block-color,#00f0ff) 24%, #ffffff0d);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--block-color,#00f0ff) 40%, transparent);text-shadow:0 0 8px color-mix(in srgb, var(--block-color,#00f0ff) 40%, transparent);border-radius:8px;flex-shrink:0;padding:6px 16px;font-size:.85rem;font-weight:700}.dc-icon-wrap{flex-shrink:0;align-items:center;display:flex;position:relative}.dc-streak-badge{white-space:nowrap;color:#1a1200;background:#ffb020;border-radius:9px;align-items:center;gap:2px;padding:1px 5px;font-size:.62rem;font-weight:800;display:inline-flex;position:absolute;top:-9px;left:60%;box-shadow:0 0 8px #ff910099}.dc-streak-badge.at-risk{animation:1.8s ease-in-out infinite streak-pulse}@keyframes streak-pulse{0%,to{opacity:.6}50%{opacity:1}}.streak-line{color:#ffd166;text-shadow:0 0 10px #ff910080;justify-content:center;align-items:center;gap:6px;margin:8px auto 2px;font-size:1rem;font-weight:700;display:flex}.streak-note{color:#ffd166;font-weight:700}.stats-body{flex-direction:column;gap:18px;display:flex}.stats-group-label{text-transform:uppercase;letter-spacing:.8px;color:#94a3b8;align-items:center;gap:6px;margin-bottom:8px;font-size:.7rem;font-weight:700;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px;display:grid}.stat-card{background:#ffffff0d;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.stat-value{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 10px color-mix(in srgb, var(--block-color,#00f0ff) 30%, transparent);align-items:center;gap:4px;font-size:1.4rem;font-weight:800;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-size:.7rem}.stats-footer{text-align:center;color:#94a3b8;margin:4px 0 0;font-size:.8rem}button{color:#fff;cursor:pointer;background-color:#3d424a;border:1px solid #505861;border-radius:6px;padding:10px 20px;font-size:15px;font-weight:500;transition:background .2s}button:hover{background-color:#4b525c}.leaderboard-modal-backdrop{z-index:1100;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.leaderboard-modal{border:1px solid color-mix(in srgb, var(--block-color,#00f0ff) 22%, #ffffff1a);width:min(420px,100%);max-height:90vh;box-shadow:0 18px 50px #00000080, 0 0 40px color-mix(in srgb, var(--block-color,#00f0ff) 10%, transparent);background:linear-gradient(#171b21 0%,#12151a 100%);border-radius:16px;padding:18px;overflow-y:auto}.leaderboard-tabs{background:#00000047;border-radius:10px;gap:4px;margin-bottom:14px;padding:4px;display:flex}.leaderboard-tab{color:#9aa6b2;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:7px 2px;font-size:.75rem;font-weight:600;transition:background .15s,color .15s}.leaderboard-tab:hover:not(.active){color:#e8edf2;background:#ffffff0f}.leaderboard-tab.active{background:color-mix(in srgb, var(--block-color,#3f8cff) 22%, #ffffff0f);color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--block-color,#3f8cff) 35%, transparent)}.leaderboard-modal-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.leaderboard-modal-header h3{letter-spacing:.5px;margin:0;font-size:1.3rem}.leaderboard-subtitle{color:#8b95a1;margin:0 0 14px;font-size:.82rem}.close-btn{padding:4px 8px;font-size:20px;line-height:1}.leaderboard-form{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.leaderboard-form label{flex-direction:column;gap:6px;font-size:.92rem;display:flex}.leaderboard-form input{box-sizing:border-box;color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;width:100%;padding:8px 10px}.leaderboard-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.leaderboard-row{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:10px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:9px 12px;display:grid}.leaderboard-error{color:#ff8b8b;margin:0 0 10px}.leaderboard-hint{color:#bfc8d1;margin:0 0 10px;font-size:.95rem}.leaderboard-hint a{color:color-mix(in srgb, var(--block-color,#00f0ff) 85%, white);font-weight:600}.leaderboard-auth{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.auth-toggle{gap:8px;display:flex}.auth-toggle button{border-radius:8px;flex:1;padding:8px 10px}.auth-toggle button.active{background:#4b525c}.auth-summary{color:#e8eef5;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.text-btn{color:#8bb8ff;cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem}.leaderboard-submit{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:10px;margin-bottom:12px;padding:12px;display:flex}.submit-score-line{color:#cfd8e3;font-size:.95rem}.submit-score-line strong{color:#fff;font-size:1.1rem}.primary-btn{color:#fff;cursor:pointer;background:#3f8cff;border:none;border-radius:8px;width:100%;padding:10px 14px;font-weight:600;transition:background .15s}.primary-btn:hover:not(:disabled){background:#5a9dff}.primary-btn:disabled{opacity:.6;cursor:default}.leaderboard-row .rank{color:#9aa6b2;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;font-weight:700;display:flex}.player-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:flex;overflow:hidden}.player-score{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 8px color-mix(in srgb, var(--block-color,#00f0ff) 30%, transparent);font-weight:700}.you-badge{letter-spacing:.5px;background:var(--block-color,#3f8cff);color:#05060a;border-radius:6px;flex-shrink:0;padding:2px 6px;font-size:.6rem;font-weight:800}.leaderboard-row.rank-1 .rank{color:#3d2c00;background:linear-gradient(135deg,#ffe27a,#f5b301)}.leaderboard-row.rank-2 .rank{color:#2a2f38;background:linear-gradient(135deg,#eef1f6,#b8c0cc)}.leaderboard-row.rank-3 .rank{color:#3a1e08;background:linear-gradient(135deg,#f0b183,#c77b3e)}.leaderboard-row.rank-1{background:linear-gradient(90deg,#ffd70029,#ffd70008);border-color:#ffd70073;padding:12px}.leaderboard-row.rank-1 .player-name{font-size:1.05rem;font-weight:700}.leaderboard-row.rank-2{background:linear-gradient(90deg,#c8cdd724,#c8cdd708);border-color:#c8cdd766}.leaderboard-row.rank-3{background:linear-gradient(90deg,#cd7f3229,#cd7f3208);border-color:#cd7f3266}.leaderboard-row.is-you{background:color-mix(in srgb, var(--block-color,#3f8cff) 18%, transparent);border-color:color-mix(in srgb, var(--block-color,#3f8cff) 55%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--block-color,#3f8cff) 22%, transparent)}.account-signed-in{flex-direction:column;gap:8px;display:flex}.checkbox-row{color:#cfd8e3;cursor:pointer;align-items:center;flex-direction:row!important;gap:8px!important;font-size:.85rem!important}.checkbox-row input{width:auto!important}.skin-wood .board{background-blend-mode:soft-light, normal, screen, screen;background-color:#483325;background-image:linear-gradient(#ffffff0f 0%,#0000 28%,#00000024 100%),repeating-linear-gradient(0deg,#0000000a 0 1px,#0000 1px 11px),radial-gradient(circle at 20% 20%,#ffffff14,#0000 20%),radial-gradient(circle at 80% 15%,#ffffff0f,#0000 18%);box-shadow:inset 0 4px 12px #000000a6,0 6px 18px #00000073}.skin-wood .subgrid-dark{background-blend-mode:multiply;background-color:#0000;background-image:linear-gradient(160deg,#8a6349 0%,#a88062 45%,#8f664e 100%),repeating-linear-gradient(0deg,#0000000a 0 1px,#0000 1px 7px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;box-shadow:inset 0 0 0 1px #00000014,inset 1px 1px 4px #00000040}.skin-wood .subgrid-light{background-blend-mode:multiply;background-color:#0000;background-image:linear-gradient(160deg,#d4b88d 0%,#caa67c 40%,#b98b69 100%),repeating-linear-gradient(0deg,#00000008 0 1px,#0000 1px 9px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;box-shadow:inset 0 0 0 1px #ffffff14,inset 1px 1px 4px #0000002e}.skin-wood .cell.filled,.skin-wood .preview-cell{background-blend-mode:multiply, multiply, normal, normal, normal;background-color:#b87f47;background-image:radial-gradient(circle at 18% 12%,#ffffff3d,#0000 14%),radial-gradient(circle at 84% 24%,#00000029,#0000 16%),repeating-linear-gradient(#00000014 0 1px,#0000 1px 5px),repeating-linear-gradient(12deg,#00000024 0 2px,#0000 2px 18px),linear-gradient(135deg,#d09760 0%,#9f5e30 35%,#5f361b 100%);background-size:auto,auto,auto,100% 300%,auto;border:2.5px solid #00000080;border-top:2px solid #ffffff3d;border-left:2px solid #ffffff3d;border-radius:4px;box-shadow:inset 0 1px #ffffff2e,inset 1px 1px 1px #ffffff1f,0 3px 6px #00000080}.skin-wood-contrast .board{background-color:var(--board-color,#0f0804);background-blend-mode:soft-light, normal, screen, screen;background-image:linear-gradient(#ffffff1f 0%,#0000 20%,#00000073 100%),repeating-linear-gradient(0deg,#0003 0 1px,#0000 1px 11px),radial-gradient(circle at 20% 20%,#ffffff08,#0000 20%),radial-gradient(circle at 80% 15%,#ffffff04,#0000 18%);box-shadow:inset 0 6px 20px #000000f2,0 6px 18px #000000bf}.skin-wood-contrast .subgrid-dark{background-color:var(--slot-dark-color,#1a0f08);background-blend-mode:normal, overlay, screen;background-image:repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 7px),linear-gradient(160deg,#00000040,#0000 40%),radial-gradient(circle at 30% 20%,#ffffff0d,#0000 18%);box-shadow:inset 0 2px 6px #000000b3,inset -1px -1px 4px #0009,0 1px 2px #ffffff0a}.skin-wood-contrast .subgrid-light{background-color:var(--slot-light-color,#6b5640);background-blend-mode:normal, overlay, screen;background-image:repeating-linear-gradient(0deg,#ffffff14 0 1px,#0000 1px 9px),linear-gradient(160deg,#0000002e,#0000 35%),radial-gradient(circle at 70% 30%,#ffffff14,#0000 20%);box-shadow:inset 0 2px 6px #00000080,inset -1px -1px 4px #00000059,0 1px 2px #ffffff0a}.skin-wood-contrast .cell.filled,.skin-wood-contrast .preview-cell{background-color:var(--block-color,#d4a574);background-image:radial-gradient(circle at 18% 12%, #ffffff4d, transparent 14%), radial-gradient(circle at 84% 24%, #0000001a, transparent 16%), repeating-linear-gradient(180deg, #0000000d 0, #0000000d 1px, transparent 1px, transparent 5px), repeating-linear-gradient(12deg, #00000014 0, #00000014 2px, transparent 2px, transparent 18px), linear-gradient(135deg, #e8c896 0%, var(--block-color,#d4a574) 35%, #b8835f 100%);background-blend-mode:multiply, multiply, normal, normal, normal;background-size:auto,auto,auto,100% 300%,auto;border:2px solid #00000040;border-color:#ffffff4d #00000040 #00000040 #ffffff4d;border-radius:4px;box-shadow:inset 0 1px #ffffff40,inset 1px 1px 1px #ffffff26,0 2px 5px #0006}.cell.clearing{z-index:5;will-change:transform, opacity;animation:.9s cubic-bezier(.25,.46,.45,.94) both cell-dissolve;transform:translate(0,0)}@keyframes cell-dissolve{0%{opacity:1;filter:brightness();transform:scale(1)}to{opacity:0;filter:brightness(.7);transform:scale(.3)}}.game-container{position:relative}.score-popups-container{pointer-events:none;z-index:9999;width:90vw;max-width:400px;height:90vw;max-height:400px;position:absolute;top:140px;left:50%;transform:translate(-50%)}.floating-score-popup{color:#fbbf24;text-shadow:0 4px 12px #000000e6,0 0 12px #fbbf2499;pointer-events:none;font-family:system-ui,-apple-system,sans-serif;font-size:2.2rem;font-weight:900;animation:.95s cubic-bezier(.175,.885,.32,1.275) forwards floatUpAndFadeOut;position:absolute;transform:translate(-50%,-50%)}@keyframes floatUpAndFadeOut{0%{opacity:0;transform:translate(-50%,calc(15px - 50%))scale(.6)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.25)}50%{opacity:1;transform:translate(-50%,calc(-50% - 20px))scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% - 60px))scale(.8)}}.floating-score{color:#fff;text-shadow:0 2px 4px #000c, 0 0 8px var(--block-color,#ba7b2d);will-change:transform, opacity;font-family:Arial Black,Impact,sans-serif;font-size:1.4rem;font-weight:700;animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards score-float-up;position:absolute}@keyframes score-float-up{0%{opacity:0;transform:translate(-50%)scale(.5)}20%{opacity:1;transform:translate(-50%,-20px)scale(1.2)}80%{opacity:1;transform:translate(-50%,-60px)scale(1)}to{opacity:0;transform:translate(-50%,-80px)scale(.8)}}.score-box-container{background:#0000004d;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:16px;padding:6px 16px;display:flex;box-shadow:inset 0 1px #ffffff0d}.score-item{flex-direction:column;align-items:center;display:flex}.score-label{color:#a0a0a0;letter-spacing:.8px;font-size:.65rem;font-weight:700}.score-value{text-shadow:0 0 10px color-mix(in srgb, var(--block-color,#00f0ff) 30%, transparent);font-size:1.25rem;font-weight:700}.score-item.best .score-value{color:var(--highlight-color,#ffca28);text-shadow:0 0 10px color-mix(in srgb, var(--highlight-color,#ffca28) 40%, transparent)}.final-stats{margin:14px 0;font-size:1.1rem}.final-stats p{margin:4px 0}.new-record-badge{color:#fff;background:linear-gradient(45deg,#ff9800,#ff5722);border-radius:20px;align-items:center;gap:6px;width:fit-content;margin:10px auto;padding:6px 12px;font-size:.85rem;font-weight:700;animation:1.8s infinite badge-pulse;display:flex}@keyframes badge-pulse{0%{opacity:.95;transform:scale(1)}50%{opacity:1;transform:scale(1.05);box-shadow:0 0 12px #ff980080}to{opacity:.95;transform:scale(1)}}.studio-toggle-btn{color:#fff;cursor:pointer;background:#4a5568;border:none;border-radius:6px;padding:6px 12px;font-size:.85rem;transition:background .2s}.studio-toggle-btn:hover{background:#2d3748}.studio-overlay-modal{z-index:1000;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.studio-box{color:#f8fafc;background:#1e293b;border-radius:12px;width:90%;max-width:440px;animation:.2s ease-out modal-slide-up;overflow:hidden;box-shadow:0 10px 25px -5px #0006}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.studio-header{background:#111827;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:16px;display:flex}.close-modal-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.studio-body{padding:20px}.input-group{color:#cbd5e1;flex-direction:column;gap:6px;margin-bottom:20px;font-size:.9rem;display:flex}.input-group input{color:#fff;background:#0f172a;border:1px solid #475569;border-radius:6px;padding:8px}.color-pickers-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.picker-card{background:#334155;border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.picker-title{text-transform:uppercase;color:#94a3b8;font-size:.75rem;font-weight:700}.picker-row{align-items:center;gap:6px;display:flex}.picker-row input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:4px;width:32px;height:32px}.picker-row input[type=text]{color:#fff;text-transform:uppercase;background:#0f172a;border:1px solid #475569;border-radius:4px;width:100%;padding:4px 6px;font-size:.85rem}.save-preset-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;width:100%;padding:10px;font-weight:700;transition:background .2s}.save-preset-btn:hover{background:#059669}.studio-box-wide{flex-direction:column;max-width:720px;max-height:85vh;display:flex}.studio-box-wide .studio-body{flex-direction:column;gap:20px;display:flex;overflow-y:auto}.studio-section-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-size:.85rem}.studio-theme-list{background:#0003;border-radius:8px;flex-direction:column;gap:6px;max-height:150px;padding:8px;display:flex;overflow-y:auto}.studio-theme-row{background:#ffffff08;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.studio-theme-row.active{background:#10b98126;border-color:#10b981}.studio-theme-name{font-size:.9rem}.studio-preset-tag{color:#64748b;font-size:.75rem}.studio-theme-actions{flex-shrink:0;gap:6px;display:flex}.studio-mini-btn{color:#fff;cursor:pointer;background:#334155;border:1px solid #475569;border-radius:6px;padding:4px 8px;font-size:.75rem}.studio-mini-btn:hover{background:#3f4d60}.studio-mini-btn.danger{background:#ef4444;border-color:#dc2626}.studio-divider{border:none;border-top:1px solid #334155;margin:0}.studio-layout{flex-wrap:wrap;gap:20px;display:flex}.studio-form-col{flex-direction:column;flex:300px;gap:14px;display:flex}.studio-form-col .input-group{margin-bottom:0}.studio-preview-col{flex:200px;min-width:180px}.theme-preview-board{aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;grid-template-columns:repeat(9,1fr);gap:2px;padding:8px;display:grid;box-shadow:inset 0 3px 8px #0006}.theme-preview-cell{border:1px solid #ffffff14;border-radius:3px}.studio-preview-caption{color:#94a3b8;margin:10px 0 0;font-size:.75rem}.studio-color-fields{flex-direction:column;gap:10px;display:flex}.studio-color-field{background:#334155;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.studio-color-text{flex-direction:column;gap:2px;min-width:0;display:flex}.studio-color-label{color:#f1f5f9;font-size:.85rem;font-weight:600}.studio-color-hint{color:#94a3b8;font-size:.72rem}.studio-color-inputs{border-radius:6px;flex-shrink:0;align-items:center;gap:6px;display:flex}.studio-color-inputs.invalid{outline-offset:2px;outline:2px solid #ef4444}.studio-color-inputs input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:4px;width:32px;height:32px;padding:0}.studio-color-inputs input[type=text]{color:#fff;text-transform:uppercase;background:#0f172a;border:1px solid #475569;border-radius:4px;width:80px;padding:4px 6px;font-size:.85rem}.studio-error{color:#fca5a5;margin:0;font-size:.85rem}.studio-form-buttons{gap:8px;margin-top:6px;display:flex}[data-texture=brushed] .cell.filled,[data-texture=brushed] .preview-cell{background-blend-mode:screen, overlay, normal;background-image:linear-gradient(140deg,#ffffff1a 0%,#0000 15%,#ffffff0d 20%,#0000 40%),repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 4px),linear-gradient(135deg,#ffffff26 0%,#00000040 100%);border:1.5px solid #0006;border-color:#ffffff40 #0006 #0006 #ffffff40;box-shadow:inset 0 1px 1px #ffffff1a,0 2px 4px #0000004d}[data-texture=grain] .cell.filled,[data-texture=grain] .preview-cell{background-blend-mode:multiply, normal, normal, normal;background-image:radial-gradient(circle at 20% 10%,#ffffff26,#0000 20%),repeating-linear-gradient(#0000000f 0 1px,#0000 1px 4px),repeating-linear-gradient(85deg,#0000001a 0 2px,#0000 2px 14px),linear-gradient(135deg,#ffffff1a 0%,#00000059 100%);border:2px solid #00000073;border-color:#fff3 #00000073 #00000073 #fff3;box-shadow:inset 0 1px #ffffff26,0 3px 5px #0006}[data-texture=retro] .cell.filled,[data-texture=retro] .preview-cell{background-blend-mode:screen, screen, normal;box-shadow:0 0 8px var(--block-color,#00f0ff), inset 0 0 4px var(--block-color,#00f0ff);filter:brightness(1.1);background-image:linear-gradient(90deg,#ffffff40 1px,#0000 1px),linear-gradient(#ffffff40 1px,#0000 1px),linear-gradient(#ffffff26 0%,#0000 60%,#0000004d 100%);background-size:6px 6px,6px 6px,100% 100%;border:1.5px solid #fff6}[data-texture=smooth] .cell.filled,[data-texture=smooth] .preview-cell{background-image:linear-gradient(135deg,#ffffff1f 0%,#00000026 100%);border:1px solid #ffffff26;box-shadow:inset 0 1px 1px #ffffff1a,0 1px 3px #0003}.board-wrapper-container{justify-content:center;align-items:center;width:100%;margin:10px 0;display:flex}.board-wrapper-relative{width:100%;max-width:400px;display:inline-block;position:relative}.score-popups-container{pointer-events:none;z-index:9999;box-sizing:border-box;width:100%;height:100%;position:absolute;top:0;left:0}.floating-score-popup{color:#fbbf24;text-shadow:0 4px 12px #000000e6,0 0 12px #fbbf2499;pointer-events:none;white-space:nowrap;font-family:system-ui,-apple-system,sans-serif;font-size:2.2rem;font-weight:900;animation:.95s cubic-bezier(.175,.885,.32,1.275) forwards floatUpAndFadeOut;position:absolute;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}