.ss-body{background:var(--paper)}.ss-page{position:relative;max-width:1440px;margin:0 auto;padding:56px 40px 48px}.ss-top{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end;margin-bottom:16px}.ss-top h1{font-family:var(--serif);font-weight:400;font-size:clamp(36px,4.4vw,60px);letter-spacing:-.005em;word-spacing:.06em;line-height:1.02}.ss-top h1 em{font-style:italic}.ss-top .sub{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--ink-soft);margin-top:8px}.ss-top-pills{display:inline-flex;gap:8px;align-items:center}.ss-pill{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:7px 14px;border-radius:999px;cursor:pointer;transition:all .15s ease}.ss-pill:hover{background:var(--ink);color:var(--paper)}.ss-date-wrap{position:relative;display:inline-block}.ss-date-trigger{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);padding:7px 14px;cursor:pointer;transition:all .15s ease;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.ss-date-trigger:hover{background:var(--paper-2)}.ss-date-trigger .lab{color:var(--ink-soft)}.ss-date-trigger .val{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--ink);letter-spacing:-.005em;text-transform:none;font-variant-numeric:tabular-nums}.ss-date-trigger .caret{font-size:10px;color:var(--ink-soft);transition:transform .2s ease,color .2s ease}.ss-date-trigger[aria-expanded=true]{background:var(--ink);color:var(--paper)}.ss-date-trigger[aria-expanded=true] .lab{color:#f2ede2b3}.ss-date-trigger[aria-expanded=true] .val{color:var(--paper)}.ss-date-trigger[aria-expanded=true] .caret{transform:rotate(180deg);color:var(--paper)}.ss-date-pop{position:fixed;background:var(--paper);border:1px solid var(--ink);border-radius:12px;box-shadow:0 24px 48px -16px #0e133066;padding:18px;width:320px;z-index:100}.ss-date-pop[hidden]{display:none}.ss-date-yr-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--rule);margin-bottom:14px}.ss-date-yr{font-family:var(--serif);font-style:italic;font-weight:400;font-size:38px;color:var(--ink);letter-spacing:-.015em;font-variant-numeric:tabular-nums;flex:1;text-align:center}.ss-date-step{width:36px;height:36px;border:1px solid var(--rule);background:var(--paper);color:var(--ink-soft);border-radius:50%;cursor:pointer;font-family:var(--serif);font-size:22px;line-height:1;display:grid;place-items:center;transition:all .12s ease}.ss-date-step:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.ss-date-yr-shortcuts{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;margin-bottom:14px}.ss-date-yr-shortcuts button{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;padding:4px 10px;border:1px solid var(--rule);background:var(--paper);color:var(--ink-soft);border-radius:999px;cursor:pointer;transition:all .12s ease;font-variant-numeric:tabular-nums}.ss-date-yr-shortcuts button:hover{border-color:var(--ink);color:var(--ink)}.ss-date-mo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:14px}.ss-date-mo-grid button{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:9px 4px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:6px;cursor:pointer;transition:all .12s ease}.ss-date-mo-grid button:hover{background:var(--paper-2)}.ss-date-mo-grid button.is-on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.ss-date-presets{display:flex;gap:8px;padding-top:14px;border-top:1px solid var(--rule)}.ss-date-presets button{flex:1;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:8px 12px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:999px;cursor:pointer;transition:all .15s ease}.ss-date-presets button:hover,.ss-date-presets .ss-date-close{background:var(--ink);color:var(--paper)}.ss-date-presets .ss-date-close:hover{background:#000}.ss-chal{display:grid;grid-template-columns:auto 1fr auto auto;gap:18px;align-items:center;padding:14px 18px;border:1px solid var(--ink);border-radius:10px;background:var(--paper);margin-bottom:18px}.ss-chal .tag{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:4px 8px;border-radius:3px}.ss-chal .prompt{font-family:var(--serif);font-size:20px;line-height:1.2}.ss-chal .prompt em{font-style:italic}.ss-chal .prompt code{font-family:var(--mono);font-size:16px;background:var(--paper-2);padding:2px 8px;border-radius:4px}.ss-chal .status{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.ss-chal .status .dot{width:8px;height:8px;border-radius:50%;background:var(--ink-soft);transition:background-color .25s ease,box-shadow .25s ease}.ss-chal.is-solved .status .dot{background:#1f8a5b;box-shadow:0 0 0 4px #1f8a5b26}.ss-chal.is-solved .status .lab{color:#1f8a5b}.ss-chal .actions{display:inline-flex;gap:8px;align-items:center}.ss-chal button{border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:7px 14px;border-radius:999px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:all .15s ease}.ss-chal button:hover{background:var(--ink);color:var(--paper)}.ss-chal-pick-wrap{position:relative;display:inline-block}.ss-chal-pick{display:inline-flex!important;align-items:center;gap:10px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:7px 14px;border-radius:999px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;outline:none;max-width:260px}.ss-chal-pick:hover{background-color:var(--paper-2)!important;color:var(--ink)!important}.ss-chal-pick>#chalPickLabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-chal-pick .caret{font-size:9px;color:var(--ink-soft);transition:transform .2s ease,color .2s ease}.ss-chal-pick[aria-expanded=true]{background:var(--ink)!important;color:var(--paper)!important}.ss-chal-pick[aria-expanded=true] .caret{transform:rotate(180deg);color:var(--paper)}.ss-chal-pop{position:fixed;margin:0;padding:6px;list-style:none;min-width:300px;max-width:380px;max-height:360px;overflow-y:auto;background:var(--paper);border:1px solid var(--ink);border-radius:10px;box-shadow:0 18px 38px -12px #0e133059,0 4px 10px -2px #0e13301f;z-index:90;scrollbar-width:thin;scrollbar-color:var(--rule) transparent}.ss-chal-pop::-webkit-scrollbar{width:6px}.ss-chal-pop::-webkit-scrollbar-thumb{background:var(--rule);border-radius:3px}.ss-chal-pop li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:9px 12px;border-radius:6px;cursor:pointer;outline:none;font-family:var(--mono);color:var(--ink);border-bottom:1px dashed var(--rule);transition:background-color .12s ease}.ss-chal-pop li:last-child{border-bottom:none}.ss-chal-pop li:hover,.ss-chal-pop li:focus-visible{background:var(--paper-2)}.ss-chal-pop li[aria-selected=true]{background:var(--ink);color:var(--paper);border-bottom-color:transparent}.ss-chal-pop li[aria-selected=true] .num,.ss-chal-pop li[aria-selected=true] .meta{color:#f2ede2b3}.ss-chal-pop li .num{font-size:9px;letter-spacing:.18em;color:var(--ink-soft);font-variant-numeric:tabular-nums}.ss-chal-pop li .lbl{font-size:13px;font-weight:500;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-chal-pop li .meta{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);padding:2px 8px;border:1px solid var(--rule);border-radius:3px}.ss-chal-pop li[aria-selected=true] .meta{border-color:#f2ede24d}.ss-stage{position:relative;border-radius:14px;border:1px solid var(--ink);overflow:hidden;background:#05070d;height:clamp(560px,72vh,880px);box-shadow:0 30px 80px -40px #0e1330a6}.ss-stage canvas{width:100%;height:100%;display:block;cursor:grab}.ss-stage canvas.is-dragging{cursor:grabbing}.ss-stage canvas.is-hovering{cursor:pointer}.ss-labels{position:absolute;inset:0;pointer-events:none;z-index:5;font-family:var(--mono)}.ss-label{position:absolute;top:0;left:0;display:inline-flex;flex-direction:column;align-items:flex-start;transform:translate3d(-9999px,-9999px,0);will-change:transform,opacity;padding:4px 8px;background:#080c168c;border:1px solid rgba(255,255,255,.12);border-radius:6px;white-space:nowrap;opacity:0;transition:opacity .25s ease,transform .04s linear}.ss-label .name{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#f5f1e9f2}.ss-label .meta{font-size:8.5px;letter-spacing:.12em;color:#f5f1e98c;font-variant-numeric:tabular-nums}.ss-label.is-near{opacity:1}.ss-label.is-active{border-color:var(--acid);background:#080c16c7}.ss-label.is-active .name{color:#fff}.ss-load{position:absolute;inset:0;display:grid;place-items:center;background:#05070d;color:#f5f1e9;z-index:8;transition:opacity .5s ease}.ss-load.is-done{opacity:0;pointer-events:none}.ss-load-inner{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:280px}.ss-load-eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.22em;color:#f5f1e98c}.ss-load-name{font-family:var(--serif);font-style:italic;font-size:22px;color:#f5f1e9}.ss-load-bar{width:280px;height:4px;background:#ffffff14;border-radius:999px;overflow:hidden}.ss-load-fill{height:100%;width:0%;background:linear-gradient(90deg,#6aaaff,#f5f1e9);transition:width .25s ease}.ss-load-pct{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:#f5f1e9b3;font-variant-numeric:tabular-nums}.ss-hud-bottom{position:absolute;left:24px;right:24px;bottom:22px;display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:wrap;z-index:5}.ss-hud-group{display:inline-flex;align-items:center;gap:8px;background:#0a0e1a8c;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:6px 10px;box-shadow:inset 0 1px #ffffff14,0 12px 28px -16px #000000b3}.ss-hud-divider{display:inline-block;width:1px;height:18px;background:#ffffff1a;margin:0 2px}.ss-hud-group-jump{flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.ss-hud-group-jump::-webkit-scrollbar{display:none}.ss-hud-group-jump button{flex:0 0 auto}.ss-hud-btn{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:#ffffff0a;color:#f5f1e9;cursor:pointer;transition:background-color .12s ease,transform .12s ease;font-size:11px}.ss-hud-btn:hover{background:#ffffff24}.ss-hud-btn .pause{display:none}.ss-body[data-playing=false] .ss-hud-btn .play{display:inline}.ss-body[data-playing=false] .ss-hud-btn .pause,.ss-body[data-playing=true] .ss-hud-btn .play{display:none}.ss-body[data-playing=true] .ss-hud-btn .pause{display:inline}.ss-hud-seg{display:inline-flex;gap:2px}.ss-hud-seg button{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;padding:5px 11px;border:none;background:transparent;color:#f5f1e9b3;border-radius:999px;cursor:pointer;transition:all .12s ease;font-variant-numeric:tabular-nums}.ss-hud-seg button:hover{background:#ffffff14;color:#f5f1e9}.ss-hud-seg button.is-on{background:#f5f1e9f5;color:#0e1330}.ss-hud-toggle{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border:none;background:transparent;color:#f5f1e9b3;border-radius:999px;cursor:pointer;transition:all .12s ease}.ss-hud-toggle:hover{background:#ffffff14;color:#f5f1e9}.ss-hud-toggle.is-on{background:#f5f1e9f5;color:#0e1330}.ss-body[data-labels=off] .ss-label{display:none!important}.ss-hud-group-jump button{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border:none;background:transparent;color:#f5f1e9a6;border-radius:999px;cursor:pointer;transition:all .12s ease;white-space:nowrap}.ss-hud-group-jump button:hover{background:#ffffff14;color:#f5f1e9}.ss-hud-group-jump button.is-active{background:var(--acid);color:#f5f1e9}.ss-hint{position:absolute;top:16px;left:18px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#f5f1e98c;background:#080c168c;border:1px solid rgba(255,255,255,.08);padding:6px 10px;border-radius:999px;z-index:4;pointer-events:none;transition:opacity .35s ease}.ss-hint.is-faded{opacity:0}.ss-fly-legend{position:absolute;top:16px;right:16px;display:none;flex-direction:column;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#f5f1e9d9;background:#080c16a6;border:1px solid rgba(255,255,255,.08);padding:12px 14px;border-radius:10px;z-index:4;pointer-events:none}.ss-fly-legend .row{display:flex;align-items:center;gap:12px;justify-content:space-between}.ss-fly-legend .keys{display:inline-flex;gap:4px;align-items:center}.ss-fly-legend kbd{font-family:var(--mono);font-size:10px;padding:2px 6px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;border-radius:4px;color:#f5f1e9f2}.ss-fly-legend .lab{color:#f5f1e98c;font-size:9px}.ss-body[data-flymode=true] .ss-fly-legend{display:flex}.ss-reticle{position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;pointer-events:none;display:none;z-index:4}.ss-reticle:before,.ss-reticle:after{content:"";position:absolute;background:#f5f1e98c}.ss-reticle:before{left:50%;top:0;width:1px;height:100%;transform:translate(-50%)}.ss-reticle:after{top:50%;left:0;height:1px;width:100%;transform:translateY(-50%)}.ss-body[data-flymode=true] .ss-reticle{display:block}.ss-body[data-flymode=true] .ss-stage canvas{cursor:crosshair}.ss-body[data-flyhover=true] .ss-reticle:before,.ss-body[data-flyhover=true] .ss-reticle:after{background:var(--acid);box-shadow:0 0 6px #c8102e99}.ss-info{position:absolute;top:16px;right:16px;width:min(380px,calc(100% - 32px));max-height:calc(100% - 96px);overflow-y:auto;background:var(--paper);border:1px solid var(--ink);border-radius:12px;padding:22px 24px 20px;z-index:6;box-shadow:0 24px 60px -20px #000000b3;animation:ss-info-in .35s cubic-bezier(.4,0,.2,1);scrollbar-width:thin;scrollbar-color:var(--rule) transparent}.ss-info::-webkit-scrollbar{width:6px}.ss-info::-webkit-scrollbar-thumb{background:var(--rule);border-radius:3px}.ss-info[hidden]{display:none!important}@keyframes ss-info-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.ss-info-close{position:absolute;top:10px;right:10px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--rule);background:var(--paper);color:var(--ink-soft);font-size:11px;cursor:pointer;transition:all .12s ease}.ss-info-close:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.ss-info-eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px}.ss-info-name{font-family:var(--serif);font-style:italic;font-weight:400;font-size:56px;line-height:1;color:var(--ink);letter-spacing:-.015em;margin-bottom:6px}.ss-info-tag{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--ink-soft);margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--rule)}.ss-info-stats{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;row-gap:10px;margin-bottom:16px}.ss-info-stats .stat .lab{display:block;font-family:var(--mono);font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:2px}.ss-info-stats .stat .val{font-family:var(--mono);font-size:13px;color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}.ss-info-blurb{font-family:var(--serif);font-size:16px;line-height:1.45;color:var(--ink);margin:0 0 18px}.ss-info-blurb em{font-style:italic}.ss-info-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.ss-info-actions button{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:8px 14px;border-radius:999px;cursor:pointer;transition:background-color .15s ease}.ss-info-actions button:hover{background:#000}.ss-info-b{left:16px;right:auto;animation:ss-info-in-left .35s cubic-bezier(.4,0,.2,1)}@keyframes ss-info-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.ss-body[data-comparing=true] .ss-stage canvas{cursor:copy}.ss-body[data-comparing=true] .ss-hint{opacity:1}.ss-info-actions button.is-on{background:var(--acid);border-color:var(--acid)}@media (max-width: 900px){.ss-page{padding:32px 16px}.ss-top{grid-template-columns:1fr}.ss-stage{height:70vh;min-height:480px}.ss-info{inset:auto 12px 86px;width:auto;max-height:50vh}.ss-hud-bottom{flex-wrap:wrap}}
