:root{font-family:DM Sans,sans-serif;color:#26303d;background:#f2f5f8;font-synthesis:none;font-weight:400;--ink: #26303d;--muted: #8993a0;--accent: #eb774e;--line: #dfe5eb;--surface: #fff;--display: "Space Grotesk", sans-serif;--mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:3px solid #ec956e;outline-offset:5px}button svg{flex-shrink:0}button{transition:background .18s,color .18s,transform .18s,box-shadow .18s}button:not(:disabled):active{transform:translateY(1px)}[hidden]{display:none!important}#app{max-width:1600px;min-height:100svh;margin:auto;padding:0 54px;display:flex;flex-direction:column}.site-header{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative}.brand{display:inline-flex;align-items:center;font-family:var(--display);font-size:33px;font-weight:700;letter-spacing:-1.8px;gap:10px}.brand-mark{width:40px;height:40px;background:var(--accent);border-radius:11px;display:grid;place-items:center;color:#fff;box-shadow:0 3px 5px #b9562420}.brand-period{color:var(--accent);margin-left:-10px}.main-nav{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:35px;height:100%}.nav-item{font-size:13px;display:flex;align-items:center;gap:7px;height:100%;padding:0 4px;position:relative;color:#8c94a0}.nav-item.active{font-weight:650;color:var(--ink)}.nav-item.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.nav-dot{width:5px;height:5px;background:var(--accent);border-radius:50%}.nav-item:hover{color:var(--ink)}.header-tools{display:flex;align-items:center;gap:19px}.sound-button{display:flex;align-items:center;gap:8px;font-size:11px;color:#87909c;padding:8px 0}.sound-button:hover{color:var(--ink)}.header-separator{height:18px;width:1px;background:var(--line)}.help-button{width:23px;height:23px;border:1px solid #b2bbc6;border-radius:50%;font-family:var(--display);font-size:13px;color:#7d8998;display:grid;place-items:center}.help-button:hover{background:#fff}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:48px;padding:48px 0 32px;flex:1;align-items:start}.playground{min-width:0}.play-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-left:2px}.eyebrow{font-family:var(--mono);font-size:9px;font-weight:400;letter-spacing:1.45px;display:flex;align-items:center;gap:8px;color:#8993a1;line-height:1.5}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:var(--accent)}h1{font-family:var(--display);font-size:57px;line-height:1.12;letter-spacing:-2.8px;font-weight:500;margin:15px 0 12px}h1>span{color:var(--accent)}.play-heading p{font-size:13px;color:#8993a1;margin:0;letter-spacing:.01em}.session-stats{display:flex;gap:22px;align-items:center;padding:0 4px 3px 0}.session-stats>div:not(.stat-divider){display:flex;flex-direction:column;gap:8px}.stat-label{font-family:var(--mono);font-size:8px;letter-spacing:1.4px;color:#96a0ac}.stat-value{font-family:var(--mono);font-size:24px;font-weight:400;letter-spacing:-1.4px;line-height:1.1;white-space:nowrap}.stat-value>span{font-size:15px;color:#a1aab5;letter-spacing:-.6px}.stat-divider{width:1px;height:31px;background:var(--line)}.cube-stage{height:421px;position:relative;margin:27px 0 1px;background:radial-gradient(ellipse at 50% 45%,#fff9,#fff0 65%);isolation:isolate}.stage-label{position:absolute;left:18px;top:19px;display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:8px;letter-spacing:1.2px;color:#8b97a5;pointer-events:none;z-index:1}.live-dot{width:5px;height:5px;background:#74a791;border-radius:50%;box-shadow:0 0 0 3px #74a79113}.stage-state{position:absolute;right:18px;top:19px;color:#a0a9b5;font-size:10px;z-index:1;pointer-events:none}.stage-corner{position:absolute;width:12px;height:12px;border-color:#d7dfe7;z-index:1;pointer-events:none}.corner-tl{left:0;top:0;border-top:1px solid;border-left:1px solid;border-color:#d7dfe7}.corner-tr{right:0;top:0;border-top:1px solid;border-right:1px solid;border-color:#d7dfe7}.corner-bl{left:0;bottom:0;border-bottom:1px solid;border-left:1px solid;border-color:#d7dfe7}.corner-br{right:0;bottom:0;border-bottom:1px solid;border-right:1px solid;border-color:#d7dfe7}#cube-host{position:absolute;inset:0;touch-action:none}#cube-host canvas{width:100%;height:100%;display:block;cursor:grab}#cube-host canvas:active{cursor:grabbing}.touch-hint{display:none}.orbit-hint{display:flex;align-items:center;gap:7px;position:absolute;bottom:17px;left:50%;transform:translate(-50%);color:#9ba6b3;font-size:10px;white-space:nowrap;pointer-events:none}.orbit-icon{font-size:18px;line-height:1}.view-button{position:absolute;right:10px;bottom:10px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #e0e6ed;border-radius:8px;color:#8995a5;background:#fff6}.view-button:hover{background:#fff;color:var(--ink)}.action-bar{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:23px}.button{height:44px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:550;padding:0 16px}.button-primary{background:var(--accent);color:#fff;box-shadow:0 4px 8px #df784326;border:1px solid #e66e45}.button-primary:hover{background:#e66a40;box-shadow:0 5px 15px #df784338}.button-primary:disabled{opacity:.65}.button-primary>kbd{font-family:var(--mono);font-size:8px;font-weight:400;padding:3px 5px;border:1px solid #fff4;border-radius:3px;color:#fff9;margin-left:9px}.button-secondary{background:#fff;border:1px solid #dde3e9;box-shadow:0 2px 2px #25374c03}.button-secondary:hover{background:#fafdff}.button-secondary:disabled{opacity:.45}.button-quiet{color:#8893a1;margin-left:0;font-weight:400}.button-quiet:hover{background:#e7edf3}.keyboard-section{border-top:1px solid var(--line);margin-top:34px;padding-top:23px}.keyboard-title{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;color:#9ca6b2;font-family:var(--mono);font-size:8px;letter-spacing:1.3px}.keyboard-title svg{color:#98a4b2}.keyboard-layout-switch{display:inline-flex;gap:2px;margin-left:8px;padding:3px;background:#e9eef3;border:1px solid #dfe5ec;border-radius:6px}.keyboard-layout-switch button{padding:5px 7px;border-radius:4px;color:#8995a5;font-family:var(--mono);font-size:8px;letter-spacing:0}.keyboard-layout-switch button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px #26303d0d}.keyboard-layout-switch button:hover{color:var(--ink)}.face-controls{display:flex;justify-content:center;gap:32px;margin-top:20px}.face-control{display:flex;flex-direction:column;align-items:center;gap:9px;padding:0}.face-control>kbd{font-family:var(--display);font-size:15px;font-weight:500;display:grid;place-items:center;width:42px;height:41px;background:linear-gradient(#fff,#fcfdff);border:1px solid #dbe2e9;border-radius:8px;box-shadow:0 3px #e2e7ed,0 4px 5px #24374c06;transition:transform .15s,box-shadow .15s,border-color .15s}.face-control:hover>kbd,.face-control.last-played>kbd{border-color:#efb39d;box-shadow:0 3px #ead5ce,0 4px 5px #24374c06}.face-control:active>kbd{transform:translateY(2px);box-shadow:0 1px #e2e7ed}.face-control>span{display:flex;align-items:center;gap:4px;font-size:9px;color:#8c97a4}.face-control i{display:inline-block;width:5px;height:5px;border-radius:1px;background:var(--face-color)}.keyboard-tip{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;color:#9ba5b1;margin:20px 0 0}.keyboard-tip>kbd{font-family:var(--mono);font-size:8px;line-height:14px;padding:0 3px;background:#e9eef3;border:1px solid #dfe5ec;border-radius:3px}.keyboard-tip>span{margin:0 8px;color:#b6bec8}.keyboard-tip button{display:flex;align-items:center;gap:4px;font-size:9px;color:#7f8b9c;margin-left:auto;padding:0}.site-footer{min-height:73px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#98a3b0;font-family:var(--mono);font-size:8px;letter-spacing:1px}.footer-colors{display:flex;gap:4px;position:absolute;left:50%;transform:translate(-50%)}.footer-colors i{width:7px;height:7px;border-radius:1.5px;display:block;border:1px solid #26303d08}.site-footer>span:last-child{font-family:DM Sans,sans-serif;font-size:10px;letter-spacing:0;color:#99a3af}.solved-message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#ffffffed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:25px 36px;border:1px solid #fff;border-radius:16px;box-shadow:0 15px 80px #26303d16;text-align:center;white-space:nowrap;display:flex;flex-direction:column;gap:10px}.solved-message>span{font-size:10px;color:var(--muted)}.solved-message strong{font-family:var(--display);font-size:27px;font-weight:500;letter-spacing:-1px}.solved-message button{font-size:11px;color:var(--accent);display:flex;align-items:center;justify-content:center;gap:7px;margin-top:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.webgl-fallback{height:100%;display:flex;flex-direction:column;justify-content:center;text-align:center;max-width:350px;margin:auto;line-height:1.7;font-size:13px;color:var(--muted)}.webgl-fallback strong{color:var(--ink)}dialog{color:var(--ink);border:1px solid #e0e5ea;box-shadow:0 25px 100px #25374c25}dialog::backdrop{background:#24324550;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.help-dialog{max-width:530px;width:calc(100% - 32px);max-height:calc(100svh - 48px);border-radius:20px;padding:30px 34px;overflow:auto}.resume-dialog{width:calc(100% - 32px);max-width:460px;max-height:calc(100svh - 40px);overflow:auto;padding:32px;border-radius:20px}.resume-cube{display:grid;place-items:center;width:56px;height:56px;margin-bottom:25px;border-radius:14px;background:#fbede5;color:var(--accent)}.resume-dialog h2{font-family:var(--display);font-size:35px;font-weight:500;line-height:1.15;letter-spacing:-1.4px;margin:15px 0}.resume-dialog p{font-size:12px;line-height:1.8;color:#8792a1}.resume-stats{display:flex;gap:45px;padding:20px;margin:24px 0;background:#f4f7fa;border:1px solid #e5ebf1;border-radius:10px}.resume-stats>div{display:flex;flex-direction:column;gap:9px}.resume-actions{display:grid;gap:10px}.resume-actions .button{width:100%;height:46px;font-size:12px}.resume-dialog .resume-caption{margin:20px 0 0;font-size:10px;color:#a0a9b4}.dialog-top{display:flex;justify-content:space-between;align-items:center}.icon-button{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;color:#8c96a4}.icon-button:hover{background:#f2f5f8}.help-dialog h2{font-family:var(--display);font-size:30px;line-height:1.2;letter-spacing:-1.2px;font-weight:500;margin:20px 0 13px}.help-dialog p{font-size:12px;color:#8792a1;line-height:1.7}.shortcut-faces{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;padding:22px 0;border-bottom:1px solid var(--line)}.shortcut-faces>div{display:flex;align-items:center;gap:8px;font-size:12px}.shortcut-faces i{width:8px;height:8px;border-radius:2px}.shortcut-faces kbd{margin-left:auto}kbd{font-family:var(--mono)}.shortcut-faces kbd,.shortcut-rows kbd{display:inline-flex;min-width:23px;height:24px;align-items:center;justify-content:center;border-radius:4px;background:#f3f6f9;border:1px solid #e1e7ee;font-size:10px;padding:0 5px}.shortcut-rows{display:grid;gap:16px;padding-top:22px}.shortcut-rows>div{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:10px}.shortcut-rows>div>span:last-child{display:flex;align-items:center;gap:4px;color:#8b96a5}.help-dialog .dialog-footnote{font-size:10px;line-height:1.7;margin:24px 0 0;padding-top:17px;border-top:1px solid var(--line)}@media(min-width:1450px){.workspace{grid-template-columns:minmax(0,1fr) 325px;gap:64px;padding-top:58px}.cube-stage{height:460px}.site-footer{min-height:85px}h1{font-size:65px}.play-heading p{font-size:14px}.face-controls{gap:40px}.face-control>kbd{width:45px;height:43px}}@media(max-width:1150px){#app{padding:0 32px}.workspace{gap:28px;grid-template-columns:minmax(0,1fr) 280px}h1{font-size:46px}.session-stats{gap:13px}.stat-value{font-size:21px}.play-heading{gap:10px}.play-heading p{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1px}.face-controls{gap:22px}.cube-stage{height:390px}.keyboard-tip,.keyboard-tip button{font-size:8px}.keyboard-tip>span{margin:0 3px}.site-footer{font-size:7px}.footer-colors{display:none}}@media(max-width:950px){.play-heading{display:block}.session-stats{position:absolute;top:211px;right:4px;padding:0;gap:17px}.playground{position:relative}.play-heading h1{font-size:48px}.cube-stage{height:380px;margin-top:25px}.stage-state{display:none}.session-stats{top:0;right:2px;transform:translateY(37px)}.stat-value{font-size:17px}.stat-label{font-size:7px}.stat-divider{height:24px}.play-heading>div:first-child{max-width:260px}.play-heading h1{font-size:40px}.play-heading .eyebrow{font-size:7px;letter-spacing:.5px}.face-controls{gap:17px}.face-control>kbd{width:35px;height:36px}.action-bar{gap:3px}.button{padding:0 11px}.button-primary>kbd{display:none}.keyboard-tip{flex-wrap:wrap;row-gap:12px}.keyboard-tip button{margin-left:0;width:100%;justify-content:center}.workspace{gap:24px;grid-template-columns:minmax(0,1fr) 260px}}@media(max-width:760px){#app{padding:0 24px}.site-header{height:83px}.brand{font-size:29px}.brand-mark{width:35px;height:35px;border-radius:9px}.brand-mark svg{width:26px;height:26px}.main-nav{position:static;transform:none;gap:22px;margin-left:auto;margin-right:25px}.nav-item{font-size:11px}.nav-item svg{display:none}.header-tools{gap:12px}.sound-button span,.header-separator{display:none}.workspace{grid-template-columns:1fr;padding-top:32px;gap:36px}.play-heading{display:flex}.play-heading>div:first-child{max-width:none}.play-heading .eyebrow{font-size:8px;letter-spacing:1px}h1,.play-heading h1{font-size:48px}.play-heading p{font-size:12px}.session-stats{position:static;transform:none;padding-bottom:5px;gap:18px}.stat-value{font-size:22px}.stat-label{font-size:8px}.cube-stage{height:420px}.stage-state{display:block}.face-controls{gap:36px}.face-control>kbd{width:43px;height:41px}.keyboard-tip{flex-wrap:nowrap}.keyboard-tip button{width:auto;margin-left:auto}.button{padding:0 17px;gap:10px}.action-bar{gap:12px}.button-primary>kbd{display:block}.keyboard-section{margin-top:30px}#guide-root{max-width:none}.site-footer{margin-top:5px;min-height:75px}.site-footer>span:first-child{max-width:165px;line-height:1.8;font-size:7px}.site-footer>span:last-child{font-size:9px}.footer-colors{display:flex;position:static;transform:none;gap:3px}.footer-colors i{width:5px;height:5px}}@media(max-width:480px){#app{padding:0 20px}.main-nav{margin-right:18px;gap:18px}.nav-item{font-size:10px}.main-nav .nav-item:first-child{display:none}.header-tools{gap:14px}.play-heading{gap:10px;align-items:flex-end}.play-heading h1{font-size:40px;letter-spacing:-2px;margin-top:12px;margin-bottom:10px}.play-heading .eyebrow{font-size:6.5px;letter-spacing:.9px}.play-heading p{font-size:10px;max-width:200px;line-height:1.6}.session-stats{gap:13px;padding-bottom:3px}.stat-value{font-size:17px;letter-spacing:-1px}.stat-value>span{font-size:11px}.stat-label{font-size:6px;letter-spacing:1px}.stat-divider{height:24px}.cube-stage{height:360px;margin-top:26px}.stage-state{font-size:8px;right:10px}.stage-label{left:10px;font-size:7px;gap:6px}.action-bar{gap:8px;margin-top:22px}.button{font-size:10px;height:42px;padding:0 13px;gap:8px}.button-primary>kbd{font-size:7px;margin-left:3px}.button-quiet{padding:0 7px}.face-controls{justify-content:space-between;gap:10px}.face-control>kbd{width:40px;height:39px}.face-control>span{font-size:8px}.keyboard-tip{font-size:8px;flex-wrap:wrap}.keyboard-tip button{width:100%;justify-content:center;font-size:8px;margin-top:6px}.keyboard-title{font-size:6.5px;letter-spacing:1px}.site-footer{gap:14px}.footer-colors{display:none}.help-dialog{padding:24px}.help-dialog h2{font-size:26px}.shortcut-rows>div{font-size:10px}.shortcut-faces{gap:12px 20px}.shortcut-faces>div{font-size:10px}}@media(any-pointer:coarse){.pointer-hint{display:none}.touch-hint{display:inline}.face-control{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.solve-guide{background:#ffffffd9;border:1px solid #e0e6ed;border-radius:16px;padding:25px 23px 0;box-shadow:0 6px 20px #33485e03}.guide-eyebrow{display:flex;align-items:center;gap:7px;color:#8c96a3;font-family:var(--mono);font-size:7px;letter-spacing:1px;white-space:nowrap}.guide-eyebrow>svg{color:var(--accent)}.guide-eyebrow>span{font-size:6px;letter-spacing:.4px;margin-left:auto;border:1px solid #e5e9ee;padding:3px 5px;border-radius:4px;color:#9aa5b1}.solve-guide h2{font-family:var(--display);font-size:24px;font-weight:500;letter-spacing:-1px;margin:19px 0 8px}.guide-subtitle{font-size:10px;color:#95a0ac;margin:0 0 23px}.guide-steps{border-top:1px solid #e9edf1;padding-top:7px}.guide-step{width:100%;display:flex;align-items:center;gap:13px;height:41px;padding:0 2px;text-align:left;color:#85909e;font-size:10px;border-bottom:1px solid #f0f3f6}.guide-step:hover{color:var(--ink)}.guide-number{font-family:var(--mono);font-size:9px;font-weight:400;color:#a8b1bc;letter-spacing:-.5px}.guide-chevron{margin-left:auto;color:#b4bdc8;font-size:17px;font-weight:400;line-height:1;transition:transform .15s}.guide-step.is-active{color:var(--accent);font-weight:550;border-bottom-color:transparent}.guide-step.is-active .guide-number{color:var(--accent)}.guide-step.is-active .guide-chevron{transform:rotate(90deg);color:var(--accent)}.guide-preview{display:flex;align-items:center;gap:13px;padding:3px 0 15px 26px;border-bottom:1px solid #edf0f4}.guide-preview>p{margin:0;color:#9aa3b0;font-size:9px;line-height:1.7}.guide-diagram{width:43px;height:43px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;background:#7b8490;transform:rotate(-6deg);border-radius:4px;flex-shrink:0;box-shadow:0 2px 3px #26303d17}.guide-diagram>i{display:block;border-radius:1px;box-shadow:inset 0 0 0 .5px #00000005}.guide-diagram-large{width:61px;height:61px;padding:4px;gap:3px;background:#536173;transform:rotate(5deg)}.guide-read-step{display:flex;align-items:center;gap:3px;padding:5px 0 0;font-size:8px;color:#bd8d77}.guide-read-step svg{width:11px;height:11px}.guide-read-step:hover{color:var(--accent)}.guide-start{display:flex;align-items:center;justify-content:space-between;width:100%;height:39px;margin:18px 0;background:#f9eee8;border:1px solid #f4e7dd;border-radius:7px;padding:0 12px;color:#bd795b;font-size:10px;font-weight:550}.guide-start:hover{background:#f7e5d9}.guide-source{margin:0 -23px;background:#fbfcfd;border-top:1px solid #e9edf2;border-radius:0 0 16px 16px;padding:14px 23px 15px;display:flex;flex-direction:column;gap:4px}.guide-source>span{font-size:8px;color:#a7afba}.guide-source a{display:flex;justify-content:space-between;font-size:8px;color:#8693a2}.guide-source a:hover{color:var(--accent)}.guide-note{display:flex;align-items:center;gap:11px;margin:21px 14px}.guide-note-icon{font-size:25px;font-weight:400;color:#b4bdc7;align-self:flex-start;line-height:1.4}.guide-note p{font-size:10px;line-height:1.8;color:#9ba5b1;margin:0}.guide-dialog{border-radius:20px;padding:0;width:830px;max-width:calc(100vw - 40px);max-height:calc(100svh - 56px);background:#fff;overflow:auto}.guide-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;border-bottom:1px solid #e7edf3;background:#fff;position:sticky;top:0;z-index:2}.guide-modal-header>a{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:9px;letter-spacing:1px;color:#9aa3af}.guide-modal-header>a>svg{color:var(--accent)}.guide-close{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;color:#8b96a5}.guide-close:hover{background:#f2f5f8}.guide-modal-layout{display:grid;grid-template-columns:190px 1fr;min-height:550px}.guide-modal-nav{padding:24px 13px;background:#f8fafc;border-right:1px solid #e7edf3}.guide-modal-nav>button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;font-size:10px;padding:13px 10px;border-radius:6px;color:#8b96a5}.guide-modal-nav>button>span:first-child{font-family:var(--mono);font-size:8px;color:#a8b1bd}.guide-modal-nav>button.is-active{color:#cb7954;background:#f8eae1}.guide-modal-nav>button.is-active>span:first-child{color:#cb7954}.guide-modal-nav>button:hover:not(.is-active){background:#edf2f7;color:var(--ink)}.guide-modal-body{padding:32px 32px 24px;min-width:0}.guide-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.guide-detail-label{font-family:var(--mono);font-size:8px;letter-spacing:1.2px;color:#a1aab5}.guide-detail-heading h2{font-family:var(--display);font-weight:500;font-size:34px;letter-spacing:-1.4px;line-height:1.15;margin:11px 0 0}.guide-detail-intro{font-size:12px;line-height:1.85;color:#8290a0;margin:23px 0 20px}.guide-orientation{display:flex;align-items:center;gap:6px;font-size:9px;color:#8995a4;background:#f6f8fb;border-radius:6px;padding:12px 10px}.guide-yellow-dot{width:6px;height:6px;border-radius:50%;background:#edc42d;flex-shrink:0}.guide-home-view{display:flex;align-items:center;gap:4px;font-size:8px;margin-left:auto;color:#9aa4b1;padding:0;white-space:nowrap}.guide-home-view>svg{width:12px}.guide-instructions{padding:5px 0 0 20px;margin:20px 0 22px;font-size:11px;line-height:1.9;color:#768496}.guide-instructions>li{padding:0 0 13px 5px}.guide-instructions>li::marker{font-family:var(--mono);font-size:10px;color:#cd977b}.guide-tip{background:#fcf5ee;border:1px solid #f5e9da;border-radius:8px;padding:14px 16px;margin:0 0 24px}.guide-tip>strong{font-size:9px;font-weight:550;color:#bd8a62}.guide-tip>p{font-size:10px;color:#a59380;line-height:1.8;margin:5px 0 0}.guide-sequence-note{font-size:9px;color:#9ca6b3;line-height:1.6;margin:0 0 18px}.guide-algorithms{display:grid;gap:14px}.guide-algorithm{padding:16px;border:1px solid #e5eaf0;border-radius:8px}.guide-algorithm>strong{font-size:10px;font-weight:550;color:#7b8999}.guide-move-sequence{display:flex;gap:5px;margin:13px 0;flex-wrap:wrap}.guide-move-sequence>kbd{width:31px;height:31px;display:grid;place-items:center;background:#f4f7fa;border:1px solid #dce4ed;border-radius:5px;font-size:11px;box-shadow:0 2px #e8edf3}.guide-algorithm>button{font-size:9px;display:flex;align-items:center;gap:6px;color:#c58766;padding:4px 0}.guide-algorithm>button>svg{width:13px;height:13px}.guide-algorithm>button:hover{color:var(--accent)}.guide-practice-note,.guide-explore-note{font-size:9px;line-height:1.8;color:#a1aab6;margin:14px 0 24px}.guide-notation{border-top:1px solid #e8edf2;padding-top:19px;margin-top:22px}.guide-notation>strong{font-family:var(--mono);font-size:7px;letter-spacing:1px;font-weight:400;color:#8996a6}.guide-notation>p{font-size:9px;line-height:1.9;color:#9aa4b1;margin:8px 0}.guide-notation b{font-weight:550;color:#788698}.guide-notation kbd{font-size:8px;background:#f0f4f8;border:1px solid #dfe7ef;border-radius:3px;padding:1px 4px}.guide-illustrated-link{display:block;font-size:9px;line-height:1.6;color:#bd8c70;margin:17px 0 25px}.guide-illustrated-link:hover{color:var(--accent)}.guide-pagination{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e8edf2;padding-top:20px;gap:15px}.guide-pagination>span{font-family:var(--mono);font-size:8px;color:#a1aab6}.guide-pagination>button{font-size:10px;padding:7px 0;color:#8390a0}.guide-pagination>button:disabled{opacity:.35}.guide-next{display:flex;align-items:center;gap:6px!important;color:#c48564!important}.guide-next>svg{width:13px;height:13px}@media(min-width:1450px){.solve-guide{padding-top:27px}.guide-step{height:44px;font-size:11px}.guide-eyebrow{font-size:8px}.guide-eyebrow>span{font-size:7px}.solve-guide h2{font-size:26px}.guide-subtitle{font-size:11px}.guide-preview{padding-bottom:18px}.guide-preview>p{font-size:10px}.guide-start{height:41px;font-size:11px}.guide-source a{font-size:9px}}@media(max-width:1150px){.solve-guide{padding:23px 19px 0}.guide-source{margin-left:-19px;margin-right:-19px;padding-left:19px;padding-right:19px}.solve-guide h2{font-size:22px}.guide-eyebrow{font-size:6px;gap:6px}.guide-eyebrow>span{font-size:5px}.guide-step{gap:11px;font-size:9px}.guide-preview{padding-left:24px;gap:10px}.guide-preview>p{font-size:8px}.guide-diagram{width:36px;height:36px;padding:3px;gap:2px}.guide-diagram-large{width:60px;height:60px;padding:4px;gap:3px}.guide-read-step,.guide-source a{font-size:7px}.guide-note p{font-size:9px}}@media(max-width:760px){.solve-guide{padding:24px 25px 0}.guide-eyebrow{font-size:8px}.guide-eyebrow>span{font-size:7px}.solve-guide h2{font-size:27px}.guide-subtitle{font-size:12px;margin-bottom:20px}.guide-step{height:45px;font-size:12px;gap:17px}.guide-number{font-size:10px}.guide-preview{padding:7px 20px 20px 30px;gap:17px}.guide-preview>p{font-size:11px}.guide-diagram{width:46px;height:46px;padding:3px;gap:2px}.guide-read-step{font-size:9px;padding-top:7px}.guide-start{font-size:12px;height:45px;margin:20px 0}.guide-source{margin-left:-25px;margin-right:-25px;padding:17px 25px}.guide-source>span{font-size:9px}.guide-source>a{font-size:10px}.guide-note{justify-content:center;margin:24px 0 2px}.guide-note p{font-size:11px}.guide-modal-layout{grid-template-columns:1fr}.guide-modal-nav{display:flex;gap:6px;overflow:auto;border-right:0;border-bottom:1px solid #e7edf3;padding:14px 20px;position:sticky;top:70px;z-index:1}.guide-modal-nav>button{width:auto;flex:1 0 35px;justify-content:center;padding:10px;min-width:35px}.guide-modal-nav>button>span:nth-child(2){display:none}.guide-modal-nav>button>span:first-child{font-size:10px}.guide-modal-body{padding:27px}.guide-detail-heading h2{font-size:32px}.guide-modal-header{padding:17px 20px}.guide-modal-header>a{font-size:7px;letter-spacing:.8px}.guide-instructions,.guide-detail-intro{font-size:12px}.guide-orientation{font-size:8px}.guide-home-view{font-size:7px}.guide-modal-body .guide-diagram-large{width:54px;height:54px}.guide-notation>p{font-size:10px}.guide-practice-note,.guide-explore-note{font-size:10px}.guide-pagination>button{font-size:11px}.guide-dialog{max-height:calc(100svh - 32px);max-width:calc(100vw - 24px);border-radius:15px}}@media(max-width:380px){.guide-modal-body{padding:23px 20px}.guide-detail-heading h2{font-size:28px}.guide-home-view{display:none}.guide-modal-nav{gap:2px;padding-left:15px;padding-right:15px}.guide-modal-nav>button{flex-basis:31px;min-width:31px}.guide-pagination{gap:8px}.guide-pagination>button{font-size:10px}}