:root{--ink: #0a0b0d;--ink-2: #0e0f12;--panel: #121317;--panel-2: #181a1e;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .13);--txt: #edeff2;--txt-dim: #9aa0a8;--txt-faint: #5f656d;--accent: #fb7185;--accent-2: #ff8fa0;--brand-grad-start: var(--accent-2);--brand-grad-end: var(--accent);--score-value-color: var(--accent);--cell-a: #33363c;--cell-b: #22252a;--sans: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{margin:0}body{font-family:var(--sans);color:var(--txt);background:var(--app-bg);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;width:100%}.desktop-mode{display:flex;align-items:center;justify-content:center;padding:24px}.desktop-shell{display:flex;width:min(96vw,1180px);height:min(88vh,730px);background:var(--ink-2);border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 50px 120px -50px #000000e6}.desktop-board-side{flex:1;display:flex;align-items:center;justify-content:center;padding:34px;min-width:0}.desktop-board-frame{width:min(56vh,540px);max-width:100%;position:relative}.desktop-panel{flex:0 0 332px;background:var(--panel);border-left:1px solid var(--line);padding:30px 28px;display:flex;flex-direction:column;gap:20px}.mobile-mode{padding:18px 14px 20px}.mobile-shell{width:min(100%,460px);margin:0 auto;display:flex;flex-direction:column;gap:12px}.mobile-header{display:flex;justify-content:center;padding-top:env(safe-area-inset-top,0)}.panel-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-tools{display:flex;align-items:center;gap:8px}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:700;letter-spacing:.22em;color:var(--txt)}.brand-mark{display:grid;grid-template-columns:repeat(2,7px);grid-auto-rows:7px;gap:2px}.brand-mark i{display:block;background:linear-gradient(158deg,var(--brand-grad-start),var(--brand-grad-end));border-radius:2px;box-shadow:inset 0 1px #ffffff80}.brand-mark i:nth-child(3){opacity:.55}.mobile-stats,.stats-grid{display:grid;gap:12px}.stats-grid{grid-template-columns:1fr 1fr}.mobile-stats{grid-template-columns:1fr auto 1fr;align-items:stretch;background:var(--panel-2);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 12px 30px -18px #000c,inset 0 1px #ffffff08}.mobile-stat{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 18px;min-width:0}.mobile-divider{width:1px;background:var(--line)}.stat-card{background:var(--panel-2);border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}.stat-card.score{border-color:var(--score-card-border);background:var(--score-card-bg)}.stat-k{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--txt-faint);font-weight:600}.stat-v{font-size:42px;font-weight:700;letter-spacing:-.03em;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--txt-dim)}.accent,.stat-card.score .stat-v{color:var(--score-value-color)}.rule{height:1px;background:var(--line)}.hint{font-size:12.5px;color:var(--txt-dim);line-height:1.45}.desktop-hint{text-align:center;white-space:nowrap;align-self:center;margin-top:2px}.mobile-hint{text-align:center;font-size:11.5px;text-wrap:balance}.desktop-spacer{flex:1}.board-wrap{position:relative}.mobile-board-area{width:100%}.board{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;width:100%;background:var(--panel);padding:10px;border-radius:16px;border:1px solid var(--line);box-shadow:0 30px 70px -34px #000000f2,inset 0 1px #ffffff08;touch-action:none;-webkit-user-select:none;user-select:none}.cell{aspect-ratio:1;border-radius:6px;position:relative}.cell.e{background:var(--cell-empty-bg);box-shadow:var(--cell-empty-shadow)}.cell.f{background:linear-gradient(158deg,var(--cell-a),var(--cell-b));box-shadow:inset 0 1px #ffffff14,inset 0 -2px 5px #0006}.cell.f.c1,.cell.f.c2,.cell.f.c3,.cell.f.c4,.cell.f.c5,.cell.f.c6,.cell.f.c7,.cell.f.c8{background:var(--cell-fill-bg);box-shadow:var(--cell-fill-shadow)}.cell.draw{background:var(--draw-bg);box-shadow:inset 0 0 0 1px var(--draw-border)}.cell.draw.ready{background:var(--cell-fill-bg);box-shadow:var(--draw-ready-shadow)}.cell.drag-preview{background:var(--drag-preview-bg);box-shadow:inset 0 0 0 1px var(--drag-preview-border)}.cell.drag-preview.valid{background:var(--drag-preview-valid-bg);box-shadow:var(--drag-preview-valid-shadow)}.cell.clearing{animation:flash .42s ease-out both}@keyframes flash{0%{background:var(--cell-fill-bg);box-shadow:var(--flash-shadow);transform:scale(1)}55%{transform:scale(1.12)}to{background:#ffffff07;box-shadow:none;transform:scale(1)}}.tray{display:flex;align-items:center;gap:8px}.tray-desktop{justify-content:space-between;min-height:72px;gap:10px}.tray-mobile{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;min-height:92px;width:100%;max-width:100%;align-items:stretch;margin-inline:auto}.tray-mobile:after{content:"";position:absolute;top:12px;bottom:12px;left:50%;width:1px;transform:translate(-.5px);background:var(--line)}.tray-slot{flex:1;display:flex;align-items:center;justify-content:center;min-height:62px;min-width:0}.tray-mobile .tray-slot{flex:1 1 auto;min-width:0;min-height:92px;padding:8px 12px}.tray-mobile .tray-slot:first-child{padding-right:22px}.tray-mobile .tray-slot:last-child{padding-left:22px}.tray-mobile .tray-piece{padding:4px}.tray-piece{position:relative;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:10px;transition:transform .15s ease,filter .15s ease;min-width:calc(4 * var(--piece-pitch, 18px) + 3 * var(--piece-gap, 3px) + 12px);min-height:calc(4 * var(--piece-pitch, 18px) + 3 * var(--piece-gap, 3px) + 12px);touch-action:none}.tray-piece.matched{transform:scale(1.12);filter:var(--piece-match-shadow)}.tray-piece.morphing{filter:var(--piece-morph-shadow)}.tray-piece.tray-piece-draggable{cursor:grab}.tray-piece.tray-piece-draggable:active{cursor:grabbing}.tray-piece.drag-source{opacity:.18;transform:scale(.92);filter:none}.tray-empty{width:42px;height:42px}.piece-grid{position:relative}.piece-layer{position:absolute;top:6px;right:6px;bottom:6px;left:6px;transform-origin:50% 50%}.piece-layer:not(.morph-in):not(.morph-out){position:absolute;top:6px;right:6px;bottom:6px;left:6px}.piece-layer.morph-in{animation:trayMorphIn .28s ease both}.piece-layer.morph-out{animation:trayMorphOut .28s ease both}.pc{border-radius:5px;transition:transform .28s ease,opacity .28s ease,filter .28s ease}.pc.c1,.pc.c2,.pc.c3,.pc.c4,.pc.c5,.pc.c6,.pc.c7,.pc.c8{background:var(--cell-fill-bg);box-shadow:var(--cell-fill-shadow)}.pc-empty{background:transparent}@keyframes trayMorphIn{0%{opacity:.2;transform:scale(.78) rotate(-8deg);filter:blur(4px)}to{opacity:1;transform:scale(1) rotate(0);filter:blur(0)}}@keyframes trayMorphOut{0%{opacity:1;transform:scale(1) rotate(0);filter:blur(0)}to{opacity:0;transform:scale(1.18) rotate(8deg);filter:blur(6px)}}.mobile-dock{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:inset 0 1px #ffffff08;display:flex;align-items:center;min-height:138px;touch-action:none}.mobile-dock-row{width:100%;display:flex;align-items:center;min-height:100%;justify-content:center}.mobile-tray-wrap{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;align-self:stretch;padding-block:0}.mobile-tray-wrap.full-width{width:100%}.mobile-dock-tools{display:flex;align-items:center;justify-content:flex-end;align-self:center}.mobile-dock-tools .panel-tools{gap:7px}.icon-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;border:1px solid var(--line-strong);background:#ffffff0b;color:var(--txt);cursor:pointer;transition:.16s;flex:0 0 auto}.lang-btn{width:auto;min-width:62px;padding:0 10px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;justify-content:center}.lang-btn span{line-height:1}.icon-btn:hover{background:#ffffff14;border-color:#fff3}.icon-btn:active{transform:translateY(1px)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;padding:13px 16px;border-radius:13px;border:1px solid var(--line-strong);background:#ffffff0b;color:var(--txt);font-size:14.5px;font-weight:600;cursor:pointer;transition:.16s}.btn.ghost:hover:not(:disabled){background:#ffffff14;border-color:#fff3}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.32;cursor:default}.mobile-actions{display:flex;flex-direction:column;gap:10px;padding-bottom:calc(4px + env(safe-area-inset-bottom,0px))}.mobile-actions-row{display:grid;grid-template-columns:68px minmax(0,1fr);gap:10px}.mobile-back-btn,.mobile-new-game-btn,.mobile-settings-btn{min-height:54px}.mobile-back-btn{padding-inline:0}.mobile-back-btn svg{width:18px;height:18px}.mobile-settings-btn{width:100%}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px 16px;background:color-mix(in srgb,var(--scrim) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-modal{position:relative;width:min(100%,360px);border-radius:24px;border:1px solid var(--score-card-border);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-2) 92%,transparent),color-mix(in srgb,var(--panel) 96%,transparent));box-shadow:0 40px 90px -40px #000000e0,inset 0 1px #ffffff0f;padding:22px 18px 18px}.settings-close-btn{position:absolute;top:14px;right:14px;width:38px;height:38px;border:1px solid var(--line-strong);border-radius:12px;background:#ffffff0b;color:var(--txt);cursor:pointer;transition:.16s}.settings-close-btn span{display:block;font-size:24px;line-height:1;transform:translateY(-1px)}.settings-modal-header{padding-right:48px}.settings-modal-title{margin:0;font-size:30px;line-height:.98;letter-spacing:-.04em;color:var(--title-color)}.settings-modal-body{display:flex;flex-direction:column;gap:12px;margin-top:18px}.settings-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:16px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel-2) 92%,transparent);box-shadow:inset 0 1px #ffffff0a;padding:14px 15px}.settings-row-button{color:var(--txt);cursor:pointer}.settings-row-label{font-size:14px;font-weight:600;color:var(--txt)}.settings-row-value{font-size:14px;font-weight:700;color:var(--score-value-color)}.settings-switch{position:relative;width:54px;height:32px;border-radius:999px;border:1px solid var(--line-strong);background:#ffffff14;cursor:pointer;transition:background .16s ease,border-color .16s ease;flex:0 0 auto}.settings-switch span{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:999px;background:var(--txt);box-shadow:0 4px 10px -5px #000000b3;transition:transform .16s ease,background .16s ease}.settings-switch.on{background:var(--score-card-bg);border-color:var(--score-card-border)}.settings-switch.on span{transform:translate(22px);background:var(--score-value-color)}.settings-theme-btn{min-height:52px}.over{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;z-index:20;animation:fade .25s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.over-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;width:min(100%,320px);text-align:center}.over-k{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--txt-faint);font-weight:600}.over-score{font-size:60px;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--score-value-color);font-variant-numeric:tabular-nums}.over-best{font-size:13px;color:var(--txt-dim);margin-bottom:6px}.drag-ghost{position:fixed;left:0;top:0;z-index:50;pointer-events:none;filter:drop-shadow(0 18px 26px rgba(0,0,0,.36));opacity:.9}.drag-ghost.valid{filter:var(--ghost-valid-shadow);opacity:.98}.drag-ghost.desktop,.drag-ghost.mobile{transform:translate(-50%,-50%)}.drag-ghost-grid{padding:4px;border-radius:14px;background:transparent}.over-save{width:100%;display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.over-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--txt-faint);font-weight:600}.over-input{width:100%;border-radius:12px;border:1px solid var(--line-strong);background:#ffffff0d;color:var(--txt);padding:12px 14px;outline:none}.over-input:focus{border-color:#fb718573;box-shadow:0 0 0 3px #fb71851f}.over-hint{font-size:12px;line-height:1.4;color:var(--txt-dim)}.over-hint.success{color:var(--accent-2)}.over-actions{width:100%;display:flex;flex-direction:column;gap:8px}.over-actions-inline{flex-direction:row}.over-actions-inline .btn{flex:1}.over-btn{padding-inline:26px}@media (max-width: 759px){body{overflow-x:hidden}.mobile-header .panel-topbar{justify-content:center}.stat-k{font-size:9.5px;letter-spacing:.16em}.stat-v{font-size:28px}.desktop-shell{width:100%}.over-actions-inline{flex-direction:column}.drag-ghost{filter:drop-shadow(0 14px 22px rgba(0,0,0,.34))}}:root,[data-theme=coral]{--app-bg: radial-gradient(130% 100% at 50% -20%, #14161b 0%, #0a0b0d 58%);--ink-2: #0e0f12;--panel: #121317;--panel-2: #181a1e;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .13);--txt: #edeff2;--txt-dim: #9aa0a8;--txt-faint: #5f656d;--accent: #fb7185;--accent-2: #ff8fa0;--brand-grad-start: #ff8fa0;--brand-grad-end: #fb7185;--score-value-color: #fb7185;--title-color: var(--txt);--cell-empty-bg: rgba(255, 255, 255, .026);--cell-empty-shadow: inset 0 0 0 1px rgba(255, 255, 255, .012);--cell-fill-bg: linear-gradient(158deg, #ff8fa0, #fb7185);--cell-fill-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .4), inset 0 -2px 5px rgba(170, 40, 60, .5), 0 2px 8px -3px rgba(251, 113, 133, .4);--score-card-bg: linear-gradient(158deg, rgba(251, 113, 133, .12), rgba(251, 113, 133, .03));--score-card-border: rgba(251, 113, 133, .32);--apply-btn-bg: linear-gradient(158deg, rgba(251, 113, 133, .22), rgba(255, 143, 160, .16));--apply-btn-border: rgba(251, 113, 133, .36);--apply-btn-color: #edeff2;--draw-bg: rgba(251, 113, 133, .16);--draw-border: rgba(251, 113, 133, .42);--draw-ready-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .45), inset 0 -2px 5px rgba(170, 40, 60, .5), 0 0 12px -1px rgba(251, 113, 133, .6);--drag-preview-bg: rgba(251, 113, 133, .08);--drag-preview-border: rgba(251, 113, 133, .18);--drag-preview-valid-bg: rgba(251, 113, 133, .16);--drag-preview-valid-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22), inset 0 -8px 16px rgba(170, 40, 60, .18), 0 10px 16px -12px rgba(0, 0, 0, .7), 0 0 0 1px rgba(251, 113, 133, .34);--flash-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 0 16px 3px rgba(251, 113, 133, .7);--piece-match-shadow: drop-shadow(0 0 10px rgba(251, 113, 133, .55));--piece-morph-shadow: drop-shadow(0 0 14px rgba(251, 113, 133, .38));--ghost-valid-shadow: drop-shadow(0 20px 28px rgba(0, 0, 0, .42)) drop-shadow(0 0 10px rgba(251, 113, 133, .24));--scrim: rgba(10, 11, 13, .74)}[data-theme=flowers]{--app-bg: radial-gradient(120% 95% at 50% -8%, rgba(108, 96, 137, .16) 0%, rgba(43, 40, 58, 0) 38%), linear-gradient(180deg, #2c2839 0%, #242231 100%);--ink-2: #292635;--panel: #2f2b3e;--panel-2: #3a3550;--line: rgba(169, 146, 191, .14);--line-strong: rgba(169, 146, 191, .24);--txt: #c9b0e2;--txt-dim: #f2e2d1;--txt-faint: #b89ecf;--accent: #f2e2d1;--accent-2: #f2e2d1;--brand-grad-start: #f2e2d1;--brand-grad-end: #f2e2d1;--score-value-color: #f2e2d1;--title-color: #f2e2d1;--cell-empty-bg: #2e2b3d;--cell-empty-shadow: inset 0 0 0 1px rgba(255, 255, 255, .03);--cell-fill-bg: #f2e2d1;--cell-fill-shadow: inset 0 1.4px 0 rgba(255, 255, 255, .55), inset 0 -2px 4px rgba(157, 136, 117, .24), 0 1px 6px -2px rgba(242, 226, 209, .3);--score-card-bg: linear-gradient(158deg, rgba(80, 71, 105, .92), rgba(67, 59, 90, .92));--score-card-border: rgba(146, 122, 174, .44);--apply-btn-bg: linear-gradient(158deg, rgba(93, 82, 122, .92), rgba(78, 69, 104, .96));--apply-btn-border: rgba(146, 122, 174, .44);--apply-btn-color: #f2e2d1;--draw-bg: rgba(242, 226, 209, .14);--draw-border: rgba(242, 226, 209, .38);--draw-ready-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .55), inset 0 -2px 5px rgba(157, 136, 117, .22), 0 0 12px -1px rgba(242, 226, 209, .44);--drag-preview-bg: rgba(242, 226, 209, .07);--drag-preview-border: rgba(242, 226, 209, .16);--drag-preview-valid-bg: rgba(242, 226, 209, .14);--drag-preview-valid-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18), inset 0 -8px 16px rgba(157, 136, 117, .14), 0 10px 16px -12px rgba(0, 0, 0, .62), 0 0 0 1px rgba(242, 226, 209, .28);--flash-shadow: inset 0 1px 0 rgba(255, 255, 255, .62), 0 0 16px 3px rgba(242, 226, 209, .38);--piece-match-shadow: drop-shadow(0 0 10px rgba(242, 226, 209, .36));--piece-morph-shadow: drop-shadow(0 0 14px rgba(242, 226, 209, .24));--ghost-valid-shadow: drop-shadow(0 20px 28px rgba(0, 0, 0, .38)) drop-shadow(0 0 10px rgba(242, 226, 209, .18));--scrim: rgba(36, 34, 49, .8)}[data-theme=mint]{--app-bg: radial-gradient(120% 100% at 50% -15%, #073049 0%, #021225 62%);--ink-2: #04182b;--panel: #061f35;--panel-2: #08243d;--line: rgba(202, 255, 222, .1);--line-strong: rgba(202, 255, 222, .18);--txt: #f2fff6;--txt-dim: #9fc6cf;--txt-faint: #5e8a93;--accent: #25c5e9;--accent-2: #5ad6f1;--brand-grad-start: #5ad6f1;--brand-grad-end: #25c5e9;--score-value-color: #caffde;--title-color: #f2fff6;--cell-empty-bg: rgba(202, 255, 222, .045);--cell-empty-shadow: inset 0 0 0 1px rgba(202, 255, 222, .02);--cell-fill-bg: linear-gradient(158deg, #eafff4, #caffde);--cell-fill-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .6), inset 0 -3px 6px rgba(35, 134, 137, .4), 0 0 14px -1px rgba(202, 255, 222, .5), 0 2px 10px -3px rgba(202, 255, 222, .5);--score-card-bg: linear-gradient(158deg, rgba(35, 134, 137, .22), rgba(37, 197, 233, .05));--score-card-border: rgba(37, 197, 233, .34);--apply-btn-bg: linear-gradient(158deg, rgba(35, 134, 137, .22), rgba(37, 197, 233, .12));--apply-btn-border: rgba(37, 197, 233, .34);--apply-btn-color: #f2fff6;--draw-bg: rgba(202, 255, 222, .12);--draw-border: rgba(202, 255, 222, .36);--draw-ready-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .6), inset 0 -3px 6px rgba(35, 134, 137, .4), 0 0 16px 0 rgba(202, 255, 222, .6), 0 3px 12px -3px rgba(202, 255, 222, .5);--drag-preview-bg: rgba(202, 255, 222, .08);--drag-preview-border: rgba(202, 255, 222, .22);--drag-preview-valid-bg: rgba(202, 255, 222, .14);--drag-preview-valid-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22), inset 0 -8px 16px rgba(35, 134, 137, .18), 0 10px 16px -12px rgba(0, 0, 0, .7), 0 0 0 1px rgba(202, 255, 222, .28);--flash-shadow: inset 0 1px 0 rgba(255, 255, 255, .62), 0 0 18px 3px rgba(202, 255, 222, .54);--piece-match-shadow: drop-shadow(0 0 12px rgba(202, 255, 222, .62));--piece-morph-shadow: drop-shadow(0 0 16px rgba(202, 255, 222, .44));--ghost-valid-shadow: drop-shadow(0 20px 28px rgba(0, 0, 0, .42)) drop-shadow(0 0 14px rgba(202, 255, 222, .34));--scrim: rgba(2, 18, 37, .76)}[data-theme=pickme]{--app-bg: radial-gradient(120% 100% at 50% -15%, #4a1740 0%, #1a0a1d 62%);--ink-2: #200e22;--panel: #271029;--panel-2: #301435;--line: rgba(245, 164, 187, .12);--line-strong: rgba(245, 164, 187, .2);--txt: #f2e5f8;--txt-dim: #c4a6c8;--txt-faint: #8f7596;--accent: #cd81ff;--accent-2: #d99bff;--brand-grad-start: #d99bff;--brand-grad-end: #cd81ff;--score-value-color: #f5a4bb;--title-color: #f2e5f8;--cell-empty-bg: rgba(245, 164, 187, .05);--cell-empty-shadow: inset 0 0 0 1px rgba(245, 164, 187, .025);--cell-fill-bg: linear-gradient(158deg, #ffc4d5, #f5a4bb);--cell-fill-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .55), inset 0 -3px 6px rgba(206, 74, 142, .45), 0 0 14px -1px rgba(245, 164, 187, .55), 0 2px 10px -3px rgba(245, 164, 187, .55);--score-card-bg: linear-gradient(158deg, rgba(206, 74, 142, .22), rgba(205, 129, 255, .05));--score-card-border: rgba(206, 74, 142, .42);--apply-btn-bg: linear-gradient(158deg, rgba(206, 74, 142, .24), rgba(205, 129, 255, .12));--apply-btn-border: rgba(206, 74, 142, .42);--apply-btn-color: #f2e5f8;--draw-bg: rgba(245, 164, 187, .12);--draw-border: rgba(245, 164, 187, .34);--draw-ready-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .55), inset 0 -3px 6px rgba(206, 74, 142, .45), 0 0 16px 0 rgba(245, 164, 187, .65), 0 3px 12px -3px rgba(245, 164, 187, .55);--drag-preview-bg: rgba(245, 164, 187, .08);--drag-preview-border: rgba(245, 164, 187, .2);--drag-preview-valid-bg: rgba(245, 164, 187, .14);--drag-preview-valid-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18), inset 0 -8px 16px rgba(206, 74, 142, .18), 0 10px 16px -12px rgba(0, 0, 0, .68), 0 0 0 1px rgba(245, 164, 187, .3);--flash-shadow: inset 0 1px 0 rgba(255, 255, 255, .58), 0 0 18px 3px rgba(245, 164, 187, .56);--piece-match-shadow: drop-shadow(0 0 12px rgba(245, 164, 187, .64));--piece-morph-shadow: drop-shadow(0 0 16px rgba(245, 164, 187, .46));--ghost-valid-shadow: drop-shadow(0 20px 28px rgba(0, 0, 0, .42)) drop-shadow(0 0 14px rgba(245, 164, 187, .34));--scrim: rgba(26, 10, 29, .8)}.theme-shell{min-height:100vh;background:var(--app-bg);display:flex;align-items:center;justify-content:center;padding:24px}.theme-screen{width:min(96vw,1240px);min-height:min(88vh,760px);background:var(--ink-2);border:1px solid var(--line);border-radius:30px;box-shadow:0 50px 120px -50px #000000e6;padding:30px;display:flex;flex-direction:column;gap:26px}.theme-screen-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.theme-screen-header-copy{display:flex;flex-direction:column;gap:18px}.theme-screen-title{margin:0;font-size:clamp(34px,4vw,52px);line-height:.96;letter-spacing:-.05em;color:var(--title-color)}.theme-screen-layout{flex:1;display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:22px;min-height:0}.theme-list-card,.theme-preview-card,.theme-preview-frame,.theme-row{background:var(--panel);border:1px solid var(--line);box-shadow:inset 0 1px #ffffff08}.theme-list-card,.theme-preview-card{border-radius:26px;padding:22px}.theme-list-card{display:flex;flex-direction:column;gap:18px;min-height:0}.theme-list-header{display:flex;flex-direction:column;gap:8px}.theme-list-header h2,.theme-preview-heading h2{margin:0;color:var(--title-color);letter-spacing:-.04em}.theme-list-header h2{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--txt-faint)}.theme-list-header p{margin:0;font-size:15px;line-height:1.45;color:var(--txt-dim)}.theme-list{display:flex;flex-direction:column;gap:12px;overflow:auto;padding-right:2px}.theme-row{width:100%;border-radius:20px;padding:16px 18px;color:var(--txt);cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}.theme-row:hover{border-color:var(--line-strong);background:var(--panel-2)}.theme-row.selected{border-color:var(--score-card-border);background:linear-gradient(158deg,var(--score-card-bg),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px var(--score-card-border),inset 0 1px #ffffff0d;transform:translateY(-1px)}.theme-row-swatch{display:grid;grid-template-columns:repeat(2,20px);grid-auto-rows:20px;gap:4px;flex:0 0 auto}.theme-row-swatch i{display:block;border-radius:7px;box-shadow:inset 0 1px #ffffff59}.theme-row-copy{min-width:0;display:flex;align-items:center;justify-content:center}.theme-row-name{display:block;width:100%;text-align:center;font-size:clamp(24px,2vw,34px);line-height:1;letter-spacing:-.05em;font-weight:700;color:var(--title-color)}.theme-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--line-strong);background:#ffffff0a;color:var(--txt);font-size:11px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.theme-pill.glow{border-color:var(--score-card-border);background:var(--score-card-bg);color:var(--title-color)}.theme-row-meta{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.theme-preview-card{display:flex;flex-direction:column;gap:18px;min-width:0}.theme-preview-heading{display:flex;align-items:center;justify-content:center;min-height:58px;text-align:center}.theme-preview-heading-copy{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.theme-preview-heading h2{font-size:clamp(34px,4vw,54px);line-height:.95}.theme-preview-surface{flex:1;min-height:0;border-radius:24px;background:var(--app-bg);padding:20px;border:1px solid var(--line);overflow:auto}.theme-preview-grid{min-height:100%;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.9fr);gap:18px;align-items:start}.theme-preview-column{display:flex;flex-direction:column;gap:10px}.theme-preview-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--txt-faint);font-weight:700}.theme-preview-frame{border-radius:22px;padding:14px}.theme-preview-frame.desktop{min-height:100%;display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:14px}.theme-preview-frame.mobile{width:min(100%,320px);margin:0 auto;display:flex;flex-direction:column;gap:12px}.theme-preview-main{display:flex;flex-direction:column;gap:12px;min-width:0}.theme-preview-brand{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;letter-spacing:.18em;color:var(--txt)}.theme-preview-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-preview-stat{min-width:0;border-radius:16px;border:1px solid var(--line);background:var(--panel-2);padding:12px;display:flex;flex-direction:column;gap:4px}.theme-preview-stat.accent{border-color:var(--score-card-border);background:var(--score-card-bg)}.theme-preview-stat-k{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--txt-faint);font-weight:700}.theme-preview-stat-v{font-size:24px;font-weight:700;color:var(--txt-dim);letter-spacing:-.03em}.theme-preview-stat.accent .theme-preview-stat-v{color:var(--score-value-color)}.theme-preview-board{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;background:var(--panel);padding:10px;border:1px solid var(--line);border-radius:16px}.theme-preview-cell{aspect-ratio:1;border-radius:5px}.theme-preview-cell.empty{background:var(--cell-empty-bg);box-shadow:var(--cell-empty-shadow)}.theme-preview-cell.filled{background:var(--cell-fill-bg);box-shadow:var(--cell-fill-shadow)}.theme-preview-side-panel{display:flex;flex-direction:column;gap:12px}.theme-preview-side-rule{height:1px;background:var(--line);margin-top:auto}.theme-preview-side-bar,.theme-preview-mobile-bar{height:44px;border-radius:14px;border:1px solid var(--line-strong);background:#ffffff0a}.theme-preview-side-bar.primary,.theme-preview-mobile-bar{border-color:var(--score-card-border);background:var(--score-card-bg)}.theme-preview-mobile-dock{display:flex;align-items:center;gap:10px}.theme-preview-mobile-bar{flex:1}.theme-preview-mobile-tools{display:flex;gap:8px}.theme-preview-mobile-tools span{width:38px;height:38px;border-radius:12px;border:1px solid var(--line-strong);background:#ffffff0a}.theme-back-btn{min-width:142px}@media (max-width: 980px){.theme-screen-layout,.theme-preview-grid,.theme-preview-frame.desktop{grid-template-columns:1fr}.theme-preview-frame.mobile{width:100%;max-width:360px}}@media (max-width: 759px){.theme-shell{padding:14px}.theme-screen{min-height:calc(100vh - 28px);padding:18px 16px 20px;border-radius:24px;gap:20px}.theme-screen-header{flex-direction:column}.theme-screen-header-copy{gap:14px}.theme-screen-title{font-size:32px}.theme-list-card,.theme-preview-card{padding:16px}.theme-row{grid-template-columns:auto 1fr;padding:14px}.theme-pill{display:none}.theme-row-name{font-size:24px}.theme-preview-heading h2{font-size:34px}.theme-preview-surface,.theme-preview-frame.desktop,.theme-preview-frame.mobile{padding:12px}.theme-back-btn{width:100%;min-width:0}}