main:has(.sn-game){margin-top:0;margin-bottom:0}.sn-game{--sn-lilac:#c6b8ec;--sn-line:#374051}.sn-navigation{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.sn-help{color:#e2d4ff;background:#302d40;border-color:#726387}.sn-game h1{font-size:clamp(32px,3.5vw,46px);letter-spacing:-1.8px}.sn-game h1 span{color:#bea4e4}.sn-completed{display:grid;text-align:right;gap:5px;flex-shrink:0}.sn-completed strong{font:500 26px 'Space Grotesk',sans-serif;color:#d5c3ef}.sn-completed span{font-size:11px;color:#8c9bab}.sn-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}.sn-play{min-width:0;border:1px solid #454759;border-radius:22px;overflow:hidden;background:#172130;box-shadow:0 25px 60px #0003}.sn-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 25px;border-bottom:1px solid var(--sn-line);background:linear-gradient(110deg,#302d43,#1a2937)}.sn-title .eyebrow{font-size:9px;letter-spacing:1.3px;color:#c6b6dd}.sn-title h2{font:500 26px 'Space Grotesk',sans-serif;margin:9px 0 6px;letter-spacing:-.6px}.sn-title p{font-size:12px;color:#a9b3c5}.sn-title label{font-size:11px;display:flex;align-items:center;gap:6px;white-space:nowrap;color:#c1bacb}.sn-title input{accent-color:#c4b1e1}.sn-readings{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 22px;font-size:11px;color:#99a8bc;border-bottom:1px solid #303c4c;background:#141d2a}.sn-readings strong{font:500 22px 'Space Grotesk',sans-serif;color:#e3d5f7;margin-right:6px}.sn-hint-mark{color:#a3cbbd}.sn-stage{height:410px;position:relative;background:radial-gradient(ellipse at 50% 50%,#334255,#192233 68%);touch-action:none;outline-offset:-4px!important}.sn-view{position:absolute;inset:10px 0 20px}.sn-view canvas{display:block;width:100%;height:100%;touch-action:none}.sn-stage-label{position:absolute;top:20px;left:22px;font-size:8px;letter-spacing:1.6px;color:#8ea3b9;pointer-events:none}.sn-camera{position:absolute;right:15px;top:12px;display:flex;gap:4px}.sn-camera .button{font-size:9px;padding:6px 9px;background:#1a2736bb;border-color:#49566b;border-radius:7px;min-height:30px}.sn-stage-help{position:absolute;bottom:13px;width:100%;text-align:center;font-size:10px;color:#9aacbc;pointer-events:none}.sn-legend{display:flex;justify-content:center;gap:20px;padding:15px 10px;font-size:10px;color:#9eaec0;border-top:1px solid #303c4c}.sn-legend span{display:flex;align-items:center;gap:6px}.sn-legend i{width:9px;height:9px;border-radius:3px}.sn-fixed{background:#a8b5c8}.sn-joint{background:#f2cf8e}.sn-tail{background:#65cdb9}.sn-console{padding:20px 24px;background:#172433;border-top:1px solid #354354}.sn-selection{display:flex;align-items:center;justify-content:space-between;gap:12px}.sn-selection .eyebrow{font-size:8px;letter-spacing:1px;color:#c0abdb}.sn-selection strong{font-size:11px;font-weight:500;color:#b9c8d4}.sn-joints{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 18px}.sn-joints .button{min-width:40px;height:40px;padding:7px;font:500 12px 'Space Grotesk',sans-serif;background:#213242;border-color:#3e5265;border-radius:9px}.sn-joints .button[aria-pressed=true]{background:#d9be8b;color:#202b32;border-color:#f0d8aa;box-shadow:0 0 22px #dfbd6730}.sn-turns{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sn-turns .button{font-size:11px;padding:11px 12px;border-radius:9px}.sn-primary{background:#cbbbe7!important;border-color:#e2d3fb!important;color:#282d3e!important;box-shadow:inset 0 1px 0 #fff5}.sn-primary:hover{background:#e0d1f7!important}.sn-turns .quiet-button{font-size:10px;margin-left:auto}.sn-verdict{font-size:12px;line-height:1.7;color:#a8d5c9;padding:14px 0;min-height:47px}.sn-verdict.sn-invalid{color:#ff99aa}.sn-actions{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid #354354;padding-top:15px}.sn-actions .button{font-size:10px;padding:9px 11px;border-radius:8px}.sn-actions .quiet-button{font-size:10px;margin-left:auto}.sn-hint{color:#d4c3ee;border-color:#6e627f;background:#302e43}.sn-hint-copy{font-size:10px;line-height:1.7;color:#92a6b8;margin-top:12px}.sn-console details{border-top:1px solid #354354;margin-top:17px;padding-top:14px;font-size:11px;color:#94a7b8}.sn-console summary{cursor:pointer;color:#c1c2d4}.sn-console details p{margin-top:12px;line-height:1.8}.sn-aside{display:grid;gap:20px}.sn-target{border:1px solid #595069;border-radius:18px;padding:20px;background:linear-gradient(140deg,#302a3f,#162b36);text-align:center}.sn-target>.eyebrow{font-size:8px;letter-spacing:1.1px;color:#d3bce9}.sn-target svg{display:block;width:140px;height:140px;margin:12px auto}.sn-target>strong{font:500 18px 'Space Grotesk',sans-serif;color:#e0d4ef}.sn-target p{font-size:10px;line-height:1.7;color:#a49ab5;margin-top:9px}.sn-gallery{border:1px solid #344154;border-radius:18px;padding:22px 18px;background:#151f2d}.sn-gallery>.eyebrow{font-size:7px;letter-spacing:1px;color:#b7a5ce}.sn-gallery h2{font:500 25px 'Space Grotesk',sans-serif;letter-spacing:-1px;margin:10px 0 20px}.sn-levels{display:grid;gap:8px}.sn-levels button{display:flex;align-items:center;text-align:left;gap:13px;padding:13px 10px;border:1px solid #324657;border-radius:9px;background:#1b2b3a}.sn-levels button>span{font-size:10px;color:#8e9db2}.sn-levels strong{font-size:11px;font-weight:500;display:block;line-height:1.5}.sn-levels small{font-size:9px;display:block;color:#8199ab;margin-top:4px}.sn-levels button[aria-pressed=true]{background:#383447;border-color:#a894c3}.sn-levels .sn-done small:after{content:' · ✓';color:#a1dfc6}.sn-win{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 18px 12px;padding:21px;border:1px solid #bba4d4;background:linear-gradient(110deg,#4b3a57,#243e42);border-radius:14px;box-shadow:0 0 30px #b9a1e71a}.sn-win[hidden]{display:none}.sn-win>span{font-size:35px;color:#e6c996;animation:sn-spark 1.2s ease-out 1}.sn-win h3{font:500 22px 'Space Grotesk',sans-serif;color:#f0e4fa}.sn-win p{font-size:11px;color:#bcb7c9;margin-top:5px}.sn-win .button{font-size:12px;border-radius:9px;margin-left:auto}.sn-help-dialog{width:calc(100% - 24px);max-width:750px;max-height:92svh;overflow:auto;padding:28px 24px}.sn-help-dialog h2{margin:12px 0}.sn-help-dialog>p{font-size:13px;line-height:1.8;color:#b3bdcc;margin-bottom:18px}.sn-help-dialog .sn-session{border:1px solid #455165;border-radius:15px;overflow:hidden}.sn-help-dialog .sn-stage{height:240px}.sn-help-dialog details{display:none}.sn-help-dialog .sn-selection .eyebrow{display:none}.sn-help-dialog .sn-joints{margin:10px 0}.sn-return{width:100%;margin-top:20px;justify-content:center}.sn-render-error{padding:80px 25px;text-align:center;color:#edb7c2}.sn-card .card-symbol{color:#d8c2ef;background:linear-gradient(145deg,#3b304c,#203d40)}
@keyframes sn-spark{0%{transform:scale(.4) rotate(-60deg);opacity:.3}65%{transform:scale(1.25) rotate(12deg)}100%{transform:scale(1) rotate(0)}}
@media(max-width:1200px){.sn-layout{grid-template-columns:minmax(0,1fr) 225px;gap:18px}.sn-title{padding:20px}.sn-console{padding:18px}.sn-selection{align-items:start;flex-direction:column;gap:7px}.sn-camera{top:13px}.sn-stage-label{top:53px}}
@media(max-width:850px){.sn-layout{grid-template-columns:1fr}.sn-aside{grid-template-columns:180px 1fr;align-items:start}.sn-target{padding:20px 12px}.sn-target svg{width:110px;height:100px}.sn-levels{grid-template-columns:1fr 1fr}.sn-stage{height:390px}.sn-stage-label{top:20px}.sn-selection{flex-direction:row}.sn-title{padding:20px}}
@media(max-width:480px){.sn-navigation{gap:8px;margin-bottom:19px}.sn-navigation .quiet-button{font-size:10px}.sn-help{font-size:10px;padding:9px}.sn-game h1{font-size:32px;letter-spacing:-1.3px}.sn-game .game-heading{gap:10px;margin-bottom:20px}.sn-game .game-heading .eyebrow{font-size:7px;letter-spacing:.7px}.sn-completed strong{font-size:20px}.sn-completed span{font-size:8px}.sn-title{padding:16px 14px}.sn-title h2{font-size:22px}.sn-title .eyebrow{font-size:7px;letter-spacing:.8px}.sn-title p{font-size:10px}.sn-title label{font-size:9px}.sn-readings{padding:11px 14px;font-size:9px}.sn-readings strong{font-size:19px}.sn-stage{height:300px}.sn-camera{right:9px;gap:3px}.sn-camera .button{font-size:8px;padding:6px 8px}.sn-stage-label{top:52px;left:14px;font-size:7px}.sn-stage-help{font-size:9px;bottom:12px}.sn-view{inset:32px 0 18px}.sn-legend{font-size:8px;gap:11px;padding:12px 7px}.sn-console{padding:16px 13px}.sn-selection{flex-direction:column;gap:6px}.sn-selection strong{font-size:11px}.sn-joints{gap:6px}.sn-joints .button{width:39px;height:39px;min-width:39px}.sn-turns{gap:6px}.sn-turns .button{font-size:10px;padding:10px 11px;flex:1}.sn-turns [data-sn=commit]{flex-basis:75%}.sn-turns .quiet-button{font-size:9px}.sn-verdict{font-size:11px}.sn-actions .button{font-size:9px;padding:9px 10px}.sn-actions .quiet-button{font-size:9px}.sn-hint-copy{font-size:9px}.sn-aside{grid-template-columns:1fr}.sn-target{display:grid;grid-template-columns:100px 1fr;align-items:center;text-align:left;padding:14px 20px;gap:8px 15px}.sn-target>.eyebrow{grid-column:2;grid-row:1}.sn-target>[data-main=target]{grid-column:1;grid-row:1/4}.sn-target svg{width:90px;height:95px;margin:0}.sn-target>strong{grid-column:2;font-size:17px}.sn-target>p{grid-column:2;margin:0}.sn-gallery{padding:20px 15px}.sn-levels{gap:7px}.sn-levels button{gap:8px;padding:10px 8px}.sn-levels strong{font-size:10px}.sn-levels small{font-size:8px}.sn-win{padding:15px;margin:0 12px 10px;gap:10px}.sn-win h3{font-size:18px}.sn-win p{font-size:10px}.sn-win .button{width:100%;justify-content:center}.sn-help-dialog{padding:24px 12px;width:calc(100% - 16px)}.sn-help-dialog>p{font-size:12px}.sn-help-dialog .sn-stage{height:210px}.sn-help-dialog .sn-console{padding:13px 10px}.sn-help-dialog .sn-hint-copy{display:none}}
@media(prefers-reduced-motion:reduce){.sn-game *,.sn-help-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.sn-volume{display:grid;gap:4px;text-align:center}.sn-volume small{font-size:9px;color:#c8b6e3}
.sn-modes{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 12px 8px;background:#1d2637}.sn-modes>span{font-size:8px;letter-spacing:1px;color:#a8b3c6;margin-right:5px}.sn-modes .button{font-size:11px;padding:9px 13px;border-radius:9px}.sn-modes .button[aria-pressed=true]{background:#d4bd8a;color:#202d39;border-color:#efd9aa}.sn-mode-help{font-size:11px;line-height:1.7;color:#b6c5d3;background:#1d2637;padding:0 19px 13px;text-align:center}.sn-dial{--sn-angle:0rad;position:absolute;width:144px;height:144px;margin:-72px;pointer-events:none;z-index:3}.sn-dial[hidden]{display:none}.sn-dial-track{position:absolute;inset:18px;border:2px dashed #f2cd89b0;border-radius:50%;box-shadow:0 0 15px #131c34aa}.sn-dial-readout{position:absolute;top:55px;left:48px;width:48px;padding:6px 0;border-radius:8px;text-align:center;font-size:12px;color:#ffe1a9;background:#162131d9}.sn-dial-knob{position:absolute;left:104px;top:50px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#28313b;background:#f0d395;border:2px solid #fff0c9;box-shadow:0 3px 16px #0007;pointer-events:auto;touch-action:none;user-select:none;cursor:grab;font-size:24px;transform-origin:-32px 22px;transform:rotate(var(--sn-angle))}.sn-dragging .sn-dial-knob{cursor:grabbing;background:#b7ecd2}.sn-dial-invalid .sn-dial-knob{background:#f48a99;border-color:#ffbcc5}.sn-dial-invalid .sn-dial-track{border-color:#ff8296}.sn-dial-invalid .sn-dial-readout{color:#ffa3b1}@media(max-width:480px){.sn-modes{gap:6px}.sn-modes .button{font-size:10px;padding:9px 12px}.sn-modes>span{font-size:7px}.sn-mode-help{font-size:10px;padding:0 13px 12px}}