.sl{--sl-ink: #27232b;--sl-muted: #716974;--sl-soft: #8c8690;--sl-paper: #faf8f5;--sl-card: #ffffff;--sl-rule: #e2ded8;--sl-sage: #2e8a4a;--sl-sage-soft: #e5f2e8;--sl-gold: #c08a2e;--sl-gold-soft: #fff4dc;--sl-red: #b91c1c;--sl-red-soft: #f8e4e1;--sl-ui: var(--flagship-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);--sl-type: "Courier New", Courier, ui-monospace, monospace;box-sizing:border-box;width:min(76rem,calc(100vw - 2rem));margin:clamp(3rem,6vw,4.5rem) 50%;transform:translate(-50%);padding:clamp(18px,2.4vw,28px) clamp(20px,2.8vw,34px);border:1px solid var(--flagship-rule, #d8d2ce);border-radius:10px;background:var(--sl-paper);color:var(--sl-ink);font-family:var(--sl-ui);display:flex;flex-direction:column;gap:clamp(14px,1.8vw,20px)}.sl *,.sl *:before,.sl *:after{box-sizing:border-box}.sl [hidden]{display:none!important}.sl-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.sl-title{margin:0;font:650 clamp(20px,2.2vw,28px) / 1.15 var(--sl-ui);letter-spacing:-.03em;color:var(--sl-ink)}.sl-meta{margin:5px 0 0;font:400 12px / 1.5 var(--sl-ui);color:var(--sl-muted)}.sl-hint{padding:7px 13px;border:1px solid var(--sl-rule);border-radius:999px;background:var(--sl-card);font:500 11.5px / 1.3 var(--sl-ui);color:#5f5a63}.sl-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(18px,2.4vw,32px);align-items:start}.sl-board-wrap{display:flex;flex-direction:column;gap:10px}.sl-board{position:relative;aspect-ratio:1;border:6px solid #1f1a17;border-radius:6px;overflow:hidden;box-shadow:0 8px 22px #27232b2e;user-select:none;-webkit-user-select:none}.sl-squares{position:absolute;inset:0;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr)}.sl-sq{position:relative;display:flex;align-items:flex-start;justify-content:flex-end;padding:3px 5px;box-shadow:inset 0 0 0 .5px #0000001f}.sl-sq b{font:700 clamp(9px,1.25vw,15px) / 1 var(--sl-type);letter-spacing:-.02em}.sl-sq em{position:absolute;left:3px;right:3px;bottom:4px;font:italic 600 clamp(6px,.7vw,9px) / 1.05 var(--sl-ui);text-align:center}.sl-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.sl-rail{stroke:#1f1a17;stroke-width:7;stroke-linecap:round}.sl-rung{stroke:#1f1a17;stroke-width:5.5;stroke-linecap:round}.sl-ladder--senior .sl-rail,.sl-ladder--senior .sl-rung{stroke:#b07812}.sl-ladder--senior .sl-rail{filter:drop-shadow(0 1px 0 #5c3d06)}.sl-ladder.is-locked{opacity:.55}.sl-ladder.is-locked .sl-rail,.sl-ladder.is-locked .sl-rung{stroke-dasharray:8 7}.sl-ladder.is-cut .sl-rail,.sl-ladder.is-cut .sl-rung{stroke:#5c4f48}.sl-ladder.is-cut .sl-ghost{opacity:.22}.sl-cutmark circle{fill:#b91c1c;stroke:#fff;stroke-width:3}.sl-cutmark path{stroke:#fff;stroke-width:4;stroke-linecap:round}.sl-ladder.is-cut .sl-cutmark{animation:sl-cut .5s ease-out;transform-box:fill-box}.sl-snake__shadow{fill:none;stroke:#00000040;stroke-width:30;stroke-linecap:round;transform:translate(3px,4px)}.sl-snake__body{fill:none;stroke-width:24;stroke-linecap:round}.sl-snake__spots{fill:none;stroke-width:9;stroke-linecap:round;stroke-dasharray:1 17}.sl-snake__head{stroke:#00000040;stroke-width:2}.sl-snake__tongue{stroke:#d61f1f;stroke-width:3.5;fill:none;stroke-linecap:round}.sl-pill rect{fill:#fffffff0;stroke:#1f1a17;stroke-width:2}.sl-pill text{font:700 19px / 1 var(--sl-ui);fill:#1f1a17;text-anchor:middle}.sl-pill--senior rect{fill:#fff4dc;stroke:#8a5a14}.sl-pill--senior text{fill:#6b440c}.sl-pill--cut rect{fill:#b91c1c;stroke:#fff}.sl-pill--cut text{fill:#fff}.sl-pill--snake rect{fill:#1f1a17d1;stroke:none}.sl-pill--snake text{fill:#fff;font-weight:600}.sl-token{position:absolute;z-index:3;width:5.6%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 12%,#8b5cf6 13% 60%,#5b21b6);box-shadow:0 0 0 3px #fff,0 4px 10px #00000073;transition:left .16s ease-out,top .16s ease-out;pointer-events:none}.sl-token span{position:absolute;inset:-40%;border-radius:50%;border:2px solid rgba(139,92,246,.6);animation:sl-pulse 1.8s ease-out infinite}.sl-token.is-walking{transform:translate(-50%,-62%)}.sl-token.is-gliding{transition:left .7s cubic-bezier(.45,0,.3,1),top .7s cubic-bezier(.45,0,.3,1)}.sl-token--ghost{z-index:2;background:#8b5cf659;box-shadow:0 0 0 3px #fff,0 0 0 6px #5b21b68c;opacity:0;transition:opacity .12s,left .12s,top .12s}.sl-token--ghost.is-on{opacity:1}@keyframes sl-pulse{0%{transform:scale(.6);opacity:1}to{transform:scale(1.2);opacity:0}}@keyframes sl-cut{0%{transform:scale(2.2);opacity:0}to{transform:scale(1);opacity:1}}.sl-reach{margin:0;padding:9px 12px;border-radius:8px;background:var(--sl-sage-soft);font:400 13px / 1.45 var(--sl-ui);color:#2f4a37}.sl-reach strong{font-weight:650}.sl-reach.is-bad{background:var(--sl-red-soft);color:#7f1d1d}.sl-panel{display:flex;flex-direction:column;gap:12px;padding:clamp(16px,2vw,22px);border:1px solid var(--sl-rule);border-radius:10px;background:var(--sl-card)}.sl-kicker{margin:0;font:650 10.5px / 1.3 var(--sl-ui);letter-spacing:.09em;text-transform:uppercase;color:var(--sl-soft)}.sl-kicker.is-held{color:var(--sl-sage)}.sl-kicker.is-snapped{color:var(--sl-red)}.sl-lead{margin:0;font:650 clamp(17px,1.6vw,20px) / 1.3 var(--sl-ui);letter-spacing:-.02em}.sl-body{margin:0;font:400 14px / 1.55 var(--sl-ui);color:#44404c}.sl-hud{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sl-hud__item{display:flex;flex-direction:column;gap:4px;padding:9px 11px 10px;border:1px solid var(--sl-rule);border-radius:8px;background:var(--sl-paper)}.sl-hud__k{font:600 10px / 1.2 var(--sl-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--sl-soft)}.sl-hud__v{font:650 17px / 1.1 var(--sl-ui);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.sl-hud__v.is-good{color:var(--sl-sage)}.sl-hud__v--sm{font-size:13px;font-weight:600;letter-spacing:0}.sl-hud__bar{height:4px;border-radius:2px;background:#ece8e2;overflow:hidden}.sl-hud__fill{display:block;height:100%;background:var(--sl-sage);transition:width .4s ease-out}.sl-hud__fill--output{background:var(--sl-gold)}.sl-hud__item.is-critical .sl-hud__v{color:var(--sl-red)}.sl-hud__item.is-critical .sl-hud__fill{background:var(--sl-red)}.sl-actions{display:grid;gap:8px}.sl-btn{padding:9px 15px;border:1px solid var(--sl-rule);border-radius:999px;background:var(--sl-card);color:var(--sl-ink);font:600 13px / 1.2 var(--sl-ui);cursor:pointer}.sl-btn:hover:not(:disabled){border-color:var(--sl-ink)}.sl-btn:focus-visible{outline:2px solid var(--sl-ink);outline-offset:2px}.sl-btn:disabled{color:var(--sl-soft);cursor:default}.sl-btn--primary{padding:13px 18px;border-color:#1f1a17;background:#1f1a17;color:#fff;font-size:15px}.sl-btn--primary:hover{background:#3a322d}.sl-dice{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sl-die{display:flex;align-items:center;gap:10px;padding:10px;border:2px solid var(--sl-rule);border-radius:10px;background:var(--sl-paper);color:var(--sl-ink);font-family:var(--sl-ui);text-align:left;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}.sl-die:hover,.sl-die:focus-visible{border-color:#5b21b6;transform:translateY(-1px);box-shadow:0 4px 14px #5b21b626;outline:none}.sl-die.is-good{background:#f1f8f3}.sl-die.is-bad{background:#fdf1ef}.sl-die.is-warn{background:#fff8e8}.sl-die__t{display:flex;flex-direction:column;gap:2px;font:400 12px / 1.35 var(--sl-ui);color:#5f5a63}.sl-die__t strong{font:650 14px / 1.2 var(--sl-ui);color:var(--sl-ink)}.sl-die__face{flex:none;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;width:44px;height:44px;padding:7px;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 2px #1f1a17,0 3px #1f1a17}.sl-die__face i{border-radius:50%}.sl-die__face i.is-on{background:#1f1a17}.sl-status{margin:0;min-height:52px;display:flex;align-items:center;font:500 13px / 1.4 var(--sl-ui);color:var(--sl-muted)}.sl-rolling{display:inline-flex;gap:10px}.sl-rolling .sl-die__face{animation:sl-shake .12s linear infinite alternate}@keyframes sl-shake{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.sl-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.sl-mode{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:13px 14px;border:1px solid var(--sl-rule);border-radius:9px;background:var(--sl-paper);color:var(--sl-ink);font-family:var(--sl-ui);text-align:left;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}.sl-mode:hover{border-color:var(--sl-ink);transform:translateY(-1px);box-shadow:0 4px 14px #27232b14}.sl-mode:focus-visible{outline:2px solid var(--sl-ink);outline-offset:2px}.sl-mode__k{font:600 11px / 1.2 var(--sl-ui);letter-spacing:.06em;text-transform:uppercase}.sl-mode--gradual .sl-mode__k{color:var(--sl-gold)}.sl-mode--sudden .sl-mode__k{color:var(--sl-red)}.sl-mode__v{font:650 20px / 1.15 var(--sl-ui);letter-spacing:-.02em}.sl-mode__s{font:400 12px / 1.35 var(--sl-ui);color:var(--sl-muted)}.sl-feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.sl-feed li{padding:6px 10px;border-left:3px solid var(--sl-rule);border-radius:0 6px 6px 0;background:var(--sl-paper);font:400 12.5px / 1.4 var(--sl-ui);color:#44404c;animation:sl-feed-in .25s ease-out}.sl-feed li.is-loss{border-left-color:var(--sl-red)}.sl-feed li.is-gain{border-left-color:var(--sl-sage);background:#f1f8f3}.sl-feed li:nth-child(n+4){opacity:.55}@keyframes sl-feed-in{0%{opacity:0;transform:translateY(-4px)}}.sl-quote{margin:2px 0;padding:2px 0 2px 14px;border-left:2px solid var(--sl-gold);font:italic 400 14.5px / 1.5 var(--flagship-serif, Georgia, "Times New Roman", serif)}.sl-quote span{display:block;margin-top:4px;font:600 10.5px / 1.3 var(--sl-ui);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--sl-soft)}.sl-compare{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sl-compare div{display:flex;flex-direction:column;gap:2px;padding:9px 11px;border-radius:8px;font:400 11px / 1.3 var(--sl-ui);color:var(--sl-muted)}.sl-compare strong{font:650 14px / 1.25 var(--sl-ui)}.sl-compare .is-held{background:var(--sl-sage-soft)}.sl-compare .is-held strong{color:var(--sl-sage)}.sl-compare .is-snapped{background:var(--sl-red-soft)}.sl-compare .is-snapped strong{color:var(--sl-red)}.sl-insights__k{margin:0 0 8px;font:650 10.5px / 1.3 var(--sl-ui);letter-spacing:.09em;text-transform:uppercase;color:var(--sl-soft)}.sl-insights ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sl-insights li{display:flex;gap:10px;padding:11px 12px;border:1px dashed var(--sl-rule);border-radius:9px;font:400 12.5px / 1.45 var(--sl-ui);color:var(--sl-soft);transition:background-color .3s,border-color .3s,color .3s}.sl-insights li strong{display:block;margin-bottom:2px;font-weight:650;color:#a39ca5}.sl-insights li.is-on{border-style:solid;border-color:#bfdcc8;background:#f1f8f3;color:#44404c}.sl-insights li.is-on strong{color:var(--sl-ink)}.sl-insights__n{font:650 11px / 1.6 var(--sl-ui);color:#c4bec6;font-variant-numeric:tabular-nums}.sl-insights li.is-on .sl-insights__n{color:var(--sl-sage)}.sl-footer{display:flex;align-items:center;gap:14px;padding-top:12px;border-top:1px solid var(--sl-rule)}.sl-btn--ghost{font-size:12px;padding:8px 14px}.sl-progress{margin-left:auto;font:500 12px / 1 var(--sl-ui);color:var(--sl-soft)}.sl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:900px){.sl{width:100%;transform:none;margin:2.5rem 0;padding:20px 16px}.sl-layout{grid-template-columns:1fr}.sl-header{flex-direction:column;gap:10px}.sl-insights ol{grid-template-columns:1fr 1fr}}@media(max-width:560px){.sl-board{border-width:4px}.sl-pills{display:none}.sl-sq{padding:2px 3px}.sl-sq em{display:none}.sl-token{width:7%}.sl-dice,.sl-modes,.sl-insights ol{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.sl *,.sl *:before,.sl *:after{animation:none!important;transition:none!important}}