/* Healthy Mix / Custom solver rail */
.mix-solver-panel{color-scheme:dark;--bg:#0d0f11;--panel:#191c20;--line:#30343a;--text:#f0f1f2;--muted:#969da6;--gold:#e2ad52;--green:#83d4ac;--soft:#20252a}.mix-solver-panel, .mix-solver-panel *{box-sizing:border-box;letter-spacing:0}.mix-solver-panel{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 "Segoe UI",Arial,sans-serif}.mix-solver-panel button, .mix-solver-panel select, .mix-solver-panel input{font:inherit}.mix-solver-panel button{cursor:pointer}.mix-solver-panel button, .mix-solver-panel select{color:inherit}.mix-solver-panel button:focus-visible, .mix-solver-panel select:focus-visible, .mix-solver-panel summary:focus-visible, .mix-solver-panel input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.mix-solver-panel button:disabled{opacity:.3;cursor:default}.mix-solver-panel button:hover:not(:disabled){filter:brightness(1.13)}.mix-solver-panel .brand{display:flex;align-items:center;gap:8px;color:#cdd1d5;font-weight:600}.mix-solver-panel .brand-mark{font-size:24px;line-height:1;color:var(--gold)}.mix-solver-panel select{background:transparent;border:1px solid var(--line);border-radius:5px;padding:6px 9px;max-width:160px;font-size:12px}.mix-solver-panel option{background:var(--panel)}.mix-solver-panel{width:min(100%,460px);height:min(720px,calc(100svh - 102px));min-height:580px;border:1px solid var(--line);border-radius:8px;background:var(--panel);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 48px #0003}.mix-solver-panel .panel-head{padding:21px 24px 17px;border-bottom:1px solid var(--line);flex:none}.mix-solver-panel .row{display:flex;align-items:center;justify-content:space-between;gap:12px}.mix-solver-panel .eyebrow{font-size:11px;text-transform:uppercase;font-weight:650;color:var(--muted)}.mix-solver-panel .mix{color:var(--gold);display:flex;align-items:center;gap:8px}.mix-solver-panel .mix:before{content:"";width:6px;height:6px;background:var(--gold);border-radius:50%}.mix-solver-panel .icon{width:34px;height:34px;display:inline-grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:5px;font-size:22px;line-height:1;flex:none;color:var(--muted)}.mix-solver-panel .icon:hover{background:var(--soft);color:var(--text)}.mix-solver-panel .icon[aria-pressed=true]{color:var(--gold)}.mix-solver-panel .rating-row{margin-top:9px;align-items:flex-end}.mix-solver-panel .rating{font-size:34px;font-weight:650;line-height:1.2;font-variant-numeric:tabular-nums}.mix-solver-panel .gain{font-size:13px;font-weight:650;color:var(--green);margin-left:9px}.mix-solver-panel .meta{text-align:right;color:var(--muted);font-size:12px}.mix-solver-panel .live{display:inline-flex;align-items:center;gap:5px}.mix-solver-panel .live:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--green)}.mix-solver-panel .body{padding:23px 24px 20px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#41464e transparent}.mix-solver-panel .result{display:flex;gap:12px;align-items:flex-start;margin-bottom:23px}.mix-solver-panel .status-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#263d34;color:var(--green);font-size:20px;flex:none}.mix-solver-panel .result h1{font-family:Georgia,serif;font-size:24px;line-height:1.2;margin:0 0 6px;font-weight:700}.mix-solver-panel .result p{font-size:13px;color:var(--muted);margin:0}.mix-solver-panel .best{display:flex;align-items:center;justify-content:space-between;gap:12px;border-left:2px solid var(--green);padding:0 0 0 12px;margin-bottom:23px}.mix-solver-panel .best-move{font-family:Georgia,serif;font-size:32px;line-height:1.2;font-weight:700;margin-top:5px}.mix-solver-panel .optimal{color:var(--green);font-size:11px;font-weight:600;display:flex;gap:5px;align-items:center}.mix-solver-panel .section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mix-solver-panel .quiet{font-size:11px;color:var(--muted)}.mix-solver-panel .moves{display:flex;flex-wrap:wrap;gap:5px;min-height:72px;align-content:flex-start}.mix-solver-panel .move{background:transparent;border:1px solid transparent;border-radius:4px;min-width:51px;height:31px;font-family:Consolas,monospace;font-weight:600;padding:4px 9px;font-size:13px}.mix-solver-panel .move:nth-child(even){color:var(--muted)}.mix-solver-panel .move:hover{background:var(--soft)}.mix-solver-panel .move[aria-current=true]{color:var(--gold);background:#352c20;border-color:#79603a}.mix-solver-panel .move.initial{display:none}.mix-solver-panel .review{display:flex;align-items:center;justify-content:space-between;background:#15181b;border:1px solid var(--line);border-radius:5px;margin-top:8px;padding:3px 7px}.mix-solver-panel .review .icon{font-size:20px;width:35px;height:31px}.mix-solver-panel .counter{font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted);display:flex;gap:6px}.mix-solver-panel .counter strong{color:var(--text);font-weight:500}.mix-solver-panel .position{min-height:18px;font-size:11px;color:var(--muted);text-align:center;margin-top:5px}.mix-solver-panel .facts{display:grid;grid-template-columns:1fr auto;gap:12px;border-top:1px solid var(--line);padding-top:17px;margin:17px 0 0}.mix-solver-panel .facts dt{font-size:11px;color:var(--muted);margin-bottom:3px}.mix-solver-panel .facts dd{margin:0;font-size:13px;font-weight:550}.mix-solver-panel .facts>div:last-child{text-align:right}.mix-solver-panel .explanation{border-top:1px solid var(--line);margin-top:17px;padding-top:13px;font-size:12px;color:var(--muted)}.mix-solver-panel summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:24px}.mix-solver-panel summary::-webkit-details-marker{display:none}.mix-solver-panel summary:after{content:"+";font-size:18px}.mix-solver-panel details[open] summary:after{content:"\2212"}.mix-solver-panel .explanation p{margin:8px 0 0;line-height:1.6}.mix-solver-panel .text-link{border:0;background:none;color:var(--gold);padding:7px 0 0;font-size:12px}.mix-solver-panel .source{font-size:11px;color:var(--muted);margin-top:12px}.mix-solver-panel .footer{padding:15px 24px 21px;border-top:1px solid var(--line);background:#171a1e;flex:none}.mix-solver-panel .auto{display:flex;justify-content:space-between;align-items:center;color:#b5bbc3;font-size:12px;margin-bottom:14px;cursor:pointer}.mix-solver-panel .switch{appearance:none;position:relative;margin:0;width:30px;height:18px;background:#3b4149;border:0;border-radius:20px;cursor:pointer;flex:none}.mix-solver-panel .switch:before{content:"";position:absolute;width:12px;height:12px;left:3px;top:3px;border-radius:50%;background:#cdd2d8;transition:transform .15s}.mix-solver-panel .switch:checked{background:#6f9a7e}.mix-solver-panel .switch:checked:before{background:#fff;transform:translateX(12px)}.mix-solver-panel .primary{width:100%;height:46px;border:0;border-radius:5px;background:var(--gold);color:#19160f;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px}.mix-solver-panel .primary span{font-size:20px;font-weight:400}.mix-solver-panel .secondary{background:var(--soft);border:1px solid var(--line);color:var(--text)}.mix-solver-panel .hint{border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:13px}.mix-solver-panel .hint p{margin:0 0 12px}.mix-solver-panel .hidden{display:none!important}.mix-solver-panel .toast{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);padding:9px 15px;background:#30363d;color:#fff;border:1px solid #4a525d;border-radius:5px;font-size:12px;max-width:calc(100% - 32px);text-align:center;z-index:3}.mix-solver-panel.light{color-scheme:light;--bg:#e9ecef;--panel:#fff;--line:#dce1e5;--text:#20262c;--muted:#6a747e;--gold:#a86e13;--green:#267450;--soft:#edf1f3}.mix-solver-panel.light .footer, .mix-solver-panel.light .review{background:#f5f7f8}.mix-solver-panel.light .primary{background:#e5b354;color:#211a0e}.mix-solver-panel.light .secondary{background:#edf1f3;color:#20262c}.mix-solver-panel.light .brand{color:#38434d}.mix-solver-panel.light .move[aria-current=true]{background:#fff1d9;color:#785116;border-color:#dcc397}.mix-solver-panel.light .auto{color:#596570}.mix-solver-panel.light .status-icon{background:#e4f3e9}.mix-solver-panel.light .toast{background:#30363d}.mix-solver-panel.light .optimal{color:#267450}@media(max-width:520px){.mix-solver-panel{height:calc(100svh - 68px);min-height:565px}.mix-solver-panel .panel-head{padding:16px 20px 15px}.mix-solver-panel .body{padding:20px}.mix-solver-panel .footer{padding:14px 20px 18px}.mix-solver-panel .result{margin-bottom:20px}.mix-solver-panel .result h1{font-size:23px}}@media(prefers-reduced-motion:reduce){.mix-solver-panel, .mix-solver-panel *{transition:none!important}}.mix-solver-panel .panel-head{padding:14px 24px 13px}.mix-solver-panel .rating-row{margin-top:2px}.mix-solver-panel .rating{font-size:30px}.mix-solver-panel .body{padding:18px 24px 14px}.mix-solver-panel .result{margin-bottom:16px}.mix-solver-panel .result h1{font-size:23px}.mix-solver-panel .best{margin-bottom:16px}.mix-solver-panel .best-move{font-size:29px}.mix-solver-panel .moves{min-height:32px}.mix-solver-panel .review{margin-top:10px}.mix-solver-panel .facts{padding-top:12px;margin-top:10px}.mix-solver-panel .explanation{margin-top:12px;padding-top:8px}.mix-solver-panel .source{margin-top:7px}.mix-solver-panel .footer{padding:12px 24px 16px}.mix-solver-panel .auto{margin-bottom:10px}@media(max-width:520px){.mix-solver-panel .panel-head{padding:13px 18px 12px}.mix-solver-panel .body{padding:17px 18px 13px}.mix-solver-panel .footer{padding:12px 18px 16px}.mix-solver-panel .moves{min-height:67px}.mix-solver-panel .move{min-width:48px;padding:4px 7px}}.mix-solver-panel .rating-row{justify-content:flex-end}.mix-solver-panel .rating-block{text-align:right}.mix-solver-panel .gain{display:inline-block}.mix-solver-panel{transition:border-color .25s}.mix-solver-panel[data-state=solved]{border-color:#435c50}.mix-solver-panel[data-state=incorrect] .status-icon{background:#443323;color:#e7b46e}.mix-solver-panel[data-state=solving] .status-icon{background:#353023;color:var(--gold)}.mix-solver-panel.light[data-state=incorrect] .status-icon{background:#fff0da;color:#996020}.mix-solver-panel.light[data-state=solving] .status-icon{background:#fff1d9}.mix-solver-panel .primary, .mix-solver-panel .move, .mix-solver-panel .icon{transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.mix-solver-panel .primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 14px #0003}.mix-solver-panel .primary:active:not(:disabled), .mix-solver-panel .move:active{transform:scale(.98)}.mix-solver-panel .switch{transition:background .2s ease}.mix-solver-panel .switch:before{transition:transform .22s cubic-bezier(.2,.8,.2,1)}.mix-solver-panel [hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.mix-solver-panel, .mix-solver-panel *, .mix-solver-panel *::before, .mix-solver-panel *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.mix-solver-panel .primary:hover:not(:disabled), .mix-solver-panel .primary:active:not(:disabled), .mix-solver-panel .move:active{transform:none}}.mix-solver-panel{--gold:#d8b07c;--text:#edebe4;--muted:#a9adbb;--ease:cubic-bezier(.2,.7,.3,1);--spring:cubic-bezier(.34,1.56,.64,1)}.mix-solver-panel{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.mix-solver-panel{border-radius:20px}.mix-solver-panel button:hover:not(:disabled){filter:none}.mix-solver-panel .icon{border-radius:10px}.mix-solver-panel .icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.mix-solver-panel .icon[aria-pressed=true] svg{fill:var(--gold)}.mix-solver-panel .icon:active{transform:scale(.92)}.mix-solver-panel .footer{padding-top:10px;padding-bottom:20px}.mix-solver-panel .auto{min-height:36px;margin-bottom:2px;font-size:13px;font-weight:500;color:var(--muted);user-select:none;transition:color .15s}.mix-solver-panel .auto:hover{color:var(--text)}.mix-solver-panel .switch{width:34px;height:20px;border-radius:100px;background:rgba(255,255,255,.12);transition:background .25s}.mix-solver-panel .switch:before{width:14px;height:14px;top:3px;left:3px;background:#fff;box-shadow:0 1px 4px #0006;transition:transform .25s var(--ease)}.mix-solver-panel .switch:checked{background:var(--gold)}.mix-solver-panel .switch:checked:before{transform:translateX(14px)}.mix-solver-panel .primary{height:44px;margin-top:13px;border:1px solid transparent;border-radius:100px;background:linear-gradient(180deg,#f2eee2,#e0d9c6);color:#171309;font-size:13.5px;font-weight:650;transition:transform .2s var(--spring),background .2s,border-color .2s,box-shadow .25s}.mix-solver-panel .primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px rgba(242,238,226,.12)}.mix-solver-panel .primary:active:not(:disabled){transform:scale(.98)}.mix-solver-panel .primary span{display:inline-block;transition:transform .25s var(--spring)}.mix-solver-panel .primary:hover span{transform:translateX(3px)}.mix-solver-panel .primary.secondary{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:var(--text)}.mix-solver-panel .primary.secondary:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22);box-shadow:0 8px 20px #0003}.mix-solver-panel #hint{min-height:42px;padding:0 20px;border:1px solid rgba(216,176,124,.28);border-radius:100px;background:transparent;color:var(--gold);font-size:13px;font-weight:600;transition:background .2s,border-color .2s,transform .2s}.mix-solver-panel #hint:hover:not(:disabled){background:rgba(216,176,124,.08);border-color:var(--gold);transform:translateY(-1px)}.mix-solver-panel .section-heading{margin-bottom:8px}.mix-solver-panel .moves{display:block;min-height:0;padding:5px 7px 7px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:rgba(0,0,0,.10);overflow:visible}.mix-solver-panel .move-columns, .mix-solver-panel .move-row{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(0,1fr);gap:5px;align-items:center}.mix-solver-panel .move-columns{height:25px;padding-bottom:3px;color:var(--muted);font-size:10px;font-weight:500}.mix-solver-panel .move-columns>span:not(:first-child){padding-left:13px}.mix-solver-panel .move-columns>span:first-child{text-align:center}.mix-solver-panel .move-row{min-height:36px;border-radius:8px;transition:background .18s ease}.mix-solver-panel .move-row+.move-row{margin-top:2px}.mix-solver-panel .move-row:nth-child(even){background:transparent}.mix-solver-panel .move-row:has(.move[aria-current=true]){background:rgba(216,176,124,.045)}.mix-solver-panel .move-number{display:block;text-align:center;align-self:center;border:0;color:#9096a2;font-family:Consolas,"SFMono-Regular",monospace;font-size:11px;font-weight:400;font-variant-numeric:tabular-nums}.mix-solver-panel .move-row:has(.move[aria-current=true]) .move-number{color:var(--gold)}.mix-solver-panel .move-row .move, .mix-solver-panel .move-row .move.black{position:relative;width:100%;min-width:0;height:34px;padding:4px 12px;border:1px solid transparent;border-radius:8px;text-align:left;font-family:Consolas,"SFMono-Regular",monospace;font-size:14px;font-weight:500;color:var(--text);background:transparent;line-height:1.4}.mix-solver-panel .move-row .move:hover{background:rgba(255,255,255,.055)}.mix-solver-panel .move-row .move[aria-current=true]{background:rgba(216,176,124,.12);border-color:rgba(216,176,124,.24);color:#f0d3aa;font-weight:650;box-shadow:inset 2px 0 0 var(--gold)}.mix-solver-panel .move-row .move:focus-visible{outline:2px solid var(--gold);outline-offset:1px;z-index:1}.mix-solver-panel .move-empty{padding:4px 13px;color:#9096a2;font-family:Consolas,monospace;font-size:13px}.mix-solver-panel.light .moves{background:#f8f9fa;border-color:#e3e6e9}.mix-solver-panel.light .move-row:has(.move[aria-current=true]){background:rgba(168,110,19,.035)}.mix-solver-panel.light .move-number, .mix-solver-panel.light .move-empty{color:#727a83}.mix-solver-panel.light .move-row:has(.move[aria-current=true]) .move-number{color:var(--gold)}.mix-solver-panel.light .move-row .move:hover{background:#edf0f2}.mix-solver-panel.light .move-row .move[aria-current=true]{background:#f8ecd9;color:#785116;border-color:#dfc69f;box-shadow:inset 2px 0 0 var(--gold)}.mix-solver-panel.light .primary{background:linear-gradient(180deg,#f2eee2,#e0d9c6);border-color:#d8cdb7;color:#171309}.mix-solver-panel.light .primary:hover:not(:disabled){box-shadow:0 7px 18px #7d67421c}.mix-solver-panel.light .primary.secondary{background:#edf1f3;border-color:#d5dce1;color:var(--text)}.mix-solver-panel.light .switch{background:#bdc4cc}.mix-solver-panel.light .switch:checked{background:var(--gold)}@media(max-width:520px){.mix-solver-panel .footer{padding-bottom:18px}}@media(prefers-reduced-motion:reduce){.mix-solver-panel .primary:hover span, .mix-solver-panel .icon:active, .mix-solver-panel #hint:hover:not(:disabled){transform:none}}.mix-solver-panel{--surface-raised:#23262b;--accent-line:rgba(216,176,124,.25);--motion-ease:cubic-bezier(.22,1,.36,1)}.mix-solver-panel{background:radial-gradient(ellipse at 50% 5%,#29251f 0,transparent 48%),radial-gradient(ellipse at 80% 90%,#14221f 0,transparent 50%),var(--bg)}.mix-solver-panel{isolation:isolate;position:relative;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 45%),var(--panel);border-color:#3d3d3b;box-shadow:0 28px 70px #0005,0 4px 12px #0003,inset 0 1px 0 #ffffff0c;transition:border-color .35s,background-color .35s,box-shadow .35s}.mix-solver-panel:before{content:"";position:absolute;top:0;left:16%;right:16%;height:1px;background:linear-gradient(90deg,transparent,#e5c79888,transparent);pointer-events:none}.mix-solver-panel[data-state=solved]{border-color:#495249}.mix-solver-panel .panel-head{background:linear-gradient(120deg,#d8b07c09,transparent 65%);border-bottom-color:#ffffff0c}.mix-solver-panel .mix{font-size:12px;color:#e4c69e;text-transform:none}.mix-solver-panel .mix:before{box-shadow:0 0 0 4px #d8b07c0c}.mix-solver-panel .rating{font-weight:600}.mix-solver-panel .gain{font-size:12px;padding:3px 7px;border-radius:7px;background:#83d4ac0c}.mix-solver-panel .result{align-items:center}.mix-solver-panel .result h1{font-size:25px}.mix-solver-panel .result p{line-height:1.5}.mix-solver-panel .status-icon{width:38px;height:38px;box-shadow:inset 0 1px 0 #ffffff12,0 3px 9px #0002}.mix-solver-panel .best{padding:10px 13px;border-radius:0 11px 11px 0;background:linear-gradient(90deg,#83d4ac08,transparent);margin-bottom:16px}.mix-solver-panel .best-move{font-size:30px}.mix-solver-panel .optimal{padding:4px 8px;border:1px solid #83d4ac20;border-radius:20px;background:#83d4ac06}.mix-solver-panel .moves{background:linear-gradient(180deg,#0b0e111f,#0b0e1140);box-shadow:inset 0 1px 2px #0002;border-color:#ffffff0b}.mix-solver-panel .move-row .move{transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s var(--motion-ease)}.mix-solver-panel .move-row .move[aria-current=true]{background:linear-gradient(110deg,#d8b07c23,#d8b07c0b);box-shadow:inset 2px 0 0 var(--gold),0 2px 8px #0002}.mix-solver-panel .facts{grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:16px;padding:15px 16px;border:1px solid var(--accent-line);border-radius:14px;background:linear-gradient(120deg,#d8b07c14,#d8b07c04 75%),#ffffff02;box-shadow:inset 0 1px 0 #ffffff08,0 4px 14px #0001}.mix-solver-panel .facts>div{min-width:0}.mix-solver-panel .facts>div:last-child{padding-left:17px;border-left:1px solid var(--accent-line)}.mix-solver-panel .facts dt{margin-bottom:5px;color:#c1b6a6;font-size:12px;font-weight:500;line-height:1.4}.mix-solver-panel .facts dd{font-size:20px;font-weight:600;color:#f0d7b5;line-height:1.25;text-wrap:balance}.mix-solver-panel .facts .puzzle-rating{font-size:29px;font-weight:600;line-height:1.1;color:var(--text);font-variant-numeric:tabular-nums}.mix-solver-panel .footer{background:linear-gradient(180deg,#191c20,#15181c);border-top-color:#ffffff0c;box-shadow:0 -8px 24px #00000008}.mix-solver-panel .auto{min-height:38px;border-radius:7px;transition:color .2s,background .2s}.mix-solver-panel .switch{box-shadow:inset 0 1px 3px #0003}.mix-solver-panel .switch:checked{box-shadow:0 0 12px #d8b07c12,inset 0 1px 0 #ffffff20}.mix-solver-panel .primary{position:relative;overflow:hidden;box-shadow:inset 0 1px 0 #ffffffcc,0 3px 8px #0002}.mix-solver-panel .primary:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff60 48%,transparent 75%);transform:translateX(-120%);pointer-events:none;transition:transform .65s var(--motion-ease)}.mix-solver-panel .primary:hover:before, .mix-solver-panel .primary:focus-visible:before{transform:translateX(120%)}.mix-solver-panel .primary.secondary{box-shadow:inset 0 1px 0 #ffffff06}.mix-solver-panel .primary.secondary:before{opacity:.2}.mix-solver-panel .icon{transition:color .2s,background .2s,transform .2s var(--motion-ease),border-color .2s}.mix-solver-panel .icon:hover{border-color:#ffffff0c}.mix-solver-panel .icon[aria-pressed=true]{background:#d8b07c10;border-color:#d8b07c24}.mix-solver-panel .toast{border-radius:12px;background:#292d32;box-shadow:0 8px 30px #0004;border-color:#ffffff1a;padding:11px 17px}.mix-solver-panel .toast:not(.hidden){animation:toast-in .25s var(--motion-ease)}@keyframes toast-in{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes shell-in{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){}.mix-solver-panel.light{--surface-raised:#fff;--accent-line:#dfc9a5;background:radial-gradient(ellipse at 50% 0,#fff8e9,transparent 65%),var(--bg)}.mix-solver-panel.light{background:linear-gradient(140deg,#fffcf5,#fff 55%);border-color:#d9d5cc;box-shadow:0 24px 64px #6d604619,inset 0 1px 0 #fff}.mix-solver-panel.light[data-state=solved]{border-color:#bdcfc1}.mix-solver-panel.light .panel-head, .mix-solver-panel.light .footer{border-color:#e6e3dc}.mix-solver-panel.light .footer{background:linear-gradient(#faf9f6,#f3f2ee)}.mix-solver-panel.light .mix{color:#8a5c23}.mix-solver-panel.light .gain{background:#2674500c}.mix-solver-panel.light .optimal{border-color:#26745025}.mix-solver-panel.light .facts{background:linear-gradient(120deg,#fbf0de,#fffaf2);box-shadow:inset 0 1px 0 #fff}.mix-solver-panel.light .facts dt{color:#776348}.mix-solver-panel.light .facts dd{color:#76501f}.mix-solver-panel.light .facts .puzzle-rating{color:var(--text)}.mix-solver-panel.light .preview-bar select{background:#ffffff70}.mix-solver-panel.light .icon:hover{border-color:#d5cdbf}.mix-solver-panel.light .icon[aria-pressed=true]{background:#a86e1310;border-color:#a86e1324}@media(max-width:520px){.mix-solver-panel .facts{padding:13px 14px;gap:12px}.mix-solver-panel .facts dd{font-size:19px}.mix-solver-panel .facts .puzzle-rating{font-size:27px}.mix-solver-panel .facts>div:last-child{padding-left:13px}.mix-solver-panel .result h1{font-size:24px}}@media(max-width:360px){.mix-solver-panel .brand{gap:5px;font-size:11px}.mix-solver-panel .facts{gap:10px;padding:12px}.mix-solver-panel .facts dd{font-size:18px}.mix-solver-panel .facts .puzzle-rating{font-size:25px}.mix-solver-panel .facts dt{font-size:11px}}@media(pointer:coarse){.mix-solver-panel .move-row .move{height:44px}.mix-solver-panel .move-row{min-height:46px}.mix-solver-panel .icon{min-width:44px;min-height:44px}.mix-solver-panel .auto{min-height:44px}}@media(prefers-reduced-motion:reduce){.mix-solver-panel, .mix-solver-panel *, .mix-solver-panel *::before, .mix-solver-panel *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.mix-solver-panel .primary:before{display:none}.mix-solver-panel .primary:hover:not(:disabled), .mix-solver-panel .primary:active:not(:disabled), .mix-solver-panel .primary:hover span, .mix-solver-panel .icon:active, .mix-solver-panel #hint:hover:not(:disabled){transform:none}}
/* Healthy Mix / Custom solver rail */
body.workspace-puzzle-page #learningSolverCard.mix-solver-rail {
  padding: 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  box-shadow: none;
  height: var(--learning-stage-size);
  max-height: var(--learning-stage-size);
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel {
  width: 100%;
  height: 100%;
  min-height: 0 !important;
  max-width: none;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .panel-head,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .footer,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .result,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .facts {
  flex: 0 0 auto;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel #mixSolution {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel #mixSolution[hidden] {
  display: none !important;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .best,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .section-heading {
  flex: 0 0 auto;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .line-block {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel[data-density="short"] .line-block {
  display: none !important;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel[data-density="short"] .result p {
  display: none;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel[data-density="short"] .best {
  margin-bottom: 10px;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel[data-density="short"] .facts {
  margin-top: 12px;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel[data-density="short"] #mixSolution {
  flex: 0 1 auto;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .moves {
  flex: 1 1 auto;
  min-height: 72px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #41464e transparent;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .facts {
  margin-top: 8px;
  padding: 7px 12px;
  gap: 8px 12px;
  align-items: center;
  border-radius: 10px;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .facts dt {
  margin-bottom: 1px;
  font-size: 10px;
  line-height: 1.2;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .facts dd {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .facts .puzzle-rating {
  font-size: 18px;
  line-height: 1.1;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .facts > div:last-child {
  padding-left: 12px;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-rating-card {
  margin-left: auto;
  min-width: 0;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-rating-score strong {
  color: inherit;
  font-size: 30px;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-rating-label {
  color: var(--muted);
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel #mixInProgress {
  flex: 0 0 auto;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .hint {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  border-top: 0;
  padding-top: 0;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-turn-banner {
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 10px 12px;
  gap: 10px;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel #puzzleHint {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--gold);
  font-size: 13px;
  font-weight: 600;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel #puzzleHint:hover:not(:disabled) {
  background: none;
  transform: none;
  filter: brightness(1.13);
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel #puzzleHint[hidden] { display: none !important; }
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel #puzzleReveal,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel #puzzleNext {
  width: 100%;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel #puzzleReveal[hidden],
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel #puzzleNext[hidden],
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel #puzzleReviewNav[hidden],
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel #puzzleAutoNextWrap[hidden] {
  display: none !important;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-auto-next {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0 0 4px;
  color: var(--muted);
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel #puzzleReviewNav {
  display: none;
}
@media (max-width: 1180px) {
  body.workspace-puzzle-page #learningSolverCard.mix-solver-rail,
  body.workspace-puzzle-page #learningSolverCard .mix-solver-panel {
    width: 100%;
    height: auto;
    max-height: none;
    min-height: 0;
  }
}

/* Workspace Mix chrome must not paint over the accepted panel. */
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .result,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-feedback,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-response,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-response.has-result,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-response.is-correct,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-response.is-wrong,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-response.error,
body.workspace-puzzle-page #learningSolverCard.has-terminal-result .mix-solver-panel .puzzle-learning-response {
  min-height: 0;
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: inherit;
  animation: none;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-response::before,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-response.has-result::before,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-response.has-result.is-assisted-result::before {
  content: none;
  display: none;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-response.has-result > strong,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-response.has-result > p {
  margin-left: 0;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .result h1 {
  color: var(--text);
  font-family: Georgia, serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 6px;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .result p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel #puzzleRatingRule,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel #puzzleSolverMode,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel #solverQuietMeta,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel #puzzleMissionEyebrow {
  display: none !important;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-rating-card,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-rating-card.is-rating-up,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-rating-card.is-rating-down,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-rating-card.is-rating-gain,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-rating-card.is-rating-loss {
  position: relative;
  width: auto;
  min-width: 0;
  max-width: none;
  flex: none;
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  text-align: right;
  animation: none;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-rating-card::before,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-rating-card::after {
  content: none;
  display: none;
  animation: none;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-rating-label,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-rating-card > span {
  color: var(--muted);
  font: 650 11px/1.2 inherit;
  letter-spacing: 0;
  text-transform: uppercase;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-rating-score {
  display: block;
  min-width: 0;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-rating-score strong,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-rating-card:is(.is-rating-up,.is-rating-down) .puzzle-learning-rating-score strong {
  display: inline;
  width: auto;
  min-width: 0;
  color: var(--text);
  font: 650 30px/1.2 inherit;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  animation: none;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-rating-delta,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-rating-card:is(.is-rating-up,.is-rating-down) .puzzle-learning-rating-delta {
  display: inline-block;
  width: auto;
  min-width: 0;
  margin-left: 9px;
  padding: 3px 7px;
  border: 0;
  border-radius: 7px;
  color: var(--green);
  background: #83d4ac0c;
  box-shadow: none;
  font: 650 12px/1.2 inherit;
  text-align: left;
  animation: none;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-rating-delta.is-loss {
  color: #e7b46e;
  background: #e7b46e14;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel #mixSolution {
  overflow: hidden;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .footer.puzzle-session-actions,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-actions,
body.workspace-puzzle-page #learningSolverCard.has-terminal-result .mix-solver-panel .puzzle-learning-actions {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;
  min-height: 0;
  margin: 0;
  padding: 10px 24px 20px;
  border-top: 1px solid #ffffff0c;
  z-index: auto;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-learning-actions #puzzleNext {
  margin-left: 0;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .auto,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-auto-next {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0;
  gap: 12px;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-auto-next input,
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-auto-next input:checked {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  width: 34px;
  height: 20px;
  margin: 0;
  flex: none;
  border: 0;
  border-radius: 100px;
  background: rgba(255,255,255,.12);
  box-shadow: inset 0 1px 3px #0003;
  cursor: pointer;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-auto-next input:checked {
  background: var(--gold);
  box-shadow: 0 0 12px #d8b07c12, inset 0 1px 0 #ffffff20;
}
body.workspace-puzzle-page #learningSolverCard .mix-solver-panel .puzzle-auto-next input::after {
  content: none;
  display: none;
}