.sl{--ink:#2a1d4a;--paper:#fff6e3;--night:#121030db;--glow:#ffe070;--green:#4cc47a;--amber:#f2b33d;--gray:#6b7090;--lock-w:clamp(236px, 32cqw, 320px);isolation:isolate;color:#fff3dc;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#0d0c29;width:100%;height:100%;font-family:ui-rounded,SF Pro Rounded,Nunito,Segoe UI,system-ui,sans-serif;line-height:1.3;position:relative;overflow:hidden;container:sl/size}.sl *,.sl :before,.sl :after{box-sizing:border-box}.sl button{color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:inherit}.sl button:focus-visible{outline:3px solid var(--glow);outline-offset:2px}.sl-canvas{touch-action:none;cursor:pointer;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.sl-canvas:focus-visible{box-shadow:inset 0 0 0 3px var(--glow)}.sl-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.sl-pip{z-index:2;background:var(--night);pointer-events:none;border:1px solid #ffecc833;border-radius:999px;align-items:center;gap:8px;max-width:calc(100% - 16px);height:42px;padding:4px 12px 4px 4px;display:flex;position:absolute;top:8px;left:8px;box-shadow:0 4px 14px #0000004d}.sl-pip-face{background:#2d2760;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.sl-pip-face svg{width:28px;height:28px}.sl-pip-name{font-size:14px;font-weight:900}.sl-pip-locks,.sl-pip-pegs{gap:3px;display:flex}.sl-pip-locks i{color:#7d82a3;width:18px;height:18px;display:grid}.sl-pip-locks i.is-open{color:#ff9a3c}.sl-pip-locks svg{width:18px;height:18px}.sl-dot{color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;display:grid}.sl-dot svg{width:11px;height:11px}.sl-dot[data-peg=green]{background:var(--green);color:#0f3a1f}.sl-dot[data-peg=amber]{background:var(--amber);color:#3a2606}.sl-dot[data-peg=gray]{background:var(--gray)}.sl-dot[data-peg=none]{border:1.5px dashed #ffecc859}.sl-pip-state{color:#ffd29a;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.sl-banner{z-index:3;top:var(--meadow-y,30%);left:var(--meadow-x,50%);border:2px solid var(--ink);width:max-content;max-width:min(90%,420px);color:var(--ink);text-align:center;opacity:0;pointer-events:none;background:#fff6e3f5;border-radius:999px;padding:8px 18px;font-size:18px;font-weight:900;transition:opacity .25s,transform .25s;position:absolute;transform:translate(-50%,-60%);box-shadow:0 6px 18px #0000004d}.sl-banner.is-on{opacity:1;transform:translate(-50%,-50%)}.sl-banner[data-tone=good]{color:#18492a;background:#eaffe9;border-color:#2e8a4f}.sl-banner[data-tone=soft]{color:#fff3dc;background:#18143ce6;border-color:#ffecc866;font-size:16px}.sl-lock{z-index:2;background:var(--night);border-top:1px solid #ffecc82e;border-radius:20px 20px 0 0;padding:8px 12px 10px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000040;container:sl-lock/inline-size}.sl-lock-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.sl-lock-head b{font-size:15px;font-weight:900}.sl-lock-head span{color:#d9ccff;font-size:12px;font-weight:700}.sl-history{gap:4px;margin:6px 0;padding:0;list-style:none;display:grid}.sl-history li{justify-content:center;align-items:center;gap:6px;height:26px;display:flex}.sl-history li.is-empty{visibility:hidden}.sl-peg{font-variant-numeric:tabular-nums;border-radius:8px;justify-content:center;align-items:center;gap:3px;width:44px;height:26px;font-size:16px;font-weight:900;display:inline-flex}.sl-peg svg{width:11px;height:11px}.sl-peg[data-peg=green]{background:var(--green);color:#0f3a1f}.sl-peg[data-peg=amber]{background:var(--amber);color:#3a2606}.sl-peg[data-peg=gray]{background:var(--gray);color:#f1f2fa}.sl-history li:last-child .sl-peg{animation:.3s ease-out backwards sl-peg-in}.sl-history li:last-child .sl-peg:nth-child(2){animation-delay:80ms}.sl-history li:last-child .sl-peg:nth-child(3){animation-delay:.16s}.sl-legend{color:#d9ccff;white-space:nowrap;font-size:clamp(10.5px,3.2cqw,12px);font-weight:700;gap:4px!important}.sl-legend span{border-radius:5px;place-items:center;width:17px;height:17px;margin-left:4px;display:inline-grid}.sl-legend span:first-child{margin-left:0}.sl-legend span svg{width:11px;height:11px}.sl-legend span[data-peg=green]{background:var(--green);color:#0f3a1f}.sl-legend span[data-peg=amber]{background:var(--amber);color:#3a2606}.sl-legend span[data-peg=gray]{background:var(--gray);color:#f1f2fa}.sl-slots{justify-content:center;gap:12px;display:flex}.sl-slot{width:clamp(56px,17cqw,74px);height:clamp(56px,17cqw,74px);color:var(--ink);cursor:default;background:#2b2660;border:3px solid #4a4390;border-radius:16px;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 -4px #0000002e}.sl-slot b{font-size:clamp(28px,9cqw,38px);font-weight:900;line-height:1}.sl-slot[data-state=next]{border-color:var(--glow);animation:1.6s ease-in-out infinite sl-next;box-shadow:0 0 0 3px #ffe07047,inset 0 -4px #0000002e}.sl-lock .sl-slot[data-state=filled]{background:var(--paper);color:var(--ink);cursor:pointer;border-color:#2a1d4a;animation:.3s ease-out .22s backwards sl-land}.sl-lock .sl-slot[data-state=fixed]{background:var(--green);color:#0f3a1f;border-color:#2e8a4f}.sl-slot i{width:16px;height:16px;display:grid;position:absolute;top:4px;right:4px}.sl-slot i svg{width:16px;height:16px}.sl-slot:disabled{opacity:1}.sl-hint{color:#ffe9b8;text-align:center;min-height:18px;margin:6px 0 0;font-size:14px;font-weight:900}.sl-card-wrap{z-index:5;overscroll-behavior:contain;background:#0a091e6b;place-items:center;padding:10px;display:grid;position:absolute;inset:0;overflow:auto}.sl-card-wrap[hidden]{display:none}.sl-card{border:3px solid var(--ink);background:var(--paper);width:min(460px,100%);max-height:100%;color:var(--ink);text-align:center;border-radius:22px;padding:16px;animation:.3s ease-out sl-card-in;overflow:auto;box-shadow:0 16px 40px #0006}.sl-card h2{margin:0 0 6px;font-size:26px;font-weight:900;line-height:1.1}.sl-card h3{margin:12px 0 8px;font-size:16px;font-weight:900}.sl-card-lead{margin:0 0 4px;font-size:16px;font-weight:800}.sl-card-note{color:#5a4a78;margin:4px 0 8px;font-size:14px;font-weight:700}.sl-joined{color:var(--ink);justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:15px;display:flex}.sl-helpers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.sl-card .sl-helpers button{color:var(--ink)}.sl-helpers button{text-align:left;cursor:pointer;background:#fffdf6;border:2px solid #d8c9a4;border-radius:14px;align-items:center;gap:8px;min-height:72px;padding:8px;display:flex}.sl-helpers button:hover{border-color:var(--ink)}.sl-helpers b{font-size:15px;font-weight:900;display:block}.sl-helpers small{font-size:12px;font-weight:600;line-height:1.25;display:block}.sl-helpers em{color:#7a6a58;margin-top:2px;font-size:11px;font-style:normal;font-weight:700;display:block}.sl-helper-icon{background:#2b2660;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.sl-helper-icon svg{width:32px;height:32px}.sl-helper-chip{color:#fff3dc;vertical-align:middle;background:#2b2660;border-radius:999px;align-items:center;gap:2px;margin:0 3px;padding:1px 6px 1px 2px;font-size:12px;display:inline-flex}.sl-helper-chip svg{width:20px;height:20px}.sl-colors{justify-content:center;gap:10px;margin:12px 0 4px;display:flex}.sl-colors button{background:var(--swatch);cursor:pointer;border:3px solid #fff;border-radius:50%;width:36px;height:36px;padding:0;box-shadow:0 0 0 2px #d8c9a4}.sl-colors button[aria-pressed=true]{box-shadow:0 0 0 3px var(--ink)}.sl-rounds{text-align:left;gap:4px;margin:10px 0;padding:0;list-style:none;display:grid}.sl-rounds li{background:#f3e7cc;border-radius:10px;justify-content:space-between;gap:8px;padding:6px 10px;font-size:14px;display:flex}.sl-primary{border:3px solid var(--ink);cursor:pointer;background:#ffcf4a;border-bottom-width:6px;border-radius:15px;min-width:170px;min-height:50px;margin-top:10px;padding:8px 22px;font-size:17px;font-weight:900;color:var(--ink)!important}.sl-primary[hidden]{display:none}@keyframes sl-next{50%{box-shadow:0 0 0 6px #ffe0701f,inset 0 -4px #0000002e}}@keyframes sl-land{0%{transform:scale(.6)}70%{transform:scale(1.08)}}@keyframes sl-peg-in{0%{transform:rotateX(90deg)}}@keyframes sl-card-in{0%{opacity:0;transform:translateY(10px)scale(.97)}}@container sl (height<=600px){.sl-pip{height:38px;top:6px}.sl-pip-face{width:30px;height:30px}.sl-lock{padding:6px 10px 8px}.sl-history{gap:3px;margin:4px 0}.sl-history li,.sl-peg{height:23px}.sl-slot{width:54px;height:54px}.sl-slot b{font-size:28px}.sl-hint{margin-top:4px;font-size:13px}}@container sl (width<=380px){.sl-pip{gap:6px;padding-right:8px}.sl-pip-state{display:none}.sl-helpers{grid-template-columns:1fr}.sl-helpers button{min-height:58px}.sl-card{padding:12px}.sl-card h2{font-size:23px}}@container sl (aspect-ratio>=6/5) and (width>=540px){.sl-lock{width:var(--lock-w);border-top:0;border-left:1px solid #ffecc82e;border-radius:0;flex-direction:column;justify-content:center;padding:12px 14px;display:flex;top:0;left:auto;box-shadow:-8px 0 24px #00000040}.sl-pip{max-width:calc(100% - var(--lock-w) - 16px)}.sl-history{margin:10px 0}.sl-legend{font-size:10.5px}.sl-legend span{width:15px;height:15px;margin-left:2px}}@container sl (aspect-ratio>=6/5) and (width>=540px) and (height<=330px){.sl-lock{padding:6px 10px}.sl-history{gap:2px;margin:4px 0}.sl-history li,.sl-peg{height:21px}.sl-peg{font-size:14px}.sl-slot{width:50px;height:50px}.sl-slot b{font-size:26px}.sl-card{padding:10px 12px}.sl-card h2{font-size:21px}.sl-helpers button{min-height:52px;padding:5px}.sl-helpers small{font-size:11px}.sl-colors{margin:6px 0 2px}.sl-colors button{width:30px;height:30px}.sl-primary{min-height:44px;margin-top:6px}}@media (prefers-reduced-motion:reduce){.sl-slot[data-state=next],.sl-slot[data-state=filled],.sl-history li:last-child .sl-peg,.sl-card{animation:none}.sl-banner{transition:none}}@container sl-lock (width<=262px){.sl-legend{gap:2px!important;font-size:9.5px!important}.sl-legend span{width:13px;height:13px;margin-left:3px}.sl-legend span svg{width:9px;height:9px}}