: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{color:#eee;background-color:#121416;justify-content:center;align-items:center;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.game-container{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:min(400px,92vw);max-height:98vh;padding:10px;display:flex}.game-footer{text-align:center;color:#6b7280;width:100%;margin-top:12px;font-size:.75rem}.game-footer a{color:#8b95a1;text-decoration:none}.game-footer a:hover{color:#cbd5e1;text-decoration:underline}.ad-banner{justify-content:center;width:100%;margin-bottom:10px;display:flex}.ad-banner-inner{background:#ffffff08;border:1px dashed #ffffff2e;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:60px;display:flex}.ad-banner-label{letter-spacing:1px;text-transform:uppercase;color:#6b7280;font-size:.7rem}.game-header{width:100%;margin-bottom:10px}.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;letter-spacing:-.5px;margin:0 0 8px;font-weight:600}.controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.header-buttons{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:#fff;cursor:pointer;background:#25282c;border:1px solid #3d424a;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:14px;transition:background .15s,border-color .15s;display:inline-flex}.settings-toggle-btn:hover{background:#30343a;border-color:#525963}.settings-gear{font-size:15px;line-height:1}.settings-item{text-align:left;color:#fff;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;width:100%;padding:10px 12px;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-theme-options{flex-direction:column;gap:6px;display:flex}.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}.board-wrapper{aspect-ratio:1;width:100%;position:relative}.board{background-color:var(--board-color,#7a848f);box-sizing:border-box;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;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}.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 #fff3, 0 0 18px var(--highlight-color,#ef4444);animation:1.2s ease-in-out infinite alternate clear-glow-pulse;background-color:var(--highlight-color,#ef4444)!important;outline:2px solid #ffffff8c!important}@keyframes clear-glow-pulse{0%{filter:brightness(.95)}to{filter:brightness(1.12)}}.pool{justify-content:space-between;gap:12px;width:100%;margin:15px 0;display:flex}.pool-space{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#ffffff05;border:1px dashed #ffffff0d;border-radius:8px;flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.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{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{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}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}.reset-btn{color:#8a939e;background-color:#212427;border-color:#2b3035;margin-top:10px}.reset-btn:hover{color:#fff;background-color:#2b3035}.leaderboard-modal-backdrop{z-index:1100;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.leaderboard-modal{background:#161a1f;border:1px solid #ffffff1f;border-radius:14px;width:min(420px,100%);padding:18px;box-shadow:0 18px 45px #00000073}.leaderboard-modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.leaderboard-modal-header h3{margin:0}.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:#ffffff0d;border-radius:8px;grid-template-columns:40px 1fr 60px;align-items:center;gap:8px;padding:8px 10px;display:grid}.leaderboard-error{color:#ff8b8b;margin:0 0 10px}.leaderboard-hint{color:#bfc8d1;margin:0 0 10px;font-size:.95rem}.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;font-weight:600}.leaderboard-row.is-you{background:#3f8cff2e;border:1px solid #3f8cff73}.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:#00000040;border-radius:8px;align-items:center;gap:16px;padding:6px 14px;display:flex}.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{font-size:1.25rem;font-weight:700}.score-item.best .score-value{color:#ffca28}.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;width:fit-content;margin:10px auto;padding:6px 12px;font-size:.85rem;font-weight:700;animation:1.8s infinite badge-pulse}@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;border-radius:8px;grid-template-columns:repeat(6,1fr);gap:3px;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:20px 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%)}