@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/cubedrill/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/cubedrill/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/cubedrill/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/cubedrill/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/cubedrill/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/cubedrill/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/cubedrill/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/cubedrill/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/cubedrill/assets/manrope-latin-400-normal-PaqtzbVb.woff2) format("woff2"),url(/cubedrill/assets/manrope-latin-400-normal-8tf8FM3T.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/cubedrill/assets/manrope-latin-500-normal-BYYD-dBL.woff2) format("woff2"),url(/cubedrill/assets/manrope-latin-500-normal-DMZssgOp.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/cubedrill/assets/manrope-latin-600-normal-4f0koTD-.woff2) format("woff2"),url(/cubedrill/assets/manrope-latin-600-normal-BqgrALkZ.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/cubedrill/assets/manrope-latin-700-normal-BZp_XxE4.woff2) format("woff2"),url(/cubedrill/assets/manrope-latin-700-normal-DGRFkw-m.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(/cubedrill/assets/manrope-latin-800-normal-BfWYOv1c.woff2) format("woff2"),url(/cubedrill/assets/manrope-latin-800-normal-uHUdIJgA.woff) format("woff")}:root{font-family:DM Sans,sans-serif;color:#283e36;background:#f7f7f2;font-synthesis:none;font-weight:400;font-size:14px;--green:#315c47;--muted:#879087;--line:#e3e6dc;--light-green:#eef2e8;--serif:"Manrope",sans-serif}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a8b87b;outline-offset:4px}button{color:inherit}a{color:inherit;text-decoration:none}button svg{flex-shrink:0}button:hover:not(:disabled){filter:brightness(.97)}h1,h2,h3,p{margin:0}button{border:0}h1,h2,h3{font-family:var(--serif)}.topbar{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 5%;gap:64px;background:#fbfcf7}.brand{display:flex;align-items:center;font-family:var(--serif);font-size:27px;font-weight:800;letter-spacing:-1.5px}.brand-mark{background:#315c47;color:#fff;display:grid;place-items:center;width:37px;height:37px;border-radius:11px;margin-right:11px;transform:rotate(-6deg)}.brand-period{color:#81935b}.topbar nav{height:100%;display:flex;gap:33px;align-items:center}.nav-item{height:100%;background:none;color:#828a80;font-size:13px;position:relative}.nav-item.active{color:var(--green);font-weight:650}.nav-item.active:after{content:"";position:absolute;height:3px;background:var(--green);bottom:0;left:0;right:0;border-radius:3px 3px 0 0}.nav-count{font-size:10px;background:#eaeee4;padding:2px 6px;border-radius:4px;margin-left:6px}.help-button{display:flex;align-items:center;gap:8px;background:none;font-size:12px;margin-left:auto;color:#788274}main{max-width:1536px;margin:auto;padding:46px 5% 22px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.5px;display:flex;align-items:center;gap:7px;color:#7b8970}.tiny-square{width:6px;height:6px;background:#9cad74;border-radius:1px}.page-heading h1{font-size:31px;line-height:1.5;letter-spacing:-1.25px;font-weight:650;margin-top:9px}.page-heading p{font-size:13px;color:#859080;margin-top:6px}.local-badge{display:flex;align-items:center;gap:7px;border:1px solid var(--line);padding:9px 13px;border-radius:20px;font-size:10px;color:#7a876c;background:#fbfcf6;margin-top:28px}.local-badge>span,.privacy-note>span{width:5px;height:5px;display:inline-block;border-radius:50%;background:#94a56e}.workspace{display:grid;grid-template-columns:244px minmax(350px,1fr) 208px;gap:23px;align-items:start}.practice-sidebar{background:#fdfdf8;border:1px solid var(--line);border-radius:13px;padding:23px 18px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-heading h2{font-size:13px;font-weight:750;letter-spacing:-.2px}.section-heading>svg{color:#99a28f}.set-description{font-size:10px;color:#909888;margin-top:6px}.category-label{display:flex;gap:8px;align-items:center;font-size:8px;font-weight:700;letter-spacing:.7px;margin:27px 0 13px;color:#7a8871}.category-label>span:first-child{font-size:9px;color:#a8b494}.small-count{margin-left:auto;color:#97a18c}.case-list{display:flex;flex-direction:column;gap:8px}.case-option{display:flex;align-items:center;padding:12px 10px;border:1px solid var(--line);background:transparent;border-radius:8px;text-align:left;gap:11px}.case-option.selected{background:#f0f3e9;border-color:#dce3ce}.case-option-text{display:flex;flex-direction:column;gap:5px;flex:1}.case-option-text strong{font-size:10px;font-weight:650;white-space:nowrap}.case-option-text small{font-family:monospace;font-size:10px;letter-spacing:.4px;color:#8c9780}.checkbox-mark{display:grid;place-items:center;width:15px;height:15px;border:1px solid #cdd7be;border-radius:4px;color:#fff}.selected .checkbox-mark{background:#6e8451;border-color:#6e8451}.mini-cube{display:grid;grid-template-columns:repeat(3,7px);gap:2px;transform:rotate(-8deg);flex-shrink:0}.mini-cube i{height:7px;background:#c4cbb6;border-radius:1px}.mini-cube i:nth-child(-n+3){background:#e1dcae}.mini-cube .mini-target{background:#e8b668}.mini-cube .target-1{background:#a0bb8f}.mini-cube .target-2{background:#e4c765}.selection-note{display:flex;align-items:center;gap:7px;font-size:9px;color:#929c86;margin-top:14px}.sidebar-divider{height:1px;background:var(--line);margin:24px 0}.setting-value{font-size:10px;color:#859173}.setting-description{font-size:10px;color:#949c8a;margin-top:7px}.cross-colors{display:flex;gap:9px;margin-top:16px}.cross-colors button{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--swatch);border:3px solid #fdfdf8;box-shadow:0 0 0 1px #e1e4d9;color:#314337;padding:0}.cross-colors button.chosen{box-shadow:0 0 0 1.5px #819764}.orientation-note{font-size:9px;line-height:1.8;color:#969e8c;margin-top:13px}.orientation-note strong{font-weight:500;color:#7c896d}.random-note{display:flex;gap:9px;align-items:flex-start;color:#8c9a72}.random-note svg{flex-shrink:0;margin-top:2px}.random-note strong{font-size:10px;font-weight:600;color:#6e7f5e}.random-note p{font-size:10px;line-height:1.8;color:#98a08e;margin-top:7px}.end-session{font-size:9px!important;margin-top:22px}.trainer-panel{border:1px solid var(--line);background:#fffefa;border-radius:14px;overflow:hidden;box-shadow:0 4px 13px #364c3210}.trainer-topline{display:flex;align-items:center;justify-content:space-between;padding:20px 25px 0}.live-label{font-size:8px;letter-spacing:1.2px;font-weight:650;color:#899676;display:flex;align-items:center;gap:6px}.live-label>span{width:5px;height:5px;border-radius:50%;background:#819b57}.pill{font-size:8px;border:1px solid #e8eadf;border-radius:5px;padding:5px 7px;color:#8e9782;white-space:nowrap}.pill span{padding:0 5px;color:#c1c6b8}.case-title-row{display:flex;justify-content:space-between;align-items:center;padding:19px 25px 0}.case-title-row h2{font-size:22px;letter-spacing:-.75px;font-weight:700}.case-title-row p{font-size:10px;color:#919a87;margin-top:7px}.case-title-row p>span{padding:0 6px}.case-number{font-family:var(--serif);font-size:15px;font-weight:650;color:#889771}.case-number>span{font-size:10px;font-weight:400;color:#b0b8a4}.cube-stage{height:338px;position:relative;margin:17px 18px 0;isolation:isolate;overflow:hidden}.stage-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#b7c1ab55 .7px,transparent .7px);background-size:17px 17px;-webkit-mask-image:radial-gradient(ellipse at center,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at center,#000 10%,transparent 70%);z-index:-2}.cube-canvas{height:100%;width:100%;position:relative;z-index:1;touch-action:none}.cube-canvas canvas{display:block;width:100%;height:100%;cursor:grab}.cube-canvas canvas:active{cursor:grabbing}.stage-caption{position:absolute;left:7px;top:6px;font-size:7px;letter-spacing:1.3px;color:#b0b7a5;display:flex;align-items:center;gap:5px;z-index:2;pointer-events:none}.small-dot{height:4px;width:4px;border-radius:50%;background:#b0b7a5}.cube-shadow{position:absolute;bottom:46px;left:27%;width:46%;height:22px;background:#23312720;filter:blur(15px);border-radius:50%;z-index:-1}.stage-bottom{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:2px;left:7px;right:7px;z-index:2;pointer-events:none}.drag-hint{display:flex;align-items:center;gap:6px;font-size:9px;color:#a4ad98}.orientation-chips{display:flex;gap:9px;font-size:8px;color:#8f9982;margin-left:-30px}.orientation-chips>span{display:flex;align-items:center;gap:4px}.orientation-chips i{height:6px;width:6px;border:1px solid #0000000d;border-radius:2px}.stage-bottom .icon-button{pointer-events:auto;color:#9aa58b}.icon-button{display:grid;place-items:center;background:transparent;width:30px;height:30px;border-radius:6px;padding:0}.cube-toolbar{display:flex;justify-content:center;gap:10px;padding:17px 18px 24px}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e1e5d8;background:#fafbf5;border-radius:6px;padding:10px 13px;font-size:10px;color:#728166;font-weight:500}.secondary-button.toggled{background:#e6edda;border-color:#aabc90;color:#44623d}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#315c47;border:1px solid #315c47;color:#fff;border-radius:7px;padding:12px 15px;font-size:11px;font-weight:500;min-height:40px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:none;color:#7a896d;font-size:10px;padding:6px 0}.start-panel{display:flex;gap:13px;padding:23px 25px 25px;border-top:1px solid var(--line);background:#f7f9f1}.step-icon{width:35px;height:35px;background:#e9eedf;border-radius:9px;display:grid;place-items:center;color:#84976b;flex-shrink:0}.start-panel h3{font-size:12px;font-weight:700;margin:1px 0 7px}.start-panel p{font-size:10px;line-height:1.8;color:#8c987f;max-width:390px}.start-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:16px}.start-actions .primary-button{font-size:10px;padding:10px 12px}.start-actions .text-button{font-size:9px}.insights-sidebar{padding:23px 0 0 6px}.session-heading{display:flex;align-items:center;justify-content:space-between}.session-heading .eyebrow{font-size:9px;color:#8c987e}.session-dot{height:6px;width:6px;background:#c1cca9;border-radius:50%;margin-right:5px}.big-stat{font-family:var(--serif);font-size:54px;letter-spacing:-3px;font-weight:500;color:#3f5742;margin-top:21px;line-height:1}.big-stat>span{display:block;letter-spacing:0;font-size:11px;color:#929c85;margin-top:10px;font-family:DM Sans,sans-serif}.stats-row{display:flex;margin-top:25px;gap:32px}.stats-row>div{display:flex;flex-direction:column;gap:6px}.stats-row strong{font-family:var(--serif);font-size:20px;font-weight:500;color:#586d4b;letter-spacing:-.5px}.stats-row small{font-size:12px;padding-left:2px}.stats-row span{font-size:9px;color:#97a087}.progress-track{height:4px;background:#e6eadc;border-radius:10px;margin-top:17px;overflow:hidden}.progress-track>span{display:block;height:100%;background:#829961;border-radius:10px;transition:width .3s}.stats-note{font-size:9px;color:#a3ab96;margin-top:10px;line-height:1.7}.insights-sidebar .sidebar-divider{margin:26px 0}.tip-icon{display:grid;place-items:center;height:34px;width:34px;color:#859b69;background:#ecf0e1;border-radius:9px;margin-bottom:14px}.insights-sidebar h3{font-size:13px;font-weight:650;line-height:1.8;letter-spacing:-.25px}.tip-copy{font-size:10px;color:#929d83;line-height:1.9;margin-top:10px}.tip-tag{font-size:7px;letter-spacing:1.2px;color:#a7b199;margin-top:15px}.state-link{display:flex;align-items:center;gap:9px;text-align:left;padding:0;background:none;width:100%}.state-link-icon{height:31px;width:31px;border:1px solid #dee4d2;border-radius:8px;display:grid;place-items:center;color:#92a17b}.state-link>span:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1}.state-link strong{font-size:10px;font-weight:500}.state-link small{font-size:9px;color:#a0aa92}.state-link>svg{color:#98a585}.privacy-note{font-size:9px;color:#a6af9b;line-height:1.9;margin-top:25px;padding-left:4px}.privacy-note>span{margin-right:6px;width:4px;height:4px}.page-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:32px;gap:20px;font-size:9px;color:#a1ab94}.page-footer>span:last-child{display:flex;align-items:center;gap:6px}.keyboard-key{display:inline-grid;place-items:center;width:17px;height:18px;border:1px solid #dfe5d5;border-radius:4px;font-size:8px;color:#8a987c;margin-left:5px}.notation-divider{color:#c6cebb;margin:0 3px}.moves{display:flex;flex-wrap:wrap;gap:7px}.moves>span{display:grid;place-items:center;min-width:36px;height:38px;padding:0 8px;background:#f0f3e9;border:1px solid #e3e8d7;border-radius:6px;font-family:monospace;font-size:17px;color:#446143;transition:background .2s}.moves>span.active{background:#315c47;color:#fff;border-color:#315c47}.moves>span.played{color:#a4b090}.moves.compact{gap:5px}.moves.compact>span{min-width:30px;height:30px;font-size:13px;padding:0 6px}.setup-panel,.attempt-panel{border-top:1px solid var(--line);padding:22px 25px;background:#f9faf4}.setup-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.setup-heading>span:last-child{font-size:9px;color:#909b82}.setup-panel>p{font-size:10px;line-height:1.8;color:#8d987f;margin-top:12px}.setup-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:17px;align-items:center}.setup-actions .primary-button{font-size:10px}.attempt-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.attempt-heading h3{font-size:13px;margin-top:9px}.outcome-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:20px}.outcome-buttons button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dfe5d6;border-radius:7px;padding:12px 7px;text-align:left}.success-button{background:#315c47!important;color:#fff;border-color:#315c47!important}.neutral-button{background:#fcfdf8;color:#7b8b6a}.outcome-buttons button>span{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:600}.outcome-buttons small{font-size:8px;font-weight:400;opacity:.7}.algorithm-reveal{margin:0 25px 22px;padding:16px;background:#f7f9f0;border:1px solid #e4e9d9;border-radius:8px}.algorithm-reveal .eyebrow{margin-bottom:12px;font-size:8px}.algorithm-reveal p{margin-top:11px;font-size:9px;color:#9aa58b}.inline-note{display:flex;gap:8px;margin:0 25px 19px;font-size:10px;line-height:1.7;color:#849271}.inline-note svg{flex-shrink:0;margin-top:1px}.loading-note{display:flex;align-items:center;gap:9px;padding:20px 25px;font-size:11px;color:#82916e}.error-message{padding:13px 17px;margin:16px;background:#fcf0e9;border:1px solid #eed4c9;border-radius:7px;color:#a4614a;font-size:12px;line-height:1.7}.retry-button{margin:20px 25px}.spin{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.library-panel{padding:25px;border:1px solid var(--line);background:#fffefa;border-radius:14px}.library-panel>.section-heading h2{font-size:20px;letter-spacing:-.5px}.library-panel>p{font-size:11px;line-height:1.8;color:#87957b;margin:13px 0 22px}.library-card{padding:19px;border:1px solid var(--line);border-radius:9px;margin-bottom:15px;background:#fbfcf6}.library-card h3{font-size:15px;margin:7px 0 14px}.library-card p{font-size:11px;line-height:1.8;color:#87957b;margin:13px 0}.library-card .eyebrow{font-size:8px}.library-card .moves>span{font-size:14px;min-width:30px;height:32px}.library-panel>.primary-button{margin-top:7px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b302b80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;display:flex;align-items:center;justify-content:center;padding:25px;overflow:auto}.editor-modal{width:100%;max-width:1020px;max-height:calc(100dvh - 50px);overflow:auto;background:#fbfcf6;border:1px solid #e5e9db;border-radius:17px;box-shadow:0 30px 120px #172d2a40;padding:28px;outline:none}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.modal-header h2{font-size:24px;letter-spacing:-.8px;margin-top:8px}.modal-header p{font-size:12px;line-height:1.8;color:#849376;margin-top:8px}.editor-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:23px;margin-top:20px}.editor-preview{position:relative;height:350px;border-radius:12px;background:radial-gradient(ellipse,#e8eddf,#f3f5ec 65%)}.editor-preview .cube-canvas{height:320px}.cube-hint{display:block;text-align:center;font-size:10px;color:#89987c;position:absolute;bottom:14px;width:100%}.palette-tools{display:flex;gap:7px}.paint-color{display:flex;flex-direction:column;align-items:center;gap:5px;background:transparent;border:1px solid transparent;border-radius:6px;padding:6px;min-width:36px}.paint-color>span{width:23px;height:23px;border-radius:50%;border:1px solid #00000012}.paint-color>svg{margin:2px 0}.paint-color.selected{border-color:#879c69;background:#edf2e2}.paint-color kbd{font-size:10px;color:#8a9879}.editor-instruction{font-size:10px;line-height:1.8;color:#8d9a80;margin:11px 0 15px}.cube-net{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;max-width:365px;margin:0 auto}.net-face{position:relative}.net-U{grid-area:1/2}.net-L{grid-area:2/1}.net-F{grid-area:2/2}.net-R{grid-area:2/3}.net-B{grid-area:2/4}.net-D{grid-area:3/2}.sticker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:#253c34;padding:4px;border-radius:5px}.net-sticker{aspect-ratio:1;border-radius:2px;padding:0;display:grid;place-items:center;font-size:10px;color:#234438!important;position:relative;min-width:0}.net-sticker:disabled{opacity:1;cursor:default;font-size:9px;font-weight:700}.net-sticker.inferred span{font-size:28px;line-height:10px;color:#213c2c}.net-label{display:none}.editor-actions{display:flex;gap:17px;justify-content:center;margin-top:13px;flex-wrap:wrap}.editor-actions .text-button{font-size:9px}.inference-panel{display:flex;align-items:center;gap:12px;background:#edf2e3;border:1px solid #dfe7cf;border-radius:9px;padding:14px 17px;margin-top:20px;color:#809965}.inference-panel>svg{flex-shrink:0}.inference-panel label{font-size:12px;color:#607a4e;display:flex;align-items:center;gap:6px}.inference-panel input{accent-color:#617f4b}.inference-panel p{font-size:10px;line-height:1.7;margin-top:5px;color:#8d9c7c}.remaining-count{font-size:11px;white-space:nowrap;margin-left:auto}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.modal-footer>span{font-size:10px;color:#8b9a7c;line-height:1.8}.modal-footer .primary-button{white-space:nowrap}.help-modal{background:#fbfcf6;max-width:580px;width:100%;padding:35px;border:1px solid var(--line);border-radius:15px;position:relative;max-height:calc(100dvh - 50px);overflow:auto;outline:none}.modal-close{position:absolute;top:20px;right:20px}.help-modal h2{font-size:25px;letter-spacing:-.8px;margin:12px 0 20px}.help-modal ol{padding-left:20px}.help-modal li{font-size:12px;line-height:1.9;color:#7b8a6e;margin:13px 0;padding-left:4px}.help-modal li strong{color:#48623d;font-weight:600}.help-modal p{font-size:11px;line-height:1.9;color:#8c997f;margin-top:17px}.help-credit{font-size:9px;color:#96a289;border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.webgl-warning{position:absolute;top:25%;right:25%;bottom:25%;left:25%;display:flex;align-items:center;font-size:12px;line-height:1.8;color:#7b8e6a;text-align:center}@media(min-width:1450px){.workspace{grid-template-columns:265px minmax(350px,1fr) 220px;gap:30px}.cube-stage{height:380px}.case-option-text strong{font-size:11px}.practice-sidebar{padding:25px 21px}.insights-sidebar{padding-left:10px}.topbar{padding:0 max(5%,calc((100% - 1380px)/2))}}@media(max-width:1150px){.workspace{grid-template-columns:220px minmax(350px,1fr);gap:20px}.insights-sidebar{grid-column:1/-1;display:grid;grid-template-columns:130px 170px 1fr 190px;gap:15px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:20px;background:#f9fbf3}.session-heading{grid-column:1/-1}.big-stat{font-size:35px;margin:0}.big-stat>span{font-size:10px}.stats-row{margin:0;gap:35px}.insights-sidebar .sidebar-divider,.insights-sidebar .tip-icon,.insights-sidebar h3,.tip-copy,.tip-tag,.progress-track,.privacy-note{display:none}.stats-note{margin:0}.page-heading h1{font-size:29px}.topbar{gap:45px}.cross-colors{gap:7px}.cross-colors button{width:24px;height:24px}.outcome-buttons{gap:6px}.outcome-buttons button{gap:5px}.outcome-buttons button>span{font-size:9px}.outcome-buttons small{font-size:7px}}@media(max-width:800px){main{padding:30px 4% 20px}.topbar{padding:0 4%;height:72px;gap:32px}.brand{font-size:23px}.brand-mark{width:32px;height:32px;border-radius:9px}.topbar nav{gap:22px}.nav-item{font-size:11px}.help-button span{display:none}.page-heading{margin-bottom:25px}.page-heading h1{font-size:26px}.local-badge{display:none}.workspace{grid-template-columns:195px minmax(0,1fr);gap:15px}.practice-sidebar{padding:20px 12px}.case-option{padding:11px 8px;gap:8px}.mini-cube{grid-template-columns:repeat(3,5px);gap:1.5px}.mini-cube i{height:5px}.case-option-text strong,.case-option-text small{font-size:9px}.cross-colors{gap:5px}.cross-colors button{width:23px;height:23px}.case-title-row{padding:17px 19px 0}.case-title-row h2{font-size:19px}.case-title-row p{font-size:9px}.case-number{display:none}.trainer-topline{padding:19px 19px 0}.cube-stage{height:290px;margin:15px 10px 0}.cube-toolbar{padding:15px 12px 20px;gap:7px}.secondary-button{font-size:9px;padding:9px}.start-panel{padding:20px 18px;gap:10px}.start-panel h3{font-size:11px}.start-panel p{font-size:10px}.start-actions{gap:8px}.step-icon{display:none}.setup-panel,.attempt-panel{padding:20px 17px}.outcome-buttons{grid-template-columns:1fr}.outcome-buttons button{justify-content:flex-start;padding:12px;gap:10px}.outcome-buttons button>span{font-size:11px;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.outcome-buttons small{font-size:9px}.attempt-heading{align-items:flex-start}.attempt-heading .text-button{font-size:9px;white-space:nowrap}.attempt-heading h3{font-size:11px}.insights-sidebar{grid-template-columns:100px 150px 1fr}.stats-note{display:none}.page-footer{flex-direction:column;align-items:flex-start;gap:13px;font-size:8px}.editor-modal{padding:22px}.editor-layout{grid-template-columns:1fr 1.2fr;gap:15px}.editor-preview{height:310px}.editor-preview .cube-canvas{height:280px}.palette-tools{gap:2px}.paint-color{min-width:30px;padding:4px}.paint-color>span{width:20px;height:20px}.editor-actions{gap:12px}.modal-header h2{font-size:21px}.modal-footer{gap:10px}.modal-footer .primary-button{font-size:10px}}@media(max-width:600px){.topbar{height:66px;gap:22px}.brand{font-size:21px}.brand-mark{height:29px;width:29px;margin-right:8px}.brand-mark svg{width:20px}.topbar nav{gap:15px}.nav-item{font-size:10px}.nav-count{display:none}.help-button{padding:0}.page-heading h1{font-size:25px;line-height:1.35;max-width:300px;margin-top:13px}.page-heading p{font-size:11px;margin-top:11px}.eyebrow{font-size:8px;letter-spacing:1.15px}.workspace{display:flex;flex-direction:column;gap:18px}.practice-sidebar{width:100%;padding:17px}.practice-sidebar>.section-heading:first-child h2{font-size:13px}.set-description{display:none}.category-label{margin-top:16px;margin-bottom:10px;font-size:8px}.case-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.case-option{padding:10px 7px;flex-direction:column;align-items:flex-start;position:relative;gap:9px}.case-option-text{gap:5px}.case-option-text strong{font-size:9px;white-space:normal}.case-option-text small{font-size:9px}.checkbox-mark{position:absolute;top:9px;right:7px;width:13px;height:13px}.mini-cube{grid-template-columns:repeat(3,6px);gap:1.5px;margin:1px 0 2px}.mini-cube i{height:6px}.selection-note{font-size:9px;margin-top:10px}.practice-sidebar>.sidebar-divider{margin:16px 0}.practice-sidebar .setting-description{display:none}.cross-colors{gap:12px;margin-top:12px}.cross-colors button{width:26px;height:26px}.orientation-note{margin-top:11px}.practice-sidebar>.sidebar-divider:nth-last-of-type(1),.random-note{display:none}.trainer-panel,.library-panel{width:100%}.trainer-topline{padding:19px 20px 0}.case-title-row{padding:17px 20px 0}.case-title-row h2{font-size:23px}.case-title-row p{font-size:10px}.case-number{display:inline;font-size:13px}.cube-stage{height:325px;margin:16px 12px 0}.cube-toolbar{padding:18px 14px 22px;gap:8px}.secondary-button{padding:10px 11px;font-size:10px}.start-panel{padding:22px 20px}.start-panel h3{font-size:12px}.start-panel p{font-size:11px}.start-actions{gap:13px}.start-actions .primary-button{font-size:11px;width:100%}.start-actions .text-button{font-size:10px}.start-actions{justify-content:center}.insights-sidebar{width:100%;display:grid;grid-template-columns:1fr 1.4fr;gap:18px}.session-heading{grid-column:1/-1}.big-stat{font-size:39px}.state-link{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px}.stats-row{gap:30px}.stats-row strong{font-size:23px}.page-footer{line-height:1.8}.page-footer>span:last-child{gap:4px;flex-wrap:wrap;font-size:8px}.keyboard-key{margin-left:0}.setup-panel,.attempt-panel{padding:21px 19px}.setup-actions{justify-content:center}.setup-actions>.primary-button{width:100%;font-size:11px}.setup-panel>p{font-size:11px}.attempt-heading h3{font-size:12px}.outcome-buttons button>span{font-size:11px}.outcome-buttons small{font-size:9px}.modal-backdrop{padding:12px;align-items:flex-start}.editor-modal,.help-modal{margin:auto 0;max-height:calc(100dvh - 24px);padding:20px 17px;border-radius:12px}.modal-header h2{font-size:21px}.modal-header p{font-size:11px}.editor-layout{display:flex;flex-direction:column;margin-top:15px;gap:14px}.editor-preview{height:220px}.editor-preview .cube-canvas{height:200px}.cube-hint{font-size:9px;bottom:8px}.palette-tools{justify-content:center;gap:5px}.paint-color{min-width:36px}.paint-color>span{height:23px;width:23px}.editor-instruction{font-size:10px}.cube-net{max-width:325px}.editor-actions{gap:14px}.inference-panel{padding:12px;gap:9px}.inference-panel p{font-size:9px}.remaining-count{font-size:10px}.modal-footer{flex-direction:column;align-items:stretch;gap:12px}.modal-footer>span{font-size:10px;text-align:center}.modal-footer .primary-button{font-size:12px}.help-modal{padding:30px 23px}.help-modal h2{font-size:23px}.end-session{margin-top:14px}.library-panel{padding:20px}.webgl-warning{top:18%;right:18%;bottom:18%;left:18%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}.page-heading{margin-bottom:24px}.page-heading h1{margin-top:0}.sync-workspace{grid-template-columns:244px minmax(0,1fr)}.inline-editor-container{min-width:0}.sync-panel{padding:24px;border:1px solid var(--line);border-radius:13px;background:#fffefa;outline:none}.sync-panel .modal-header h2{margin-top:0;font-size:21px}.sync-panel .editor-layout{grid-template-columns:minmax(220px,1fr) minmax(300px,1fr)}.sync-panel .editor-preview{height:360px}.sync-panel .editor-preview .cube-canvas{height:330px}.sticker-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 21px;margin:21px 0 0;font-size:10px;color:#76856b}.sticker-legend>span{display:flex;align-items:center;gap:6px}.sticker-legend i{display:grid;place-items:center;width:17px;height:17px;border-radius:3px;font-style:normal;background:#55a480;color:#17342c}.sticker-legend .legend-inferred{background:#326449;color:#c8d5c4;font-size:23px}.sticker-legend .legend-conflict{background:#fae7e2;color:#c52b41;border:1px solid #df6a78}.sticker-legend .legend-unknown{background:#e0e5df;font-size:10px}.net-sticker{background:var(--sticker-color)}.net-sticker.inferred{background:color-mix(in srgb,var(--sticker-color) 48%,#1b2527)}.net-sticker.inferred span{color:#d9e3d2;font-size:25px;position:absolute;right:2px;bottom:3px;line-height:8px}.net-sticker.conflict{box-shadow:inset 0 0 0 2px #ff394b}.net-sticker.conflict svg{color:#ff394b;filter:drop-shadow(0 1px 1px #200b10);width:70%;height:70%}.net-sticker.entered{box-shadow:inset 0 0 0 1px #ffffff20}.global-conflict{margin:14px 0 0;padding:12px 15px;border:1px solid #dca889;border-left:3px solid #b47b54;border-radius:6px;background:#faf2e7;color:#8a5f41;font-size:11px;line-height:1.8}.sync-panel .error-message{margin:14px 0 0}.sync-panel .modal-footer>span{max-width:50%}.sync-panel .editor-actions{gap:15px}.sync-panel .paint-color{min-width:33px}.sync-panel .palette-tools{justify-content:center}.sync-panel .cube-net{width:100%}@media(min-width:1450px){.sync-workspace{grid-template-columns:265px minmax(0,1fr)}}@media(max-width:1150px){.sync-workspace{grid-template-columns:220px minmax(0,1fr)}.sync-panel .editor-layout{grid-template-columns:1fr}.sync-panel .editor-preview{height:285px}.sync-panel .editor-preview .cube-canvas{height:260px}.sync-panel .modal-footer{flex-direction:column;align-items:stretch}.sync-panel .modal-footer>span{max-width:none;text-align:center}.sync-panel .cube-net{max-width:350px}.insights-sidebar{grid-template-columns:130px 1fr}.insights-sidebar .session-heading{grid-column:1/-1}}@media(max-width:800px){.sync-workspace{grid-template-columns:195px minmax(0,1fr)}.sync-panel{padding:18px 14px}.sync-panel .paint-color{min-width:29px}.sync-panel .editor-actions{gap:10px}.sync-panel .modal-header h2{font-size:20px}}@media(max-width:600px){.inline-editor-container{width:100%}.sync-panel .editor-preview{height:265px}.sync-panel .editor-preview .cube-canvas{height:240px}.sync-panel .paint-color{min-width:34px}.sync-panel .modal-header p{font-size:11px}.sticker-legend{gap:9px 12px;font-size:9px}.practice-sidebar>.sidebar-divider:last-of-type{display:block}}:root{color-scheme:dark;background:#101317;color:#e0e6ec;--green:#8dd8b2;--muted:#9ba7b5;--line:#303943;--light-green:#243b32}.topbar{background:#14191f}.brand-mark{background:#36664f}.brand-period{color:#8dd8b2}.nav-item,.help-button{color:#a7b3c2}.nav-item.active{color:#9ce2bd}.nav-count{background:#28322f;color:#c0d4c6}.page-heading p{color:#a7b3c2}.practice-sidebar,.trainer-panel,.library-panel,.sync-panel,.help-modal{background:#191f27;border-color:var(--line)}.trainer-panel{box-shadow:0 8px 30px #0003}.section-heading>svg{color:#91a39b}.case-option{background:#1d252e}.case-option.selected{background:#263b33;border-color:#416b55}.case-option-text{min-width:0}.case-option-text strong{color:#e2eae5;white-space:normal;overflow-wrap:anywhere}.case-option-text small{color:#b0c6ba;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:155px}.checkbox-mark{border-color:#678a72}.selected .checkbox-mark{background:#568467;border-color:#78ab86}.category-label,.small-count,.selection-note,.setting-value,.setting-description,.orientation-note,.orientation-note strong,.eyebrow{color:#a2b5a8}.cross-colors button{border-color:#191f27;box-shadow:0 0 0 1px #46525c}.cross-colors button.chosen{box-shadow:0 0 0 2px #a7e3bc}.pill{border-color:#39434b;color:#b4c5b9}.live-label,.case-title-row p,.stage-caption,.drag-hint,.orientation-chips,.stage-bottom .icon-button{color:#9cafa6}.stage-grid{opacity:.35}.secondary-button{background:#242e37;border-color:#46535f;color:#d0ddd5}.secondary-button.toggled,.piece-picker .selected{background:#335541;border-color:#86b895;color:#e5f6e9}.primary-button,.success-button{background:#426f55!important;border-color:#7bac85!important;color:#fff}.text-button{color:#a9d8ba}.icon-button{color:#b9c8c0}.start-panel,.setup-panel,.attempt-panel,.algorithm-reveal{background:#1b2927;border-color:#36453d}.start-panel p,.setup-panel>p,.algorithm-reveal p,.inline-note,.loading-note,.setup-heading>span:last-child{color:#b0c2b6}.neutral-button{background:#26312e;color:#d5e3d8}.outcome-buttons button{border-color:#48604e}.moves>span{background:#2a3c32;color:#d7eedc;border-color:#4a6552}.moves>span.active{background:#6fa381;border-color:#a2d9ad;color:#091b10}.moves>span.played{color:#9eafa3}.big-stat,.stats-row strong{color:#c3e8ce}.big-stat>span,.stats-row span,.session-heading .eyebrow{color:#a7bba9}.progress-track{background:#2e3d32}.page-footer{color:#9eada3}.keyboard-key{color:#bdd3c4;border-color:#536157}.library-card{background:#202a32}.library-panel>p,.library-card p,.modal-header p,.modal-footer>span,.help-modal p,.help-modal li{color:#b0bcca}.help-modal li strong{color:#c6e5cf}.editor-preview{background:radial-gradient(ellipse,#263441,#151c24 75%)}.cube-hint,.editor-instruction,.paint-color kbd{color:#b3c0ce}.paint-color.selected{background:#34473c;border-color:#93c5a2}.inference-panel{background:#22352b;border-color:#42604a;color:#bedac3}.inference-panel label{color:#cce7d0}.inference-panel p{color:#afc6b5}.sticker-legend{color:#c1cdd6}.sticker-grid{background:#090d12}.net-sticker.inferred{background:color-mix(in srgb,var(--sticker-color) 28%,#080d13)}.net-sticker.inferred span{font-family:Arial,sans-serif;font-size:13px;right:2px;bottom:2px;line-height:14px;color:#fff;font-weight:700}.sticker-legend .legend-inferred{background:#173626;color:#fff;font-size:15px}.net-sticker.hovered,.net-sticker:focus-visible{outline:2px solid #fff;outline-offset:2px;z-index:2}.net-sticker.hovered{filter:brightness(1.18)}.net-sticker.unknown{color:#e5eaf0!important}.error-message{background:#39242a;border-color:#834454;color:#ffc3c5}.global-conflict{background:#332c20;border-color:#8d744d;color:#eed5a5}.modal-backdrop{background:#0009}.zoom-controls{position:absolute;right:8px;top:8px;z-index:3;display:flex;gap:4px}.zoom-controls button{display:grid;place-items:center;width:29px;height:29px;border-radius:5px;background:#131c27db;border:1px solid #5a6b7b;color:#e5eef7;font-size:20px;line-height:1}.zoom-controls button:focus-visible{outline-color:#bed9f5}.library-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.library-panel>.primary-button{margin-bottom:18px}.danger-text{color:#eda7ae}.case-editor{margin:20px 0}.case-editor h2{font-size:20px}.case-editor p{font-size:11px;line-height:1.85;color:#b1bfcd;margin:10px 0 16px}.case-form-field{display:flex;flex-direction:column;gap:7px;margin:17px 0 10px}.case-form-field label{font-size:12px;color:#d2e0e9}.case-form-field input,.case-form-field textarea{font:inherit;background:#111a23;color:#e4eef6;border:1px solid #485a69;border-radius:6px;padding:10px 12px;min-width:0;width:100%;resize:vertical}.case-form-field textarea.moves{font:14px/1.8 monospace;display:block}.case-form-field input:focus,.case-form-field textarea:focus{outline:2px solid #97cbae;outline-offset:2px}.piece-picker{border:1px solid #405148;border-radius:8px;display:flex;flex-wrap:wrap;gap:7px;padding:12px;margin:15px 0}.piece-picker legend{font-size:12px;color:#c6d9ca;padding:0 6px}.piece-picker .secondary-button{font-family:monospace;min-width:43px}.case-preview{background:#121b24;border:1px solid #3b4a56;border-radius:9px;margin-top:22px;padding:17px}.case-preview h3{font-size:14px;margin-bottom:12px}.case-preview>label{font-size:11px;color:#b6c9be}.case-preview .cube-canvas{height:300px}.case-preview p{font-size:10px}.case-editor .modal-footer{margin-bottom:24px}.case-editor input[type=checkbox]{accent-color:#82c89b}.library-card h3,.library-card code{overflow-wrap:anywhere}.case-editor .error-message{color:#ffc3c5}.webgl-warning{color:#bacbd6}@media(max-width:1150px){.insights-sidebar{background:#19221e}}@media(max-width:600px){.case-list{grid-template-columns:repeat(3,minmax(0,1fr))}.case-option-text small{max-width:90px}.case-preview{padding:12px}.case-preview .cube-canvas{height:260px}.stage-bottom .drag-hint{font-size:8px}.orientation-chips{margin-left:0}.library-actions{gap:12px}.zoom-controls button{width:32px;height:32px}}.net-sticker.inferred{background:var(--sticker-color);box-shadow:inset 0 0 0 2px #17212c}.net-sticker.inferred span{display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#17212c;color:#fff;font-size:12px;line-height:1;right:2px;bottom:2px}.sticker-legend .legend-inferred{background:#f6f6f6;box-shadow:inset 0 0 0 2px #17212c;color:#17212c;font-size:15px}.sticker-legend .legend-unknown{background:#637082;color:#e5eaf0}:root .net-sticker.center-feedback{outline:3px solid #ffc772;outline-offset:3px;box-shadow:0 0 16px #ffb84d66;z-index:3}.center-feedback-message{min-height:20px;color:#f1cb90!important}.library-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.library-selection{width:22px;height:22px;display:grid;place-items:center;border:1px solid #536657;border-radius:5px;background:transparent;color:transparent;flex-shrink:0}.library-selection.selected{background:#355b44;color:#c3e7cc;border-color:#698e72}.algorithm-notes>span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#90a999;margin-bottom:4px}.setup-state-path{display:flex;align-items:center;gap:12px;padding:12px 0 16px;font-size:12px}.setup-state-path>span{padding:7px 10px;border:1px solid #4e6a58;border-radius:5px}.setup-state-path>span:last-child{background:#294738}.holding-instruction{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;font-size:10px;color:#aec5b4;margin-bottom:14px}.holding-instruction strong{display:flex;gap:5px;align-items:center;font-weight:500;color:#e0eae2}.holding-instruction i{width:9px;height:9px;border:1px solid #ffffff25;border-radius:2px}.queue-status{padding:13px 24px;border-top:1px solid var(--line);display:flex;align-items:center;gap:7px;color:#9dc4aa;font-size:10px}.queue-status>span{margin-left:auto;font-size:9px;color:#869f90}.notation-help{max-width:720px}.notation-help summary{font-size:11px;cursor:pointer;color:#bed2c3}.notation-help p{font-size:11px;line-height:1.9;margin-top:12px;color:#a8bbaf}.piece-constraints{border:1px solid #405148;border-radius:8px;margin:18px 0;padding:10px}.piece-constraints legend{font-size:12px;color:#c6d9ca;padding:0 6px}.piece-constraint-row{display:grid;grid-template-columns:38px minmax(90px,1fr) minmax(100px,1.2fr);align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #35443b}.piece-constraint-row:last-child{border-bottom:none}.piece-constraint-row strong{font:12px monospace;color:#d9eadd}.piece-constraint-row>label{display:none}.piece-constraint-row .text-button{grid-column:2/-1;justify-self:start;font-size:9px;padding:0}.piece-constraint-row select,.case-form-field select{width:100%;min-width:0;background:#111a23;color:#d9e7df;border:1px solid #485a69;border-radius:5px;padding:8px 5px;font:10px/1.5 inherit}.piece-constraint-row select:focus-visible,.case-form-field select:focus-visible{outline:2px solid #a9d6b7}.piece-constraint-row select:disabled{opacity:.45}.case-form-field select{padding:10px;font-size:12px}.case-editor h3{font-size:14px}@media(max-width:600px){.piece-constraint-row{grid-template-columns:30px minmax(0,1fr) minmax(0,1.2fr);gap:5px}.piece-constraints{padding:8px}.setup-state-path{gap:8px;font-size:10px}.setup-state-path>span{padding:7px}.queue-status{padding:12px 16px;font-size:9px}.queue-status>span{font-size:8px}}:root .piece-constraints{min-width:0;min-inline-size:0}.case-editor,.case-editor form{min-width:0;max-width:100%}.piece-constraint-row{min-width:0}.case-editor .error-message{overflow-wrap:anywhere}.piece-constraint-row select{font-family:inherit;font-size:10px;line-height:1.5}.checkbox-mark{flex-shrink:0;line-height:0}.checkbox-mark svg{display:block}.algorithm-reveal-slot{height:92px;position:relative;margin:0 25px 12px}.algorithm-reveal-slot .algorithm-reveal{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;overflow:auto;padding:12px}.algorithm-reveal[hidden]{display:none}.outcome-buttons kbd{font:10px monospace;border:1px solid currentColor;border-radius:3px;padding:1px 4px;opacity:.7}.outcome-buttons kbd{align-self:flex-start}main{padding:28px 3% 22px;max-width:1600px}.workspace{grid-template-columns:244px minmax(350px,1fr) 230px;gap:20px}.library-panel{grid-column:2/-1}.reveal-sidebar{padding:18px 14px;border:1px solid var(--line);border-radius:10px;background:#191f27;min-width:0}.reveal-sidebar>.text-button{margin:0;display:flex;align-items:center;gap:8px;font-size:12px}.reveal-sidebar .algorithm-reveal{padding:0;margin:16px 0 0;background:none;border:0}.reveal-sidebar h2{font:600 15px/1.5 DM Sans,sans-serif;margin-bottom:10px;overflow-wrap:anywhere}.plain-algorithm{font:16px/1.8 DM Sans,sans-serif;color:#d7eedc;overflow-wrap:anywhere}.plain-algorithm span{white-space:nowrap}.plain-algorithm .active{background:#6fa381;color:#091b10;border-radius:3px}.orientation-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:18px}.orientation-column{display:flex;align-items:center;flex-direction:column;gap:14px}.orientation-picker button{padding:0;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:transparent;color:#142b22;border:2px solid #191f27;box-shadow:0 0 0 1px #46525c}.orientation-picker .up-color{width:25px;height:25px}.orientation-picker .front-color{width:19px;height:19px}.orientation-picker button.chosen{box-shadow:0 0 0 1.5px #a7e3bc}.front-color-options{display:flex;flex-direction:column;gap:9px;border-top:1px solid #435249;padding-top:12px}.orientation-column.inactive .front-color-options{opacity:.5}.orientation-picker button:disabled{cursor:default;opacity:1}.orientation-picker .front-color:not(.chosen):not(:disabled){opacity:.45}@media(max-width:1150px){.workspace{grid-template-columns:220px minmax(0,1fr) 190px;gap:14px}.sync-workspace{grid-template-columns:220px minmax(0,1fr)}}@media(max-width:900px){.workspace{grid-template-columns:195px minmax(0,1fr)}.reveal-sidebar{grid-column:2}.orientation-picker{gap:3px}.orientation-picker .up-color{width:22px;height:22px}.library-panel{grid-column:2}}@media(max-width:600px){main{padding:22px 16px}.workspace,.sync-workspace{grid-template-columns:1fr}.reveal-sidebar,.library-panel{grid-column:1}.orientation-picker{max-width:320px}.orientation-picker .up-color{width:29px;height:29px}.orientation-picker .front-color{width:23px;height:23px}}.reveal-sidebar{width:100%}.color-swatch{display:inline-block;flex:none;vertical-align:middle;forced-color-adjust:none}.orientation-picker button{position:relative;forced-color-adjust:none}.orientation-picker button>.color-swatch{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:50%}.orientation-picker button>.lucide{position:relative;z-index:1}.orientation-picker button:disabled:not(.front-color){opacity:.45}.holding-instruction .color-swatch{width:11px;height:11px}.orientation-chips .color-swatch{width:8px;height:8px}.setup-heading{gap:12px}.setup-heading h3,.attempt-heading h3{font-size:13px;font-weight:700;color:#e4e9e6;margin:0}.reveal-sidebar{padding:0;overflow:hidden}.reveal-dropdown+.reveal-dropdown{border-top:1px solid var(--line)}.reveal-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:16px 14px;background:transparent;color:#bdd7c6;text-align:left;font-size:12px}.reveal-toggle[aria-expanded=true]>.lucide{transform:rotate(180deg)}.reveal-content{padding:0 14px 16px}.reveal-content h2{margin:0}.reveal-content p{font-size:13px;line-height:1.7;color:#c3cec7;white-space:pre-wrap;overflow-wrap:anywhere}.reveal-actions{display:flex;justify-content:flex-end;padding:10px 14px;border-bottom:1px solid var(--line)}.reveal-actions .text-button{margin:0;font-size:12px;padding:3px 0}.topbar{height:60px;min-height:60px;padding:0 24px;gap:40px}.brand{font-size:24px}.brand-mark{width:32px;height:32px;margin-right:9px}.compact-panel-tabs,.compact-panel-backdrop{display:none}.practice-screen{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.practice-screen main{flex:1;min-height:0;width:100%;padding:14px 24px;display:flex;flex-direction:column}.practice-screen .workspace{flex:1;min-height:0;grid-template-columns:224px minmax(0,1fr) 220px;align-items:stretch;gap:16px}.practice-screen .practice-sidebar,.practice-screen .reveal-sidebar{min-height:0;overflow:auto;scrollbar-width:thin}.practice-screen .practice-sidebar{padding:14px}.practice-screen .practice-config{width:25px;height:25px}.practice-screen .category-label{margin:16px 0 10px}.practice-screen .case-option{padding:9px 8px}.practice-screen .case-list{gap:6px}.practice-screen .selection-note{margin-top:10px}.practice-screen .sidebar-divider{margin:17px 0}.practice-screen .orientation-picker{margin-top:13px;gap:6px}.practice-screen .orientation-column{gap:9px}.practice-screen .front-color-options{gap:7px;padding-top:9px}.practice-screen .orientation-note{margin-top:8px;line-height:1.6}.practice-screen .trainer-panel{display:flex;flex-direction:column;min-height:0;overflow:auto;scrollbar-width:thin}.practice-screen .cube-stage{flex:1 1 260px;min-height:140px;height:auto;margin:10px 12px 0}.practice-screen .cube-toolbar{padding:8px 12px 12px;flex-shrink:0}.practice-screen .setup-panel,.practice-screen .attempt-panel{padding:14px 18px;flex-shrink:0}.practice-screen .setup-heading,.practice-screen .holding-instruction{margin-bottom:10px}.practice-screen .moves.compact{gap:4px}.practice-screen .moves.compact>span{min-width:27px;height:26px;padding:0 5px;font-size:12px}.practice-screen .setup-actions{margin-top:10px}.practice-screen .outcome-buttons{margin-top:12px}.practice-screen .outcome-buttons button{padding:10px 6px}.practice-screen .case-title-row{padding:18px 20px 0}.practice-screen .case-title-row h2{font-size:20px}.case-history{padding:13px 10px;border-bottom:1px solid var(--line)}.case-history h3{font-size:12px;color:#d4e3da;margin:0 4px 9px;font-weight:600}.case-history-list{display:flex;flex-direction:column;gap:5px;list-style:none;margin:0;padding:2px 3px;max-height:min(230px,28dvh);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.history-case{display:block;width:100%;padding:9px 8px;text-align:left;border:1px solid transparent;border-radius:5px;background:#202d27;color:#dbe9df;font:11px DM Sans,sans-serif}.history-case:hover{background:#2b3b32;border-color:#485a52}.history-case[aria-current=true]{background:#2b4032;border-color:#65846a}.history-case:focus-visible{outline:2px solid #b2ce7d;outline-offset:1px}.history-case-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:7px}.history-case-heading strong{flex:1;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-case-number{flex-shrink:0;min-width:16px;padding:2px 3px;border-radius:3px;background:#16231c;color:#9eb2a4;font-size:9px;text-align:center;font-variant-numeric:tabular-nums}.history-case-current{flex-shrink:0;font-size:9px;color:#b7cca5}.history-case-colors{display:flex;flex-wrap:wrap;gap:5px 10px;color:#adbbb2;font-size:10px}.history-case-colors>span{display:inline-flex;align-items:center;gap:4px}.history-case-colors .color-swatch{width:9px;height:9px}@media(max-width:1100px)and (min-width:901px){.practice-screen main{padding:12px}.practice-screen .workspace{grid-template-columns:195px minmax(0,1fr) 180px;gap:12px}.practice-screen .practice-sidebar{padding:11px}.practice-screen .orientation-picker{gap:3px}.practice-screen .outcome-buttons small{font-size:7px}.practice-screen .setup-panel,.practice-screen .attempt-panel{padding:12px}}@media(max-height:740px)and (min-width:901px){.practice-screen .cube-stage{min-height:130px}.practice-screen .practice-sidebar{padding:11px 13px}.practice-screen .category-label{margin-top:11px}.practice-screen .case-option{padding:7px}.practice-screen .sidebar-divider{margin:12px 0}.practice-screen .orientation-column{gap:7px}.practice-screen .front-color-options{gap:5px;padding-top:7px}.practice-screen .orientation-note{font-size:8px}.practice-screen .setup-panel,.practice-screen .attempt-panel{padding:11px 15px}.practice-screen .outcome-buttons{margin-top:9px}.practice-screen .outcome-buttons button{padding:8px 5px}}@media(max-width:900px){.topbar{height:54px;min-height:54px;padding:0 16px;gap:24px}.practice-screen main{padding:10px 14px;gap:8px}.compact-panel-tabs{display:flex;justify-content:space-between;gap:10px;flex-shrink:0}.compact-panel-tabs button{font-size:11px;padding:7px 10px}.practice-screen .workspace{display:flex;flex-direction:column;min-height:0;gap:0}.practice-screen .trainer-panel{flex:1;width:100%}.practice-screen .practice-sidebar,.practice-screen .reveal-sidebar{display:none}.practice-screen .compact-open{display:block;position:fixed;z-index:41;top:102px;bottom:14px;width:min(360px,calc(100vw - 28px));right:14px;box-shadow:0 12px 50px #0008}.practice-screen .practice-sidebar.compact-open{left:14px;right:auto;padding:18px}.compact-panel-backdrop{display:block;position:fixed;top:94px;right:0;bottom:0;left:0;z-index:40;background:#0007;cursor:default}.practice-screen .cube-stage{flex-basis:220px;min-height:110px}.practice-screen .outcome-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.practice-screen .outcome-buttons button>span{display:flex;flex-direction:column;gap:4px;font-size:10px}.practice-screen .outcome-buttons small{display:none}.practice-screen .outcome-buttons button{min-width:0;gap:6px;justify-content:center;align-items:center;padding:10px 5px}.practice-screen .outcome-buttons svg{width:15px}.practice-screen .outcome-buttons kbd{align-self:flex-start}}@media(max-width:450px){.topbar{gap:18px}.brand{font-size:21px}.brand-mark{width:29px;height:29px}.practice-screen .setup-panel,.practice-screen .attempt-panel{padding:12px}.practice-screen .setup-heading h3,.practice-screen .attempt-heading h3{font-size:12px}.practice-screen .cube-toolbar .secondary-button{font-size:10px;padding:8px 9px}.practice-screen .start-panel{padding:15px}.practice-screen .case-title-row h2{font-size:18px}}.workspace:has(.pattern-editor){grid-template-columns:210px minmax(0,1fr)}.library-panel:has(.pattern-editor){min-width:0;padding:24px}.pattern-editor{margin:0}.pattern-editor>header{margin-bottom:24px}.pattern-editor>header h2{font-size:26px;margin:0}.pattern-editor p{margin:8px 0 0}.pattern-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,1fr);gap:26px;align-items:start}.pattern-visuals{position:sticky;top:18px;display:flex;flex-direction:column;gap:16px;min-width:0}.authoring-frame,.pattern-cube,.sticker-inspector{background:#111b24;border:1px solid #374b55;border-radius:10px;padding:16px}.pattern-editor h3{font-size:13px;line-height:1.5}.frame-selectors{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.frame-selectors label,.restriction-mode{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#b9c9c1}.pattern-editor select{width:100%;min-width:0;background:#1f2d36;color:#e3eee8;border:1px solid #4a6069;border-radius:6px;padding:9px;font:inherit}.pattern-editor .authoring-frame p{font-size:10px;line-height:1.6}.pattern-cube{padding:12px}.pattern-cube-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.pattern-cube-heading>span{font-size:9px;color:#98b0a6}.pattern-cube .cube-canvas,.pattern-empty{height:260px}.pattern-empty{display:grid;place-items:center;padding:25px;color:#9db3a9;text-align:center;font-size:12px}.pattern-legend{font-size:9px;line-height:1.6;color:#9db3a9;text-align:center}.pattern-details{min-width:0}.pattern-details>.case-form-field:first-child{margin-top:0}.pattern-editor .case-form-field p.field-hint{font-size:10px;margin:0;line-height:1.6}.pattern-editor .error-message{margin:8px 0 0}.sticker-inspector{margin:20px 0 16px;scroll-margin:20px}.inspector-heading{margin-bottom:14px}.inspector-heading h3{margin-top:5px}.restriction-colors{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-top:16px}.restriction-colors button{display:flex;flex-direction:column;align-items:center;gap:7px;background:transparent;border:1px solid transparent;border-radius:6px;padding:7px 2px;min-width:0}.restriction-colors button.chosen{background:#2a4338;border-color:#779a87}.restriction-colors button>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;color:#10221a}.restriction-colors button>span svg{background:#f2fff0ca;border-radius:50%}.restriction-colors small{font-size:9px;color:#c5d8ce}.pattern-editor .sticker-summary{font-size:11px;color:#c5d8ce}.pattern-net{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px auto;max-width:400px}.pattern-face{min-width:0}.pattern-face>span{font-size:9px;color:#a6bbb2;display:flex;justify-content:space-between;margin-bottom:5px}.pattern-face>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;background:#070c10;padding:3px;border-radius:5px}.pattern-face.face-U{grid-column:2;grid-row:1}.pattern-face.face-L{grid-column:1;grid-row:2}.pattern-face.face-F{grid-column:2;grid-row:2}.pattern-face.face-R{grid-column:3;grid-row:2}.pattern-face.face-B{grid-column:4;grid-row:2}.pattern-face.face-D{grid-column:2;grid-row:3}.pattern-face button{min-width:0;aspect-ratio:1;padding:0;display:grid;place-items:center;background:#586673;border-radius:2px;color:#16251e;font-size:10px;position:relative}.pattern-face button.selected,.pattern-face button.hovered{outline:2px solid #ecfff3;outline-offset:1px;z-index:1}.pattern-face button.conflict{outline:2px solid #ff6270;outline-offset:1px}.pattern-face button.conflict:after{content:"×";position:absolute;color:#ff394b;text-shadow:0 1px 2px #000;font-size:24px}.net-color-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;width:80%;height:65%;align-content:center}.net-color-options i{height:6px;border-radius:1px}.pattern-presets{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 12px}.pattern-presets button{font-size:10px;padding:8px}.pattern-validation{margin:16px 0;padding:12px;border:1px solid #436653;border-radius:7px;background:#20392c;color:#c0e1cb;font-size:11px;line-height:1.7}.pattern-validation.invalid{border-color:#91515b;background:#3a252c;color:#ffd2d2}.pattern-save{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}@media(max-width:1150px){.workspace:has(.pattern-editor){grid-template-columns:1fr}.workspace:has(.pattern-editor)>.practice-sidebar{display:none}.pattern-visuals{top:12px}}@media(max-width:720px){.library-panel:has(.pattern-editor){padding:16px}.pattern-layout{grid-template-columns:minmax(0,1fr);gap:22px}.pattern-visuals{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px}.authoring-frame{grid-column:1/-1}.pattern-cube{padding:8px;min-width:0}.pattern-cube-heading{flex-direction:column;align-items:flex-start;gap:2px}.pattern-cube .cube-canvas,.pattern-empty{height:190px}.pattern-cube .zoom-controls{display:none}.pattern-cube-heading h3{font-size:11px}.pattern-cube-heading>span{font-size:8px}.pattern-legend{font-size:8px}.pattern-editor>header h2{font-size:22px}.pattern-empty{font-size:10px;padding:10px}}.starting-state{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px 4px;flex-shrink:0}.starting-state>div{display:flex;flex-direction:column;gap:5px;min-width:0}.starting-state strong{font-size:12px;color:#e0eae4}.starting-state span{font-size:10px;color:#a8b9ae;line-height:1.5}.starting-state button{flex-shrink:0;font-size:10px;padding:8px 10px}.cube-stage.loading .cube-canvas{opacity:.35}.cube-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#14201938;color:#e1eedf;font-size:12px;pointer-events:none}.target-explanation{position:absolute;bottom:38px;left:12px;right:12px;text-align:center;font-size:10px;color:#b9cbbf;pointer-events:none}.restriction-colors.unrestricted button.chosen{background:transparent;border:1px dashed #677b75}.restriction-colors.explicit button:not(.chosen){opacity:.42}.restriction-colors button:hover{outline:1px solid #cee2d5}.pattern-text textarea{font-family:monospace;min-height:110px;line-height:1.65}.pattern-face button.selected:not(.hovered){outline:none}.pattern-face button.selected:before{content:"";position:absolute;width:48%;height:48%;border:2px solid #f5fff8;border-radius:50%;box-shadow:0 0 0 1px #14231c,inset 0 0 0 1px #14231c;z-index:2;pointer-events:none}@media(max-width:720px){.starting-state{padding:12px 12px 2px;gap:8px}.starting-state button{max-width:105px;line-height:1.5}.starting-state span{font-size:9px}.target-explanation{font-size:9px;bottom:32px}}.practice-screen .cube-stage>.cube-canvas{height:calc(100% - 56px);top:10px}.case-list{gap:4px}.case-option,.practice-screen .case-option{padding:7px 8px;gap:8px}.case-option-text{min-width:0;gap:3px}.case-option-text strong,.case-option-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.checkbox-mark{flex-shrink:0}.practice-screen .case-list{gap:4px}.recognition-grid{display:grid;grid-template-columns:34px minmax(0,1fr);gap:5px;margin-top:15px}.orientation-labels{display:flex;flex-direction:column;font-size:8px;color:#baccc0;gap:25px;padding-top:7px;white-space:nowrap}.recognition-grid .orientation-picker,.practice-screen .recognition-grid .orientation-picker{margin-top:0;gap:3px}.recognition-grid .up-color{width:22px;height:22px}.recognition-grid .orientation-column{gap:10px}.recognition-grid .front-color-options{padding-top:9px}.starting-state{justify-content:flex-start;padding:5px 18px 0;gap:14px}.starting-state>.starting-cube{display:block;width:96px;height:82px;flex:0 0 96px;border-radius:8px;cursor:pointer}.starting-cube:hover,.starting-cube:focus-visible{background:#273630;outline:1px solid #71927e}.starting-cube .cube-canvas{height:100%;width:100%}.starting-state>div:last-child{align-items:flex-start;gap:8px}.starting-state strong{font-size:11px}.starting-state button{padding:6px 9px}.practice-screen .cube-stage>.cube-canvas{height:calc(100% - 38px);top:10px}.animation-speed{display:flex;align-items:center;gap:5px;font-size:10px;color:#b9cbbf}.animation-speed select{background:#242e37;border:1px solid #46535f;border-radius:5px;color:#d0ddd5;padding:6px 3px;font:inherit}.cube-toolbar{flex-wrap:wrap}.practice-screen .reveal-sidebar{display:flex;flex-direction:column;overflow:hidden}.reveal-actions,.reveal-dropdown{flex-shrink:0}.reveal-content{max-height:24dvh;overflow:auto}.case-history{flex:1;min-height:0;display:flex;flex-direction:column;border-bottom:0;border-top:1px solid var(--line)}.case-history h3{flex-shrink:0}.case-history-list{flex:1;min-height:0;max-height:none}.library-tools{display:flex;align-items:center;gap:14px;margin-bottom:20px}.algorithm-search{display:flex;align-items:center;gap:8px;flex:1;min-width:0;border:1px solid #46535f;border-radius:7px;padding:9px 12px;color:#a6c5b1}.algorithm-search input{background:none;border:none;color:#e0eae4;font:inherit;min-width:0;width:100%;outline:none}.library-tools .primary-button{white-space:nowrap}.library-empty{margin:25px 0;color:#b3c8bc}.pattern-editor>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.pattern-editor>header h2{font-size:18px}.optional-label{font-size:10px;color:#91a698}.pattern-face button.selected:not(.hovered){outline:2px solid #c5f594;outline-offset:1px}.pattern-face button.selected:before{content:none}.pattern-face button.selected.hovered{outline-color:#c5f594}.help-anchor{margin-left:auto;position:relative}.help-anchor .help-button{margin-left:0}.help-popover{position:absolute;right:0;top:calc(100% + 16px);z-index:100;width:min(390px,calc(100vw - 28px));max-height:75dvh;overflow:auto;padding:19px 22px;background:#202d2a;color:#d6e8dc;border:1px solid #577365;border-radius:10px;box-shadow:0 10px 35px #0008;text-align:left}.help-popover h2{font-size:15px;margin:0 25px 15px 0}.help-popover ol{padding-left:18px;margin:0}.help-popover li{font-size:12px;line-height:1.7;margin:12px 0;color:#bdcdc2}.help-popover li:last-child{margin-bottom:0}.help-popover strong{color:#e0eee4}.help-popover .modal-close{top:9px;right:9px}@media(max-width:900px){.practice-screen .reveal-sidebar{display:none}.practice-screen .reveal-sidebar.compact-open{display:flex}.starting-state{padding:3px 12px 0}.starting-state>.starting-cube{width:80px;height:65px;flex-basis:80px}}@media(max-width:600px){.library-tools{flex-wrap:wrap;gap:10px}.algorithm-search{flex-basis:100%}.help-popover{position:fixed;top:60px;right:14px}.animation-speed{font-size:9px}.cube-toolbar{gap:7px}.practice-screen .cube-toolbar .secondary-button{padding:7px;font-size:9px}.starting-state strong{font-size:10px}.starting-state button{max-width:none}.recognition-grid{max-width:300px}.orientation-labels{gap:28px}.recognition-grid .up-color{width:25px;height:25px}.pattern-editor>header h2{font-size:18px}}.library-panel:has(.pattern-editor){padding-top:14px}.pattern-editor>header{min-height:30px;margin-bottom:14px}.pattern-editor .authoring-frame{display:flex;align-items:center;gap:24px;padding:0 4px;border:0;background:none;position:relative;z-index:5;min-height:34px}.reference-color{display:flex;align-items:center;gap:9px;position:relative;font-size:12px;color:#c8d9cf}.reference-swatch,.reference-options button{padding:0;width:26px;height:26px;border-radius:50%;border:2px solid #17212a;box-shadow:0 0 0 1px #718d7d;display:grid;place-items:center;color:#12231a;flex-shrink:0}.reference-options{position:absolute;top:calc(100% + 9px);left:15px;display:flex;flex-direction:column;gap:9px;padding:10px;background:#202e2b;border:1px solid #5b7667;border-radius:18px;box-shadow:0 8px 20px #0006;z-index:6}.reference-options button[aria-selected=true]{box-shadow:0 0 0 2px #d4f6df}[hidden]{display:none!important}.enable-up-colors{margin:2px 0 10px;font-size:10px}.practice-screen .trainer-panel.sync-active{grid-column:2 / -1;display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,420px);align-items:stretch;overflow:hidden}.practice-screen .sync-active .cube-stage{grid-column:1;grid-row:1;min-height:280px;margin:12px 0 12px 12px}.practice-screen .sync-active .sync-panel{grid-column:2;grid-row:1;padding:18px;min-width:0;min-height:0;overflow:auto;border:0;border-left:1px solid var(--line);border-radius:0;scrollbar-width:thin}.sync-active .modal-header h2{font-size:19px}.sync-active .modal-header p{font-size:11px}.sync-active .modal-footer{flex-direction:column;align-items:stretch;gap:12px}.sync-active .modal-footer>span{max-width:none}.sync-active .cube-net{max-width:350px;margin-inline:auto}.sync-active .editor-controls{margin-top:18px}.sync-active .drag-hint{font-size:9px}@media(max-width:1100px){.practice-screen .trainer-panel.sync-active{grid-template-columns:minmax(190px,1fr) minmax(290px,340px)}.practice-screen .sync-active .sync-panel{padding:14px}.sync-active .orientation-chips{display:none}}@media(max-width:700px){.practice-screen .trainer-panel.sync-active{display:flex;overflow:auto}.practice-screen .sync-active .cube-stage{flex:0 0 280px;min-height:280px;margin:10px 10px 0}.practice-screen .sync-active .sync-panel{overflow:visible;flex-shrink:0;border-left:0;border-top:1px solid var(--line)}}.recognition-grid{grid-template-columns:15px minmax(0,1fr);gap:3px;--recognition-size:26px;--recognition-gap:6px;--recognition-divider:10px}.recognition-grid .orientation-picker{grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}.recognition-grid .orientation-column,.practice-screen .recognition-grid .orientation-column{gap:var(--recognition-divider)}.recognition-grid .front-color-options,.practice-screen .recognition-grid .front-color-options{gap:var(--recognition-gap);padding-top:var(--recognition-divider);opacity:1}.recognition-grid .orientation-labels{display:grid;grid-template-rows:var(--recognition-size) 1fr;gap:calc(2 * var(--recognition-divider) + 1px);padding:0;font-size:14px;font-weight:700;align-items:center;justify-items:start;letter-spacing:0}.recognition-grid .up-color,.recognition-grid .front-color{position:relative;width:var(--recognition-size);height:var(--recognition-size);opacity:1;padding:1px;border:0;box-shadow:none!important;background:transparent}.recognition-grid button:not(.chosen){opacity:.35!important}.recognition-grid button .color-swatch{width:100%;height:100%;position:static;filter:none}.recognition-grid .color-letter{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000,0 0 2px #000;pointer-events:none}.recognition-grid button[aria-label^=White] .color-letter,.recognition-grid button[aria-label^=Yellow] .color-letter,.recognition-grid button[aria-label^=Orange] .color-letter{color:#14211b;text-shadow:none}.algorithm-info{border:1px solid var(--line);border-radius:8px;overflow:hidden;flex-shrink:0;margin:10px}.algorithm-info .reveal-actions{justify-content:space-between;align-items:center;gap:8px;padding:10px}.algorithm-info .reveal-actions h3{font-size:11px}.algorithm-info .reveal-actions button{font-size:10px}.library-screen main{padding-top:18px}.library-workspace{display:block}.library-workspace .library-panel{width:100%}.topbar .nav-item{white-space:nowrap}.topbar nav{gap:22px}.practice-screen .cube-stage{min-height:310px;flex-basis:350px;position:relative}.cube-stage .starting-state{position:absolute;top:8px;left:8px;padding:0;gap:8px;z-index:3;width:260px;height:80px}.cube-stage .starting-cube{width:88px;height:78px;flex:0 0 88px;view-transition-name:starting-cube}.cube-stage .starting-description{max-width:155px}.cube-stage .starting-description strong{font-size:10px;line-height:1.5}.cube-stage .starting-description button{font-size:10px;padding:5px 8px}.cube-stage .stage-caption{left:0;right:0;top:94px;justify-content:center;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none}.cube-stage .main-cube-view{position:absolute;top:116px;right:0;bottom:36px;left:0;view-transition-name:practice-cube}.cube-stage .main-cube-view>.cube-canvas{height:100%;width:100%;top:0}.practice-screen .workspace.sync-workspace{grid-template-columns:minmax(0,1fr);gap:0}.practice-screen .trainer-panel.sync-active{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 400px}.practice-screen .sync-active .cube-stage{margin:12px;min-height:310px}.sync-active .stage-caption{top:20px}.sync-active .main-cube-view,.sync-active .starting-state.promoted{inset:auto 0;top:50%;height:var(--sync-cube-height,300px);transform:translateY(-50%)}.sync-active .starting-state:not(.promoted){visibility:hidden;pointer-events:none}.sync-active .starting-description{display:none}.sync-active .starting-state.promoted{width:100%;display:block;padding:0;left:0}.sync-active .starting-state.promoted>.starting-cube{width:100%;height:100%;background:none;outline:none;cursor:grab}.sync-active .sync-from-mini .main-cube-view{transform:translate(120vw,-50%);pointer-events:none}.sync-active .starting-cube .zoom-controls button{padding:0;font-size:20px}::view-transition-group(*){animation-duration:.2s;animation-timing-function:ease-in-out}::view-transition-old(root),::view-transition-new(root){animation-duration:.2s}@media(max-width:1100px){.practice-screen .trainer-panel.sync-active{grid-template-columns:minmax(0,1fr) 340px}.recognition-grid{--recognition-size:24px;--recognition-gap:6px}}@media(max-width:700px){.practice-screen .trainer-panel.sync-active{display:flex}.practice-screen .sync-active .cube-stage{flex:0 0 340px;min-height:340px;margin:10px}.sync-active .main-cube-view,.sync-active .starting-state.promoted{height:min(var(--sync-cube-height,260px),260px)}.topbar nav{gap:12px}.topbar .nav-item{font-size:10px}.topbar .nav-count{display:none}.topbar{gap:16px;padding-inline:12px}.topbar .brand{font-size:20px}}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(root),::view-transition-new(root){animation-duration:0s}}@media(max-width:700px){.topbar{height:88px;min-height:88px;display:grid;grid-template-columns:1fr auto;grid-template-rows:46px 42px;gap:0;flex-shrink:0}.topbar .brand{grid-column:1;grid-row:1}.topbar .help-anchor{grid-column:2;grid-row:1}.topbar nav{grid-column:1/-1;grid-row:2;height:42px;justify-content:space-between;gap:12px}.topbar .nav-item{font-size:11px;height:42px}}@media(min-width:701px){.cube-stage .starting-state{width:200px}.cube-stage .starting-description{max-width:100px}.cube-stage .stage-caption{top:16px}.cube-stage .main-cube-view{top:44px}.sync-active .main-cube-view{top:50%}}.topbar{position:sticky;top:0;z-index:35;flex-shrink:0}button{transition-duration:var(--interaction-ms,.18s)}.cube-stage,.practice-screen .sync-active .cube-stage{overflow:hidden;contain:paint}.main-cube-view,.starting-cube{view-transition-name:none!important}.stage-controls{position:absolute;top:8px;right:8px;z-index:8}.stage-controls .zoom-controls{position:relative;top:auto;right:auto}.zoom-controls{gap:4px}.zoom-controls button{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;right:0;top:calc(100% + 7px);padding:6px 8px;border:1px solid #536875;background:#111a23;color:#e7efe9;border-radius:5px;font-size:11px;font-weight:400;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--interaction-ms,.18s);transition-delay:0s;z-index:20}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;transition-delay:var(--tooltip-delay,.6s)}.sync-from-mini.fade-sync-exit .main-cube-view{opacity:0}.sync-active .starting-state:not(.promoted){visibility:visible;opacity:0;pointer-events:none}.starting-state{transition:opacity var(--sync-ms,.2s)}.recognition-grid .orientation-column{border-radius:15px;padding-block:5px;margin-block:-5px;transition:background var(--interaction-ms,.18s),box-shadow var(--interaction-ms,.18s)}.recognition-grid .orientation-column.inactive{background:#090f15;box-shadow:inset 0 2px 5px #000b,0 1px #ffffff12}.pattern-editor .authoring-frame{gap:14px}.pattern-cube-heading{display:flex;align-items:center;justify-content:space-between;flex-direction:row}.outcome-buttons button,.practice-screen .outcome-buttons button{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:9px}.outcome-buttons button>span,.practice-screen .outcome-buttons button>span{display:block;font-size:14px;font-weight:600;line-height:1.3}.outcome-buttons button>kbd{font-size:11px;line-height:18px;min-width:18px;align-self:center}.dev-settings{max-width:950px;margin:0 auto;border:1px solid var(--line);background:#191f27;border-radius:12px;padding:24px}.dev-settings header{display:flex;align-items:center;justify-content:space-between;gap:20px}.dev-settings p{margin:16px 0;color:#b4c5bb;font-size:12px}.dev-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;margin:24px 0}.dev-settings-grid label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.dev-settings input[type=number]{width:95px;background:#111923;border:1px solid #546675;color:#e9f1ed;border-radius:5px;padding:8px}.dev-toggle{display:flex;gap:10px;align-items:center;font-size:13px}@media(min-width:901px){.library-screen:has(.pattern-editor){height:100dvh;display:flex;flex-direction:column;overflow:hidden}.library-screen:has(.pattern-editor) main{flex:1;min-height:0;width:100%;padding-bottom:14px;display:flex;flex-direction:column}.library-screen:has(.pattern-editor) .workspace,.library-panel:has(.pattern-editor){flex:1;min-height:0;height:100%;overflow:hidden}.pattern-editor{height:100%;min-height:0;display:flex;flex-direction:column}.pattern-editor>header{flex-shrink:0;padding-bottom:12px}.pattern-editor>form{flex:1;min-height:0}.pattern-layout{height:100%;min-height:0}.pattern-visuals,.pattern-details{height:100%;min-height:0;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain;padding:2px 10px 18px 2px;position:static;max-height:none}}@media(max-width:900px){.pattern-editor>header{position:sticky;top:60px;z-index:10;background:#191f27;padding:10px 0}}@media(max-width:700px){.pattern-editor>header{top:88px}.outcome-buttons button>span,.practice-screen .outcome-buttons button>span{font-size:11px}.outcome-buttons button,.practice-screen .outcome-buttons button{gap:5px}.dev-settings-grid{grid-template-columns:1fr}.topbar:has(.dev-settings-link) nav{gap:7px}}.spin{animation-duration:var(--spinner-ms,1.5s)}.starting-state:not(.promoted) .zoom-controls{top:0;right:0;visibility:hidden}.starting-state:not(.promoted) .starting-cube:hover .zoom-controls,.starting-state:not(.promoted) .starting-cube:focus-within .zoom-controls{visibility:visible}.starting-state:not(.promoted) .zoom-controls button{width:20px;height:20px;padding:0;font-size:14px}.starting-state:not(.promoted) .zoom-controls svg{width:12px;height:12px}.pattern-cube .zoom-controls{display:flex}.progress-track>span{transition-duration:var(--progress-ms,.3s)}.moves>span{transition-duration:var(--move-highlight-ms,.2s)}.cube-net,.pattern-editor .cube-net{width:100%;max-width:350px;margin-inline:auto}.pattern-editor .cube-net{margin-block:18px}.sticker-grid{gap:1px;padding:1px;border-radius:2px}.net-sticker{border-radius:1px}.net-sticker.selected,.net-sticker.selected.hovered{outline:2px solid #c5f594;outline-offset:0;z-index:2}.pattern-cube-heading{justify-content:center;text-align:center}.pattern-cube .center-feedback-message{margin:0;min-height:22px;text-align:center;font-size:10px;line-height:1.5}.stage-caption .center-feedback-message{font-size:11px;line-height:1.5;text-transform:none;letter-spacing:0;font-weight:400;max-width:470px;margin:6px auto 0;padding-inline:14px}.enable-up-colors{margin-bottom:2px}.recognition-grid{margin-top:6px}.algorithm-field-label{display:flex;align-items:center;gap:5px}.notation-help{position:relative;display:inline-flex}.notation-help>.icon-button{display:grid;place-items:center;padding:2px}.notation-help .help-popover{left:0;right:auto;top:calc(100% + 6px);width:260px;max-width:calc(100vw - 96px);padding:18px 25px 18px 15px}.notation-help .help-popover p{font-size:12px;line-height:1.7;margin:0}@media(max-width:600px){.notation-help .help-popover{position:absolute}}.cube-stage .stage-caption{display:block;text-align:center}.cube-state-title{display:block}.recognition-grid .orientation-column,.practice-screen .recognition-grid .orientation-column{display:grid;grid-template-rows:var(--recognition-size) 13px 1fr;justify-items:center;align-items:start;gap:4px;padding-block:0;margin-block:0;background:none;box-shadow:none}.recognition-grid .orientation-labels{grid-template-rows:var(--recognition-size) 13px 1fr;gap:4px}.recognition-grid .orientation-labels>span:last-child{grid-row:3;transform:translateY(3.5px)}.recognition-grid .front-color-options,.practice-screen .recognition-grid .front-color-options{border-top:1px solid #789b83;padding-top:6px}.recognition-grid .inactive .front-color-options{border-top:1px dashed #667482}.up-status{font-size:8px;line-height:12px;font-weight:600;border:1px solid #50715c;border-radius:3px;padding-inline:4px;color:#bee4cc;background:#2b4436}.up-status.disabled{color:#b2bbc6;border-color:#526070;background:transparent}.recognition-status-note{font-size:9px;line-height:1.6;color:#a7b8c1;margin:9px 0 0}.sticker-field .sticker-inspector{margin:0;height:168px;display:grid;grid-template-rows:20px 74px 20px;row-gap:10px;padding:16px}.sticker-field .inspector-heading{margin:0}.sticker-field .inspector-heading h3{margin:0;font-size:12px;font-weight:500}.sticker-field .restriction-colors{margin:0}.sticker-field .reset-sticker{justify-self:start;padding:0;line-height:20px}.restriction-colors button:disabled{opacity:.42}.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}.holding-instruction .reference-color{gap:7px;font-weight:500;font-size:12px}.holding-instruction .reference-swatch{width:24px;height:24px}.history-case-colors .reference-color{font-size:9px;gap:5px}.history-case-colors .reference-swatch{width:14px;height:14px;border-width:1px}.recognition-grid .orientation-column,.practice-screen .recognition-grid .orientation-column,.recognition-grid .orientation-labels{grid-template-rows:calc(var(--recognition-size) + 20px) 1fr;gap:5px}.recognition-grid .orientation-labels>span:first-child{align-self:end;line-height:var(--recognition-size)}.recognition-grid .orientation-labels>span:last-child{grid-row:2;transform:translateY(2px)}.recognition-grid .up-color{overflow:visible;position:relative;align-self:end}.up-switch{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);width:24px;height:13px;border:1px solid #64717c;border-radius:8px;background:#26323d;display:flex;align-items:center;padding:2px}.up-switch i{width:7px;height:7px;border-radius:50%;background:#9babb7;transition:transform var(--interaction-ms,.18s),background var(--interaction-ms,.18s)}.chosen .up-switch{background:#42735a;border-color:#88bda0}.chosen .up-switch i{transform:translate(10px);background:#e0f7e8}.recognition-grid .front-color-options,.practice-screen .recognition-grid .front-color-options{padding-top:4px;border-top:0;transition:opacity var(--interaction-ms,.18s),filter var(--interaction-ms,.18s)}.recognition-grid .inactive .front-color-options{border-top:0;opacity:.6;filter:saturate(.55)}.recognition-grid .inactive .front-color-options:hover,.recognition-grid .inactive .front-color-options:has(:focus-visible){opacity:1;filter:none}.sticker-field .inspector-heading #sticker-inspector-title{font-size:15px}.orientation-prefix,.starting-state .orientation-prefix{font-size:12px;color:#b5c8be;white-space:nowrap}.pattern-editor .authoring-frame{gap:8px}.starting-state{transition:none}.sync-active .starting-state:not(.promoted){opacity:1}.sync-active .starting-state:not(.promoted) .starting-cube{opacity:0}.practice-sidebar{min-width:0;overflow-x:clip}.cube-errors{margin:0;padding-left:16px}.cube-errors li+li{margin-top:4px}.sync-panel .cube-errors.error-message{margin:8px 0 0;padding:8px 10px 8px 24px}.pattern-validation.invalid,.pattern-editor .error-message{padding:8px 10px}@media(max-width:600px){.cube-toolbar{flex-wrap:wrap}.animation-speed select{min-height:40px;min-width:62px;font-size:16px}}.practice-sidebar .case-list{margin-top:12px}.outcome-buttons button>kbd{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:22px;padding:0;line-height:1;text-align:center}@media(min-width:901px){.practice-screen .workspace.practice-collapsed{grid-template-columns:40px minmax(0,1fr) 220px}.practice-sidebar.is-collapsed{padding:8px 4px}.expand-practice{margin:auto}}@media(min-width:901px)and (max-width:1100px){.practice-screen .workspace.practice-collapsed{grid-template-columns:40px minmax(0,1fr) 180px}}.sync-panel .modal-footer{border-top:0}.folder-controls{margin-bottom:16px}.folder-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.folder-select{display:flex;align-items:center;gap:8px;font-size:12px;min-width:0;color:#c3d3c9}.folder-select select,.practice-folder-select select,.folder-form input{background:#111923;color:#e5eee9;border:1px solid #465966;border-radius:6px;padding:8px 10px;font:inherit;min-width:0;max-width:100%}.folder-toolbar>.folder-select{flex:1}.folder-toolbar select{min-width:140px}.folder-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-top:12px;padding:14px;background:#152029;border-radius:8px}.folder-form label{display:grid;gap:6px;font-size:12px}.folder-form .error-message{flex-basis:100%}.library-actions{flex-wrap:wrap}.library-actions .folder-select{margin-right:auto}.library-actions .folder-select>span{font-size:0}.library-actions .folder-select>span:after{content:"Folder";font-size:11px}.practice-folder-select{display:grid;gap:7px;margin:14px 0 10px;color:#b5c8be;font-size:11px}.practice-folder-select select{width:100%;font-size:12px}.settings-page{max-width:720px;margin:10px auto;padding:20px;min-width:0}.settings-page h1{font-size:23px;margin-bottom:22px}.settings-card{border:1px solid var(--line);border-radius:12px;background:#191f27;padding:24px}.display-setting{display:flex;align-items:center;gap:24px;justify-content:space-between;cursor:pointer}.display-setting>span{display:grid;gap:9px}.display-setting strong{font-size:15px}.display-setting small{font-size:12px;color:#b1c2b8;line-height:1.7}.display-setting input{accent-color:#75b397;width:20px;height:20px;flex-shrink:0}.settings-card>p{font-size:11px;color:#9dafaa;line-height:1.7;margin-top:22px}.case-form-field>.folder-select{display:grid;gap:8px;justify-content:stretch}.cube-net-view{width:100%;min-width:0}.cube-net-view .cube-net{max-width:none;margin:0}.cube-net-view .net-sticker{display:grid;place-items:center;cursor:inherit;font-size:clamp(6px,1vw,11px)}.cube-net-view .net-sticker.dimmed{opacity:.28}.cube-net-view .net-sticker.turning{box-shadow:inset 0 0 0 2px #c5f594}.practice-net-stage{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:center;gap:22px;flex:1;min-height:210px;padding:20px;position:relative;overflow:hidden}.practice-net-stage h3{font-size:12px;text-align:center;margin-bottom:14px;color:#c5d9cc}.practice-net-stage .starting-net,.practice-net-stage .target-net{min-width:0;max-width:400px;width:100%;justify-self:center}.practice-net-stage .starting-net{max-width:200px;text-align:center}.net-preview-button{display:block;width:100%;padding:0;background:transparent;border-radius:6px;margin-bottom:14px}.starting-net>.secondary-button{font-size:10px;padding:7px 10px}.practice-net-stage.loading .cube-net-view{opacity:.35}.net-mode.practice-screen .trainer-panel.sync-active{display:block;overflow:auto;max-width:680px;width:100%;margin-inline:auto}.net-mode.practice-screen .sync-active .sync-panel{width:100%;border:0;padding:24px;overflow:visible}.net-mode .sync-panel>.center-feedback-message{min-height:20px;text-align:center;font-size:11px;margin-bottom:10px}.net-mode .sync-active .cube-net{max-width:390px}.net-pattern-editor .pattern-layout{display:block;max-width:960px;margin-inline:auto}.net-pattern-editor .pattern-details{padding-inline:4px}.net-pattern-editor .authoring-frame{margin:0 0 20px}.pattern-net-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:20px 0}.pattern-net-pair>section{min-width:0;border:1px solid var(--line);border-radius:10px;padding:14px}.pattern-net-pair h3{text-align:center;font-size:13px}.pattern-net-pair .center-feedback-message{text-align:center;font-size:10px;min-height:16px;margin-top:5px}.pattern-editor .pattern-net-pair .cube-net{margin-block:12px 4px;max-width:350px}@media(max-width:700px){.topbar nav{overflow-x:auto;gap:18px;justify-content:flex-start;scrollbar-width:thin}.topbar .nav-item{flex-shrink:0}.settings-page{padding:10px 0;margin:0}.settings-card{padding:18px}.folder-toolbar{gap:10px}.folder-toolbar>.folder-select{flex-basis:100%}.folder-toolbar select{flex:1}.library-actions .folder-select{flex-basis:100%}.library-actions .folder-select select{flex:1}.pattern-net-pair{gap:8px}.pattern-net-pair>section{padding:7px}.pattern-net-pair h3{font-size:11px}.pattern-net-pair .center-feedback-message{min-height:30px;font-size:9px}.pattern-net-pair .net-sticker{font-size:8px}.practice-net-stage{gap:14px;padding:12px;min-height:160px}.practice-net-stage h3{font-size:10px;margin-bottom:10px}.practice-net-stage .starting-net{max-width:120px}.net-mode.practice-screen .sync-active .sync-panel{padding:16px}}.library-panel:has(.net-pattern-editor){max-width:1120px;margin-inline:auto}.net-pattern-editor .pattern-layout{max-width:none;margin:0}.net-pattern-editor .pattern-details{padding:0 8px 18px 0}.net-pattern-editor .authoring-frame{margin:0 0 10px;padding-left:0}.net-pattern-editor .case-form-field{margin:12px 0 8px}.pattern-presets{align-items:center}.pattern-shortcut-label{font-size:12px;color:#c8d8cf;margin-right:4px}.pattern-save{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px}.pattern-save>.pattern-validation{margin:0;min-width:0;padding:8px 10px;line-height:1.5}.pattern-save>button{white-space:nowrap}.library-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 18px;padding:14px 16px;margin-bottom:10px}.library-card-heading{grid-column:1;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px 14px}.library-card-heading h3{font-size:13px;line-height:1.5;margin:0}.library-card .moves{margin:0;gap:4px}.library-card .moves>span{font-size:12px;padding:3px 6px}.library-card .algorithm-notes{grid-column:1;font-size:11px;line-height:1.6;margin:0}.library-card .library-actions{grid-column:2;grid-row:1/span 2;margin:0;align-self:center;gap:12px;align-items:center}.library-card .library-actions .text-button{font-size:10px;white-space:nowrap;padding:4px 0}.library-card .folder-select{font-size:11px;gap:6px;margin:0}.library-card .folder-select select{max-width:145px;padding:6px 8px}.library-card .folder-select>span{font-size:11px}.library-card .folder-select>span:after{content:none}@media(max-width:850px){.library-card{grid-template-columns:minmax(0,1fr);gap:7px;padding:12px}.library-card .library-actions{grid-column:1;grid-row:auto;gap:14px}.library-card .library-actions .folder-select{flex:1;flex-basis:auto;min-width:0}.library-card .library-actions .folder-select select{flex:1;min-width:0;max-width:160px}}@media(max-width:700px){.net-pattern-editor .pattern-details{padding-inline:0}.pattern-save{gap:6px}.pattern-save>button{padding:9px 10px;font-size:11px}.pattern-save>.pattern-validation{font-size:10px;padding:6px 8px}}.pattern-editor .net-sticker.selected,.pattern-editor .net-sticker.selected.hovered{outline:1px solid #111820;outline-offset:0;z-index:3;box-shadow:inset 0 0 0 3px #ffd166,inset 0 0 0 5px #111820;filter:none}.display-setting+.display-setting{margin-top:22px}.display-setting:has(input:disabled){opacity:.5;cursor:default}@media(max-width:700px){.pattern-editor .net-sticker.selected,.pattern-editor .net-sticker.selected.hovered{box-shadow:inset 0 0 0 2px #ffd166,inset 0 0 0 3px #111820}}.sync-panel .inference-panel{margin:8px 0 14px;padding:8px 10px;gap:8px;min-height:38px}.sync-panel .inference-panel>div{display:flex;align-items:center;flex:1;flex-wrap:wrap;gap:4px 12px}.sync-panel .inference-panel p{margin:0;font-size:10px}.sync-panel .inference-panel label{white-space:nowrap}.sync-net-tools{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:18px;align-items:center;max-width:350px;margin:14px auto 4px}.sync-net-tools .sticker-legend{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin:0;font-size:10px}.sync-net-tools .sticker-legend>span{display:flex;align-items:center;gap:7px}.sync-net-tools .editor-actions{border-left:1px solid #39434b;padding-left:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 8px;margin:0;align-items:center}.sync-net-tools .editor-actions button{font-size:10px;min-height:28px;padding:4px 0;justify-content:flex-start;white-space:nowrap}.sync-net-tools .editor-actions button:last-child{grid-column:1/-1}.sync-mobile-header{display:none}.cube-canvas canvas{touch-action:none}.sticker-field .sticker-inspector{height:92px;grid-template-rows:20px 44px;row-gap:6px;padding:10px 12px}.sticker-field.case-form-field{margin-block:10px 6px}.sticker-field .restriction-colors{align-items:center}@media(max-width:700px){.sync-mobile-header{display:block;padding:14px 14px 0}.sync-mobile-header h2{font-size:19px;margin:0}.practice-screen .sync-active .sync-panel{border-top:0}.pattern-editor .pattern-layout{gap:14px}}.sticker-field .restriction-colors button{padding:2px;gap:3px}.sticker-field .inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.sticker-field .reset-sticker{font-size:10px;white-space:nowrap}.animation-diagnostics{margin-top:20px;font-size:13px}.animation-diagnostics summary{cursor:pointer;color:#c5d8ce}.animation-diagnostics dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;margin:16px 0}.animation-diagnostics dd{margin:0;text-align:right}.animation-diagnostics p{color:#a7b8c1;line-height:1.6;margin-top:10px}