.sx{max-width:960px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:clamp(20px,3vw,40px);align-items:start}.sx-play{display:flex;flex-direction:column;align-items:center;gap:18px;min-width:0}.sx-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;max-width:440px;padding:4px;border-radius:999px;background:var(--g-key);box-shadow:var(--g-key-shadow)}.sx-level{min-height:42px;padding:0 6px;border:0;border-radius:999px;background:#fff0;color:var(--color-text-soft);font:700 14px/1 var(--font-sans);white-space:nowrap;cursor:pointer;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform .2s var(--ease-spring)}.sx-level:hover{color:var(--color-ink)}.sx-level:active{transform:scale(.96)}.sx-level.is-active{background:var(--color-ink);color:var(--color-bg)}.sx-level__s{font-size:11px;letter-spacing:-1px;color:#f2b705}.sx-target{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:210px;padding:12px 38px 14px;border-radius:24px;background:var(--color-ink);color:var(--color-bg);box-shadow:0 10px 28px rgb(14 14 15 / .16)}.sx-target .pg-label{margin:0;color:inherit;opacity:.6}.sx-target strong{font-size:clamp(48px,6vw,76px);font-weight:900;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums}.sx.is-done .sx-target{box-shadow:0 0 0 4px rgb(31 157 107 / .35),0 10px 28px rgb(14 14 15 / .16)}.sx-nums{display:grid;grid-template-columns:repeat(3,auto);gap:clamp(12px,1.8vw,18px)}.sx-nums.is-nudge{animation:lx-shake .35s}.sx-num{position:relative;width:clamp(76px,7vw,94px);aspect-ratio:1;display:grid;place-items:center;border:0;border-radius:50%;background:var(--g-key);box-shadow:var(--g-key-shadow),inset 0 0 0 1px var(--g-key-line);color:var(--color-ink);font:900 clamp(26px,2.6vw,33px)/1 var(--font-sans);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;transition:transform .25s var(--ease-spring),background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.sx-num:hover:not(:disabled):not(.is-sel){transform:translateY(-3px)}.sx-num:active:not(:disabled){transform:scale(.93)}.sx-num:disabled{cursor:default}.sx-num.is-sel{background:var(--color-brand);color:#fff;box-shadow:0 8px 20px rgb(197 14 81 / .32);transform:translateY(-4px) scale(1.06)}.sx-num.is-long{font-size:clamp(19px,1.9vw,24px)}.sx-num.is-empty{background:#fff0;box-shadow:inset 0 0 0 2px var(--color-border-strong);opacity:.45;cursor:default}.sx-num.is-new{animation:sx-new .55s var(--ease-spring)}.sx-num.is-hit{background:var(--lx-green);color:#fff;box-shadow:0 8px 20px rgb(31 157 107 / .35)}.sx-num.is-fly{z-index:2;pointer-events:none;transition:transform .28s var(--ease),opacity .28s var(--ease)}.sx-num.is-absorb{animation:g-bump .3s var(--ease-spring) .14s}.sx-num.is-shake{animation:lx-shake .4s}.sx-ops{display:flex;gap:12px}.sx-op{width:62px;height:62px;display:grid;place-items:center;border:2px solid var(--color-border-strong);border-radius:18px;background:var(--g-key);color:var(--color-ink);font:900 28px/1 var(--font-sans);cursor:pointer;touch-action:manipulation;transition:transform .22s var(--ease-spring),background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.sx-op:hover:not(:disabled){border-color:var(--color-ink);transform:translateY(-2px)}.sx-op:active:not(:disabled){transform:scale(.92)}.sx-op.is-sel{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-bg);transform:scale(1.08)}.sx-op:disabled{opacity:.4;cursor:default}.sx-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.sx-log{display:flex;flex-direction:column;gap:14px;min-width:0}.sx-card{padding:18px 20px;border-radius:20px;background:var(--g-key);box-shadow:var(--g-key-shadow)}.sx-steps{list-style:none;margin:0;padding:0;counter-reset:sx;display:flex;flex-direction:column;gap:7px;min-height:110px}.sx-steps li{counter-increment:sx;display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;color:var(--color-ink);font-variant-numeric:tabular-nums}.sx-steps li::before{content:counter(sx);flex:0 0 24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--color-bg-soft);font-size:11px;color:var(--color-text-soft)}.sx-steps li.is-last{animation:g-rise .35s var(--ease) both}.sx-steps li.is-empty{font-size:14px;font-weight:500;line-height:1.5;color:var(--color-text-muted)}.sx-steps li.is-empty::before{display:none}.sx-close{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--color-border);font-size:14px;color:var(--color-text-soft)}.sx-close strong{font-size:17px;color:var(--color-ink)}.sx-close:empty{display:none}.sx-done{text-align:center;animation:g-rise .4s var(--ease) both}.sx-done__stars{display:flex;justify-content:center;gap:6px;margin:0 0 6px;font-size:38px;line-height:1}.sx-done__stars i{font-style:normal;color:var(--color-border-strong)}.sx-done__stars i.is-on{color:#f2b705;animation:g-pop-in .5s var(--ease-spring) both;animation-delay:calc(var(--i,0) * 140ms + .1s)}.sx-done__msg{margin:0 0 14px;font-size:15px;font-weight:700;line-height:1.45;color:var(--color-ink)}.sx-done .pg-label{text-align:left}.sx-sol{margin:0;padding:0 0 0 22px;text-align:left;font-size:15px;font-weight:700;line-height:1.8;color:var(--color-ink);font-variant-numeric:tabular-nums}@keyframes sx-new{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.14);opacity:1}100%{transform:translateY(-4px) scale(1.06)}}@media (max-width:760px){.sx{grid-template-columns:1fr;gap:18px}.sx-play{gap:14px}.sx-target{min-width:180px;padding:10px 30px 12px}.sx-target strong{font-size:52px}.sx-nums{gap:12px}.sx-num{width:clamp(70px,22vw,88px);font-size:28px}.sx-num.is-long{font-size:21px}.sx-ops{gap:10px}.sx-op{width:58px;height:58px;font-size:26px}.sx-tools .pg-btn{padding:12px 16px}.sx-steps{min-height:0}}