.history-panel{min-width:0}.history-heading{align-items:center;gap:12px;margin-bottom:19px;display:flex}.history-heading>span:last-child{font:8px var(--mono);letter-spacing:.09em;color:var(--muted);line-height:1.7}.history-puzzle{font:21px var(--mono);color:var(--lime);white-space:nowrap}.history-recording{border:1px solid var(--line);background:#d3ef9704;border-radius:9px;margin-bottom:23px;padding:15px}.history-recording label>span{font:8px var(--mono);letter-spacing:.08em;color:var(--muted);margin-bottom:9px;display:block}.history-recording select{width:100%;padding:10px;font-size:11px}.history-new-session{gap:7px;margin-top:8px;display:flex}.history-new-session input{min-width:0;padding:9px 10px;font-size:10px}.history-new-session button{border:1px solid var(--line);width:35px;color:var(--lime);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.history-recording p{color:var(--muted);margin-top:9px;font-size:9px;line-height:1.7}.history-filters{border:0;grid-template-columns:1fr 1fr;gap:11px;min-width:0;margin:0 0 21px;padding:0;display:grid}.history-filters legend{font:9px var(--mono);letter-spacing:.1em;color:var(--muted);margin-bottom:13px;padding:0}.history-filters label{min-width:0;display:block}.history-filters label>span{color:var(--muted);margin-bottom:6px;font-size:10px;display:block}.history-filters select{width:100%;min-width:0;padding:10px 8px;font-size:10px}.history-session-filter,.history-date-range,.history-filter-footer,.history-filter-warning{grid-column:1/-1}.history-date-range{grid-template-columns:1fr 1fr;gap:9px;display:grid}.history-date-range input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;min-width:0;padding:9px 6px;font-size:10px}.history-filter-warning,.history-storage-error{color:#ecc18b;font-size:10px;line-height:1.7}.history-storage-error{border:1px solid #ecc18b40;border-radius:7px;margin-bottom:18px;padding:12px}.history-filter-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.history-filter-footer label{align-items:center;gap:7px;display:flex}.history-filter-footer input{width:13px;height:13px;accent-color:var(--lime);margin:0}.history-filter-footer label>span{margin:0;font-size:9px;display:inline}.history-filter-footer>button{color:var(--lime);text-align:right;padding:6px 0;font-size:9px}.history-metrics{border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:8px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.history-metrics>div,.history-metrics>button{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;min-width:0;min-height:84px;padding:13px 12px}.history-metrics span{font:8px var(--mono);letter-spacing:.04em;color:var(--muted);align-items:center;gap:6px;display:flex}.history-metrics b{font:22px var(--mono);letter-spacing:-1px;margin-top:7px;display:block}.history-metrics small{color:var(--muted);margin-top:6px;font-size:8px;display:block}.history-metrics .history-best{color:var(--lime);background:#d3ef9706}.history-metrics .history-best:hover:not(:disabled){background:#d3ef9710}.history-metrics .history-best:focus-visible{outline-offset:-4px}.history-metrics .history-best:disabled{opacity:1;color:var(--muted)}.history-metrics .history-best small{color:var(--lime)}.history-metrics .history-sample-count{grid-column:1/-1;min-height:70px;position:relative}.history-sample-count b{font-size:21px}.history-sample-count small{position:absolute;bottom:16px;right:12px}.history-note{color:var(--muted);margin:12px 0 20px;font-size:9px;line-height:1.8}.history-chart{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:23px 0 26px;padding:13px 0}.history-chart figcaption{font:9px var(--mono);color:var(--lime);justify-content:space-between;align-items:baseline;gap:10px;display:flex}.history-chart figcaption span{color:var(--muted);text-align:right;font:8px Manrope,sans-serif}.history-chart svg{width:100%;height:auto;margin-top:10px;display:block;overflow:visible}.history-chart line{stroke:#ffffff0b;stroke-width:1px}.history-chart polyline{fill:none;stroke:var(--lime);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.history-chart circle{fill:var(--lime)}.history-chart>div{font:8px var(--mono);color:var(--muted);justify-content:space-between;gap:8px;display:flex}.history-list-heading{justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;display:flex}.history-list-heading h3{font:9px var(--mono);letter-spacing:.08em;color:var(--muted)}.history-list-heading>span{font:9px var(--mono);color:var(--muted);white-space:nowrap}.history-list{margin:0;padding:0;list-style:none}.history-list li{border-bottom:1px solid var(--line);align-items:stretch;min-width:0;display:flex}.history-replay{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;padding:12px 3px 12px 0;display:flex}.history-replay:hover{color:var(--lime)}.history-index{font:8px var(--mono);color:var(--muted);flex-shrink:0;width:26px}.history-row-copy{flex:1;min-width:0;display:block}.history-row-copy strong{font:16px var(--mono);flex-wrap:wrap;align-items:center;gap:5px;display:flex}.history-row-copy em{color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:2px 4px;font:8px Manrope,sans-serif}.history-row-copy small{color:var(--muted);overflow-wrap:anywhere;font-size:8px;line-height:1.8;display:block}.history-archive{min-width:40px;color:var(--muted);border-radius:5px;justify-content:center;align-items:center;display:flex}.history-archive:hover{color:var(--lime);background:#ffffff06}.history-archived .history-row-copy strong{color:var(--muted)}.history-empty{text-align:center;color:var(--muted);padding:25px 15px}.history-empty svg{color:var(--lime);margin-bottom:11px}.history-empty b{color:var(--paper);font-size:12px;font-weight:500;display:block}.history-empty p{margin-top:7px;font-size:10px}.history-pagination{justify-content:space-between;align-items:center;gap:8px;margin:16px 0 24px;display:flex}.history-pagination button{color:var(--lime);align-items:center;gap:7px;padding:9px 4px;font-size:10px;display:flex}.history-pagination>span{font:9px var(--mono);color:var(--muted)}.history-data-actions{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:7px;padding-top:18px;display:grid}.history-data-actions button{border:1px solid var(--line);border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:10px 4px;font-size:9px;display:flex}.history-data-actions button:hover{color:var(--lime);background:#d3ef9706}@media (max-width:360px){.history-recording{padding:11px}.history-metrics b{font-size:19px}.history-filter-footer{gap:6px}.history-data-actions button{flex-direction:column;gap:7px;font-size:8px}}.backup-panel input[type=file]{width:100%;color:var(--muted);padding:12px 0;font-size:12px}.backup-divider{background:var(--line);height:1px;margin:25px 0 15px}.backup-preview{background:#d3ef9705;border:1px solid #d3ef9740;border-radius:14px;margin:20px 0;padding:18px}.backup-check{align-items:flex-start;gap:12px;margin:18px 0;font-size:12px;line-height:1.6;display:flex}.backup-check input{width:17px;height:17px;accent-color:var(--lime);flex-shrink:0}.backup-warnings{color:#ecc18b;overflow-wrap:anywhere;margin:14px 0;font-size:11px;line-height:1.7}.backup-warnings summary{cursor:pointer}.backup-warnings ul{padding-left:18px}.backup-message{border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:10px;padding:15px;font-size:13px;line-height:1.7;display:flex}.backup-message svg{flex-shrink:0;margin-top:4px}.clock-focus{letter-spacing:0;font:italic clamp(27px,4vw,48px)/1.2 Instrument,Georgia,serif}.personal-note{border:1px solid var(--line);border-radius:12px;margin-bottom:18px;padding:14px;font-size:12px;line-height:1.7}.personal-note summary{cursor:pointer;color:var(--paper)}.personal-note label{color:var(--muted);margin-top:14px;display:block}.personal-note textarea{resize:vertical;background:var(--ink);width:100%;color:var(--paper);border:1px solid var(--line);font:inherit;border-radius:8px;margin-top:8px;padding:12px;line-height:1.6}.personal-note small{color:var(--muted)}.share-study{border-top:1px solid var(--line,#ffffff17);color:var(--paper,#edece3);margin-block:24px;padding-block:22px 4px}.share-study__heading{align-items:flex-start;gap:10px;margin-bottom:20px;display:flex}.share-study__heading>svg{color:var(--lime,#d3ef97);flex:none;margin-top:3px}.share-study__heading h3{margin:0 0 5px;font:650 15px/1.4 Manrope,Arial,sans-serif}.share-study .share-study__heading p,.share-study .share-study__replay p{color:var(--muted,#8a928b);margin:0;font-size:12px;line-height:1.65}.share-study__puzzle{border:1px solid var(--line,#ffffff17);font:10px/1.4 var(--mono,monospace);border-radius:5px;flex:none;margin-left:auto;padding:4px 7px}.share-study__label{color:#b4bdb5;letter-spacing:.02em;margin-bottom:8px;font-size:11px;font-weight:650;display:block}.share-study textarea{box-sizing:border-box;resize:vertical;width:100%;max-width:100%;min-height:64px;color:var(--paper,#edece3);font:12px/1.8 var(--mono,monospace);outline-offset:4px;background:#ffffff04;border:1px solid #ffffff1c;border-radius:7px;padding:12px;display:block}.share-study textarea:focus-visible,.share-study button:focus-visible{outline:2px solid var(--lime,#d3ef97);outline-offset:4px}.share-study textarea[aria-invalid=true]{border-color:#c9896b}.share-study .share-study__hint{min-height:18px;color:var(--muted,#8a928b);margin:8px 0 13px;font-size:11px;line-height:1.65}.share-study .share-study__hint--error{color:#e8b59e}.share-study__actions{flex-wrap:wrap;align-items:stretch;gap:9px;display:flex}.share-study__actions button{min-height:39px;color:var(--paper,#edece3);background:#ffffff04;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:10px 12px;font:600 11px/1.4 Manrope,Arial,sans-serif;display:inline-flex}.share-study__actions button:not(:disabled):hover{background:#ffffff0c}.share-study__actions button.share-study__load{color:#1d2716;background:var(--lime,#d3ef97);border-color:#0000}.share-study__actions button.share-study__load:not(:disabled):hover{background:#e1f5b8}.share-study__actions button:disabled{opacity:.38;cursor:not-allowed}.share-study__actions svg{flex:none}.share-study__replay{border-top:1px solid var(--line,#ffffff17);margin-top:20px;padding-top:17px}.share-study__replay b{margin-bottom:4px;font-size:12px;line-height:1.5;display:block}.share-study__replay .share-study__actions{margin-top:12px}.share-study__fallback{margin-top:16px}.share-study__fallback textarea{overflow-wrap:anywhere;font-size:10px}@media (max-width:440px){.share-study__actions button{flex:145px}.share-study__heading{gap:8px}}@font-face{font-family:Manrope;src:url(/kup/fonts/manrope.ttf)format("truetype");font-weight:200 800;font-display:swap}@font-face{font-family:Instrument;src:url(/kup/fonts/instrument-serif-italic.ttf)format("truetype");font-style:italic;font-display:swap}@font-face{font-family:DMMono;src:url(/kup/fonts/dm-mono.ttf)format("truetype");font-display:swap}:root{color:#edece3;font-synthesis:none;--ink:#151816;--paper:#edece3;--muted:#8a928b;--lime:#d3ef97;--line:#ffffff13;--panel:#1b1f1cef;--mono:DMMono, monospace;background:#151816;font-family:Manrope,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.34}button,a,input,select{outline-offset:5px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime)}button{transition:background .2s,color .2s,opacity .2s,transform .2s}button:active:not(:disabled){transform:translateY(1px)}input,select{color:var(--paper);background:#ffffff05;border:1px solid #ffffff17;border-radius:7px;width:100%;padding:12px 13px;font-size:13px}input::placeholder{color:#67736a}select{cursor:pointer;width:auto}select option{background:#242b25}input[type=range]{accent-color:var(--lime);cursor:pointer;background:0 0;border:0;padding:0}p{line-height:1.7}svg{flex-shrink:0}kbd{font-family:var(--mono);font-size:10px;font-weight:400}h1,h2,h3,p{margin:0}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.app{background:var(--ink);height:100svh;min-height:670px;position:relative;overflow:hidden}.header{z-index:5;justify-content:space-between;align-items:center;gap:28px;height:104px;padding:0 3.5%;display:flex;position:absolute;top:0;left:0;right:0}.header:after{background:var(--line);content:"";height:1px;position:absolute;bottom:0;left:3.5%;right:3.5%}.brand{white-space:nowrap;align-items:center;gap:12px;padding:0;display:flex}.brand>svg{color:var(--lime)}.brand>span:not(.brand-caption){letter-spacing:-1.8px;font-size:29px;font-weight:800}.brand-dot{color:var(--lime)}.brand-caption{font-family:var(--mono);letter-spacing:1.3px;text-align:left;white-space:normal;border-left:1px solid #ffffff24;max-width:100px;margin-left:7px;padding-left:14px;font-size:8px;line-height:1.7}.header nav{color:#9aa29b;align-items:center;gap:31px;height:100%;font-size:12px;display:flex}.header nav button{height:100%;padding:0;position:relative}.header nav button:hover,.header nav .active{color:var(--paper)}.header nav .active:after{content:"";background:var(--lime);border-radius:3px;height:2px;position:absolute;bottom:27px;left:0;right:0}.nav-count{font-family:var(--mono);color:#75806f;margin-left:8px;font-size:9px}.header-tools{align-items:center;gap:10px;display:flex}.icon-button{color:#9da89e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.icon-button:hover{color:var(--paper);background:#ffffff0a}.profile-button{border:1px solid #ffffff1b;border-radius:25px;align-items:center;gap:8px;margin-left:6px;padding:10px 15px;font-size:11px;display:flex}.online-dot,.live-dot{background:var(--lime);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.profile-button .online-dot{width:5px;height:5px}.cube-canvas{touch-action:none;transition:left .65s cubic-bezier(.2,.7,.1,1),right .65s cubic-bezier(.2,.7,.1,1);position:absolute;inset:102px 0 100px}.is-studio .cube-canvas{left:23%;right:0}.has-panel .cube-canvas{left:0;right:455px}.cube-canvas canvas{outline:none}.webgl-error{text-align:center;color:var(--muted);padding:200px 70px;line-height:2}.studio-copy{z-index:2;pointer-events:none;width:33%;position:absolute;top:25%;left:7.5%}.eyebrow{font-family:var(--mono);letter-spacing:2px;color:#8e9b8b;align-items:center;gap:9px;font-size:9px;font-weight:400;display:flex}.eyebrow>span{background:var(--lime);width:18px;height:1px;display:inline-block}.studio-copy h1{letter-spacing:-3px;color:#efeee5;margin-top:26px;font-size:clamp(42px,4.5vw,72px);font-weight:400;line-height:1.14}.studio-copy h1 em{letter-spacing:-2px;color:#d3ef97;font-family:Instrument,Georgia,serif;font-size:1.17em;font-weight:400;line-height:.98}.studio-copy p{color:#8b978c;max-width:270px;margin-top:26px;font-size:12px;line-height:1.9}.studio-copy button{pointer-events:auto}.text-link{color:#e5e8db;align-items:center;gap:18px;margin-top:12px;padding:15px 0;font-size:11px;display:flex}.text-link:hover,.text-link svg{color:var(--lime)}.studio-caption{font-family:var(--mono);color:#d1d4c6;align-items:center;gap:11px;margin-top:35px;font-size:10px;line-height:1.8;display:flex}.studio-caption small{letter-spacing:1.3px;color:#73806f;font-size:7px}.mini-cube{opacity:.65;border:1px solid #8c9a79;gap:3px;width:29px;height:29px;padding:4px;display:flex;transform:skewY(-12deg)}.mini-cube i{background:#899a6b;flex:1;width:5px}.mini-cube i:nth-child(2){opacity:.6}.mini-cube i:nth-child(3){opacity:.3}.scene-meta{font-family:var(--mono);letter-spacing:1.3px;color:#7d887d;align-items:center;gap:9px;font-size:8px;display:flex;position:absolute;top:133px;left:7.5%}.meta-separator{background:#ffffff24;width:1px;height:9px;margin:0 6px;display:inline-block}.scene-tools{gap:6px;display:flex;position:absolute;top:126px;right:4%}.has-panel .scene-tools{right:485px}.timer-hud{text-align:center;pointer-events:none;position:absolute;top:132px;left:0;right:0}.has-panel .timer-hud{right:455px}.timer-hud .eyebrow{letter-spacing:2px;justify-content:center;font-size:8px}.time{font-variant-numeric:tabular-nums;letter-spacing:-3px;margin-top:10px;font-family:Manrope,sans-serif;font-size:62px;font-weight:300;line-height:1.1}.time.solved{color:var(--lime)}.timer-caption{font-family:var(--mono);color:#8e9c88;letter-spacing:1.5px;margin-top:13px;font-size:8px;line-height:1.5}.last-move{pointer-events:none;align-items:center;gap:14px;animation:.25s ease-out move-in;display:flex;position:absolute;bottom:25%;right:9%}.has-panel .last-move{right:500px}.last-move strong{font-family:var(--mono);color:#e1e8d5;font-size:25px;font-weight:400}.last-move span{color:#879580;font-family:var(--mono);text-align:center;border:1px solid #ffffff20;border-radius:5px;min-width:24px;padding:6px;font-size:9px}.last-move span:empty{display:none}.bottom-zone{z-index:3;flex-direction:column;align-items:center;min-width:400px;max-width:75%;display:flex;position:absolute;bottom:88px;left:50%;transform:translate(-50%)}.is-studio .bottom-zone{left:63%}.has-panel .bottom-zone{left:calc(50% - 227.5px)}.action-dock{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#222824dd;border:1px solid #ffffff12;border-radius:11px;align-items:center;gap:5px;padding:6px;display:flex;box-shadow:0 8px 40px #00000020}.primary{background:var(--lime);color:#263021;white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:41px;padding:11px 17px;font-size:11px;font-weight:700;display:inline-flex}.primary:hover:not(:disabled){background:#e0f8b3}.primary kbd{color:#65714f;background:#1f2b1510;border:1px solid #1f2b1525;border-radius:3px;margin-left:17px;padding:3px 5px;font-size:7px}.dock-divider{background:#ffffff12;width:1px;height:24px;margin:0 6px}.secondary{background:#ffffff04;border:1px solid #ffffff1b;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 16px;font-size:11px;font-weight:600;display:inline-flex}.secondary:hover:not(:disabled){background:#ffffff09;border-color:#ffffff30}.full{width:100%;margin-top:14px}.dock-label{color:var(--lime);align-items:center;gap:10px;padding:10px 15px;font-size:11px;display:flex}.scramble-line{font-family:var(--mono);text-align:center;color:#72806f;max-width:480px;margin-top:13px;font-size:8px;position:relative}.scramble-line>button{color:#8a9685;align-items:center;gap:6px;font-size:8px;display:inline-flex}.scramble-line p{color:#bdc8b4;background:#1e261ee8;border:1px solid #ffffff15;border-radius:8px;min-width:350px;padding:15px;font-size:10px;line-height:1.8;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.key-guide{align-items:center;gap:4px;display:flex;position:absolute;bottom:103px;left:4.2%}.key-guide kbd{color:#909e88;background:#ffffff02;border:1px solid #ffffff15;border-radius:4px;place-items:center;min-width:22px;height:25px;font-size:8px;display:grid}.key-guide span{font-family:var(--mono);color:#697763;letter-spacing:.5px;margin-left:7px;font-size:7px}.key-guide button{color:#87937f;border:1px solid #ffffff15;border-radius:50%;width:16px;height:16px;margin-left:2px;font-size:8px}.is-studio .key-guide{flex-wrap:wrap;width:143px;bottom:103px;left:auto;right:4%}.is-studio .key-guide span{width:100%;margin:8px 0 0}.is-studio .key-guide button{position:absolute;bottom:0;right:0}footer{border-top:1px solid var(--line);height:57px;font-family:var(--mono);letter-spacing:1.6px;color:#687461;z-index:3;justify-content:space-between;align-items:center;font-size:7px;display:flex;position:absolute;bottom:0;left:3.5%;right:3.5%}footer i{border:1px solid #ffffff15;margin-left:7px;padding:3px 4px;font-size:6px;font-style:normal}footer>button{color:#a5afa0;letter-spacing:1px;align-items:center;gap:7px;font-size:8px;display:flex}.side-panel{z-index:6;background:var(--panel);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid #ffffff13;border-radius:13px;flex-direction:column;width:408px;animation:.35s cubic-bezier(.2,.8,.2,1) panel-in;display:flex;position:absolute;top:121px;bottom:77px;right:26px;box-shadow:0 20px 60px #00000020}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:25px 24px 20px;display:flex}.panel-heading .eyebrow{letter-spacing:1.7px;color:#7c8974;font-size:7px}.panel-heading h2{letter-spacing:-.9px;margin-top:9px;font-size:23px;font-weight:500}.panel-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4c5845 transparent;padding:23px 24px 29px;overflow-y:auto}.panel-intro{color:#a1ad9a;margin-bottom:24px;font-size:12px;line-height:1.8}.feature-row{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:14px;width:100%;padding:21px 0;display:flex}.feature-row>span:nth-child(2){flex:1}.feature-row b{font-size:13px;font-weight:600;display:block}.feature-row small{color:#8b9883;margin-top:6px;font-size:10px;line-height:1.7;display:block}.feature-row>svg{color:#859b71}.feature-row:hover b{color:var(--lime)}.feature-icon{color:#bfccaf;border:1px solid #ffffff13;border-radius:8px;place-items:center;width:40px;height:43px;display:grid}.wide-subtle{color:#b7c4ab;border:1px solid #ffffff12;border-radius:7px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:16px;padding:13px 14px;font-size:11px;line-height:1.6;display:flex}.wide-subtle:hover{color:var(--lime);background:#ffffff06}.wide-subtle>svg:last-child{margin-left:auto}.wide-subtle>svg:first-child:not(:last-child){margin-right:auto}.back-link{color:#8f9e85;align-items:center;gap:7px;margin-bottom:26px;font-size:10px;display:flex}.back-link:hover{color:var(--lime)}.lesson-kicker{font-family:var(--mono);color:#92a07e;letter-spacing:1.3px;text-transform:uppercase;font-size:8px}.lesson-title{letter-spacing:-.8px;margin:11px 0 17px;font-size:25px;font-weight:400;line-height:1.3}.lesson-intro{color:#a8b2a0;white-space:pre-line;font-size:11px;line-height:1.9}.goal{color:#bdcbb1;background:#c4ed8c06;border-left:2px solid #9cb969;gap:10px;margin-top:21px;padding:10px 13px;font-size:10px;line-height:1.7;display:flex}.goal svg{color:var(--lime);margin-top:3px}.course-progress{font-family:var(--mono);letter-spacing:1.4px;color:#99a98a;margin-bottom:23px;font-size:8px}.course-progress>div{background:#ffffff0c;border-radius:3px;height:3px;margin-top:12px;overflow:hidden}.course-progress i{background:var(--lime);height:100%;transition:width .4s;display:block}.lesson-row{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:13px;width:100%;padding:16px 0;display:flex}.lesson-row>span:nth-child(2){flex:1}.lesson-number{font-family:var(--mono);color:#8a987d;background:#ffffff03;border:1px solid #ffffff0c;border-radius:6px;place-items:center;width:30px;height:33px;font-size:11px;display:grid}.lesson-number.complete{color:var(--lime);background:#b9e47915;border-color:#b9e47920}.lesson-row small{color:#78856e;margin-bottom:6px;font-size:8px;display:block}.lesson-row b{font-size:11px;font-weight:500;line-height:1.5;display:block}.lesson-row>svg{color:#697760}.lesson-row:hover b{color:var(--lime)}.algorithm-sequence{font-family:var(--mono);flex-wrap:wrap;gap:6px;margin:24px 0;display:flex}.algorithm-sequence span,.algorithm-sequence button{color:#7e8b73;text-align:center;background:#ffffff03;border:1px solid #ffffff08;border-radius:4px;min-width:29px;padding:7px;font-size:11px;line-height:1.4}.algorithm-sequence .played{color:#d7e8c4;background:#d3ef9711;border-color:#d3ef9710}.algorithm-sequence .next{color:var(--lime);background:#d3ef9710;border-color:#d3ef9760}.demo-controls{align-items:stretch;gap:7px;margin-top:17px;display:flex}.demo-controls>.primary{flex:1}.demo-controls select{font-family:var(--mono);padding:8px;font-size:10px}.feedback{color:#afbca5;background:#ffffff04;border:1px solid #ffffff10;border-radius:7px;align-items:flex-start;gap:10px;margin-top:18px;padding:15px;font-size:11px;line-height:1.8;display:flex}.feedback.warning{color:#e1c18b;background:#d49d3608;border-color:#d49d3620}.feedback.success{color:var(--lime);background:#d3ef9708;border-color:#d3ef9720}.hint{color:#7e8d73;margin-top:20px;font-size:9px;line-height:1.9}.section-label{font-family:var(--mono);letter-spacing:1.5px;color:#8d9c7f;margin:28px 0 14px;font-size:8px}.section-label:first-child{margin-top:0}.tabs{gap:5px;margin:19px 0 15px;display:flex}.tabs button{color:#8f9c84;border:1px solid #ffffff0e;border-radius:5px;flex:1;justify-content:center;align-items:center;padding:9px 13px;font-size:10px;display:flex}.tabs .selected{color:var(--lime);background:#d3ef970b;border-color:#d3ef9725}.search-input{background:#ffffff02;font-size:10px}.case-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px;display:grid}.case-card{text-align:center;background:#ffffff02;border:1px solid #ffffff0d;border-radius:7px;flex-direction:column;align-items:center;padding:10px 4px 12px;display:flex;position:relative}.case-card:hover{background:#d3ef9705;border-color:#d3ef9740}.case-glyph{width:69px;height:69px}.case-card b{margin-top:3px;font-size:10px;font-weight:500}.case-card small{color:#829274;font-size:7px;font-family:var(--mono);margin-top:5px}.small-star{color:var(--lime);position:absolute;top:7px;right:7px}.case-detail{flex-direction:column;align-items:center;padding:15px 0 22px;display:flex;position:relative}.case-detail .case-glyph{width:125px;height:125px;margin-bottom:20px}.case-detail h3{letter-spacing:-.6px;margin-top:10px;font-size:26px;font-weight:500}.favorite-button{color:var(--lime);position:absolute;top:5px;right:0}.case-detail+p{color:#a3b098;font-size:11px;line-height:1.9}.algorithm-disclosure{color:#8c9e7d;margin-top:21px;font-size:10px}.algorithm-disclosure summary{cursor:pointer}.case-result{flex-direction:column;align-items:center;gap:9px;padding:28px 0 12px;display:flex}.case-result strong{color:var(--lime);letter-spacing:-2px;font-variant-numeric:tabular-nums;font-size:42px;font-weight:300}.case-result span{letter-spacing:1px;color:#8c9b80;font-size:9px}.case-result small{font-family:var(--mono);color:#9eaf90;margin-top:10px;font-size:9px}.training-ready{color:#afbe9f;align-items:center;gap:9px;padding:30px 0;font-size:10px;display:flex}.field-label{font-family:var(--mono);letter-spacing:1.5px;color:#87967b;margin:22px 0;font-size:8px;display:block}.field-label input{letter-spacing:0;margin-top:10px;font-family:Manrope,sans-serif}.segmented{gap:5px;margin-top:11px;display:flex}.segmented button{color:#87997a;border:1px solid #ffffff12;border-radius:5px;flex:1;padding:11px;font-size:10px}.segmented button.selected{color:var(--lime);background:#d3ef9708;border-color:#d3ef9735}.or-divider{font-family:var(--mono);letter-spacing:1px;color:#6e7e61;align-items:center;gap:10px;margin:27px 0;font-size:7px;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--line);flex:1;height:1px}.join-line{gap:8px;display:flex}.join-line input{min-width:0;font-family:var(--mono);letter-spacing:3px;font-size:14px}.room-details{border-top:1px solid var(--line);color:#879a79;flex-direction:column;gap:17px;margin-top:30px;padding-top:22px;font-size:10px;display:flex}.room-details>span{align-items:center;gap:11px;display:flex}.room-code{text-align:center;border-bottom:1px solid var(--line);padding:5px 0 25px}.room-code>small{font-family:var(--mono);letter-spacing:2px;color:#7b8d6c;font-size:8px;display:block}.room-code>button{font-family:var(--mono);letter-spacing:5px;color:var(--lime);justify-content:center;align-items:center;gap:15px;width:100%;padding:17px 0;font-size:35px;display:flex}.room-code>span{color:#8b9d7c;justify-content:center;align-items:center;gap:7px;font-size:9px;display:flex}.race-phase{color:#adbda0;margin:22px 0;font-size:11px}.player-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 0;display:flex}.avatar{color:#bfda9f;background:#9bb97d1c;border-radius:50%;place-items:center;width:33px;height:33px;font-size:12px;display:grid}.avatar-1{color:#accbdd;background:#6e9aac1c}.avatar-2{color:#d5bc90;background:#b59a6b1c}.avatar-3{color:#d4a5c0;background:#b76b9a1c}.player-row>span:nth-child(2){flex:1}.player-row b{font-size:11px;font-weight:500}.player-row small{color:#7c8c6f;margin-top:5px;font-size:8px;display:block}.player-row b small{font-size:8px;display:inline}.player-score{font-family:var(--mono);color:#b7ca9f;align-items:center;gap:6px;font-size:11px;display:flex}.text-danger{color:#a88f77;width:100%;margin-top:14px;padding:18px 0;font-size:10px}.opponent-strip{scrollbar-width:thin;flex-direction:column;gap:7px;width:160px;max-height:max(150px,100dvh - 430px);display:flex;position:absolute;top:255px;left:4.5%;overflow-y:auto}.opponent-strip button[aria-pressed=true]{border-color:#d3ef9744}.has-panel .opponent-strip{top:270px;left:3%}.opponent-strip button{text-align:left;background:#1b231b80;border:1px solid #ffffff0d;border-radius:7px;align-items:center;gap:10px;padding:10px;font-size:10px;display:flex}.opponent-strip button>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.opponent-strip small{color:#829477;margin-top:6px;font-size:8px;display:block}.player-dot{background:#66745b;border-radius:50%;flex-shrink:0;width:5px;height:5px}.player-dot.done{background:var(--lime)}.remote-view{text-align:center;background:#22291fe8;border:1px solid #ffffff15;border-radius:10px;width:150px;padding:20px;position:absolute;bottom:190px;left:5%}.remote-view>.icon-button{position:absolute;top:0;right:0}.remote-view .case-glyph{width:110px;height:110px}.remote-view p{color:#a6b19d;font-size:9px}.stats-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.stats-grid>div{border:1px solid #ffffff0c;border-radius:7px;padding:19px 16px}.stats-grid span{letter-spacing:1px;font-size:7px;font-family:var(--mono);color:#809374}.stats-grid b{letter-spacing:-1px;font-variant-numeric:tabular-nums;margin-top:12px;font-size:28px;font-weight:400;display:block}.stats-grid>div:first-child b{color:var(--lime)}.sparkline{width:100%;height:110px;margin-top:24px}.solve-row{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:17px;width:100%;padding:15px 0;display:flex}.solve-row>span:nth-child(2){flex:1}.solve-row b{font-family:var(--mono);font-size:16px;font-weight:400}.solve-row small{color:#7b8b6e;margin-top:6px;font-size:8px;display:block}.solve-row>span:first-child{font-size:9px}.solve-row svg{color:#839c70}.empty-state{text-align:center;padding:35px 0}.empty-state>svg{color:#6f8561;margin-bottom:20px}.empty-state h3{letter-spacing:-.5px;font-size:19px;font-weight:400}.empty-state p{color:#87977b;margin:14px 0 23px;font-size:10px}.solve-result{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#222a20ed;border:1px solid #d3ef9722;border-radius:12px;min-width:320px;max-width:400px;padding:21px 23px;animation:.4s result-in;position:absolute;bottom:175px;left:50%;transform:translate(-50%)}.has-panel .solve-result{left:calc(50% - 227.5px)}.result-heading{color:var(--lime);align-items:center;gap:10px;font-size:12px;font-weight:500;display:flex}.result-metrics{color:#859877;gap:40px;margin:21px 0;font-size:8px;display:flex}.result-metrics b{font-family:var(--mono);color:#d7e2cc;margin-bottom:6px;font-size:19px;font-weight:400;display:block}.result-actions{border-top:1px solid #ffffff0b;gap:20px;padding-top:14px;display:flex}.result-actions button{color:#adbf9e;align-items:center;gap:12px;font-size:9px;display:flex}.result-actions button:last-child{color:var(--lime);margin-left:auto}.replay-summary{flex-direction:column;align-items:center;padding:10px 0 25px;display:flex}.replay-summary span{font-family:var(--mono);letter-spacing:2px;color:#7f936f;font-size:8px}.replay-summary strong{letter-spacing:-2px;color:var(--lime);margin:13px 0 8px;font-size:44px;font-weight:300}.replay-summary small{font-family:var(--mono);color:#8da27a;font-size:9px}.timeline{width:100%}.replay-times{font-family:var(--mono);color:#8b9c7d;justify-content:space-between;margin-top:8px;font-size:9px;display:flex}.replay-moves{gap:4px;margin-top:14px}.replay-moves button{min-width:25px;padding:5px;font-size:9px}.stage-row{font-family:var(--mono);border-bottom:1px solid var(--line);color:#afc29b;justify-content:space-between;width:100%;padding:14px 0;font-size:10px;display:flex}.stage-row b{font-weight:400}.insight{color:#aabf96;background:#c8ed9506;border:1px solid #c8ed9515;border-radius:7px;gap:13px;margin:24px 0;padding:17px;font-size:10px;display:flex}.insight svg{color:var(--lime);margin-top:3px}.insight b{color:var(--paper);font-weight:500}.setting-row{border-bottom:1px solid var(--line);color:#b3c0a8;justify-content:space-between;align-items:center;gap:12px;min-height:53px;font-size:11px;display:flex}.setting-row select{color:#9eb48a;background:0 0;border-color:#ffffff0c;max-width:150px;padding:8px;font-size:10px}.sound-preview{border-bottom:1px solid var(--line);color:#a9c492;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:11px;padding:17px 0;display:grid}.sound-preview strong{font-size:11px;font-weight:500}.sound-preview p{color:#819079;margin:5px 0 0;font-size:10px;line-height:1.55}.sound-preview button{white-space:nowrap;color:#c6dea9;background:#c7eb940b;border:1px solid #c7eb9430;border-radius:6px;align-items:center;gap:6px;padding:9px 10px;font-size:10px;display:flex}.sound-preview button:disabled{opacity:.35;cursor:default}.toggle{background:#ffffff14;border:1px solid #ffffff0c;border-radius:20px;width:33px;height:19px;position:relative}.toggle i{background:#77866c;border-radius:50%;width:11px;height:11px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle.on{background:#c7eb9420;border-color:#c7eb9440}.toggle.on i{background:var(--lime);left:17px}.slider-row{color:#aebda3;margin:23px 0;font-size:10px;display:block}.slider-row span{justify-content:space-between;margin-bottom:15px;display:flex}.slider-row b{font-family:var(--mono);color:#8ea77b;font-size:9px;font-weight:400}.slider-row input{width:100%;height:3px}.binding-editor{gap:8px;margin-top:19px;display:flex}.binding-editor select{max-width:95px;font-family:var(--mono);flex:1;font-size:12px}.binding-editor button{flex:1}.custom-bindings{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.custom-bindings button{color:#a4b992;background:#ffffff04;border-radius:4px;align-items:center;gap:7px;padding:6px;font-size:10px;display:flex}.custom-bindings kbd{color:#748c64;font-size:9px}.advanced{border-top:1px solid var(--line);color:#7c916c;margin-top:30px;padding-top:20px;font-size:9px}.advanced summary{cursor:pointer}.keymap{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.keymap>div{background:#ffffff02;border:1px solid #ffffff0c;border-radius:5px;justify-content:space-between;align-items:center;padding:10px;display:flex}.keymap kbd{color:#758d65;font-size:9px}.keymap b{font-family:var(--mono);color:#c2d2b3;font-size:12px;font-weight:400}.control-notes{border-top:1px solid var(--line);margin:26px 0;padding-top:10px}.control-notes p{color:#9caf8e;align-items:center;gap:16px;padding:8px 0;font-size:9px;line-height:1.5;display:flex}.control-notes kbd,.control-notes p>span{color:#839a72;font-family:var(--mono);min-width:40px;font-size:8px}.account-icon{color:#bddea1;background:#a4d16c08;border:1px solid #b7db8b26;border-radius:50%;place-items:center;width:83px;height:83px;margin:5px auto 28px;display:grid}.signed-in{color:#aebfa0;border:1px solid #ffffff10;border-radius:7px;align-items:center;gap:10px;padding:16px;font-size:11px;display:flex}.signed-in svg{color:var(--lime)}.local-save{color:#8ca078;border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:30px;padding-top:23px;font-size:9px;display:flex}.account-icon~.panel-intro{text-align:center}.toast{z-index:20;color:#26301e;background:#dde6d4;border:1px solid #c9dbb2;border-radius:8px;align-items:center;gap:18px;max-width:90%;padding:13px 17px;font-size:11px;line-height:1.7;animation:.2s toast-in;display:flex;position:absolute;bottom:75px;left:50%;transform:translate(-50%);box-shadow:0 10px 50px #0005}.toast button{color:#6e7c62;padding:0;display:flex}.toast span{overflow-wrap:anywhere}.has-panel footer>span:nth-child(2){margin-right:400px}.panel-body::-webkit-scrollbar{width:4px}.panel-body::-webkit-scrollbar-thumb{background:#4c5845;border-radius:4px}@keyframes panel-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes move-in{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes result-in{0%{opacity:0;bottom:160px}to{opacity:1;bottom:175px}}@keyframes toast-in{0%{opacity:0;bottom:65px}to{opacity:1;bottom:75px}}@media (min-width:1700px){.studio-copy{top:27%;left:10%}.is-studio .cube-canvas{left:20%;right:4%}.studio-copy p{max-width:320px;font-size:14px}.header{padding:0 5%}.header:after{left:5%;right:5%}.scene-meta{left:10%}.header nav{gap:39px;font-size:13px}.bottom-zone{bottom:100px}}@media (max-width:1200px){.brand-caption{display:none}.header{height:85px}.header nav{gap:25px}.cube-canvas{top:85px}.studio-copy{width:35%;top:26%;left:5%}.studio-copy h1{font-size:50px}.studio-copy p{max-width:230px;font-size:11px}.scene-meta{font-size:7px;top:113px;left:5%}.scene-tools{top:104px}.side-panel{width:370px;top:101px;bottom:74px;right:20px}.has-panel .cube-canvas,.has-panel .timer-hud{right:400px}.has-panel .bottom-zone,.has-panel .solve-result{left:calc(50% - 200px)}.has-panel .scene-tools{right:417px}.timer-hud{top:120px}.is-studio .key-guide{width:130px;right:3%}.key-guide{bottom:151px;left:4%}.scene-meta .meta-separator{margin:0 3px}.has-panel .last-move{right:420px}.has-panel footer>span:nth-child(2){display:none}}@media (max-height:800px) and (min-width:900px){.header{height:80px}.cube-canvas{top:80px;bottom:80px}.studio-copy{top:25%}.studio-copy h1{margin-top:21px;font-size:49px}.studio-copy p{margin-top:20px}.studio-caption{margin-top:18px}.scene-meta{top:105px}.scene-tools{top:95px}.side-panel{top:97px;bottom:70px}.timer-hud{top:103px}.time{font-size:48px}.bottom-zone{bottom:79px}.solve-result{bottom:155px}.key-guide{bottom:96px}}@media (max-width:900px){.app{min-height:700px}.header{gap:15px;padding:0 24px}.header nav{gap:19px;font-size:11px}.header-tools{gap:3px}.profile-button{justify-content:center;gap:0;min-width:27px;margin-left:3px;padding:9px;font-size:0}.header-tools .icon-button{width:30px}.brand{gap:8px}.brand>span:not(.brand-caption){font-size:26px}.header:after{left:24px;right:24px}.nav-count{display:none}.studio-copy{width:32%;top:23%;left:5%}.studio-copy h1{letter-spacing:-2px;font-size:40px}.studio-copy p{font-size:10px}.is-studio .cube-canvas{bottom:130px;left:24%;right:-7%}.is-studio .bottom-zone{bottom:100px;left:64%}.primary kbd{display:none}.is-studio .key-guide{flex-wrap:nowrap;width:auto;display:flex;bottom:70px;left:55%;right:auto}.is-studio .key-guide span{width:auto;margin:0 0 0 6px}.is-studio .key-guide button{position:static}.key-guide kbd{min-width:18px;height:20px;font-size:7px}.studio-caption{display:none}.text-link{gap:9px;font-size:10px;line-height:1.7}.scene-meta{letter-spacing:1px;font-size:6px;left:5%}.scene-tools{right:3%}.side-panel{width:350px;right:16px}.panel-heading{padding:21px 20px 17px}.panel-heading h2{font-size:21px}.panel-body{padding:20px}.has-panel .cube-canvas{inset:150px 365px 100px -10%}.has-panel .timer-hud{right:365px}.has-panel .scene-tools{flex-direction:column;top:160px;right:375px}.has-panel .bottom-zone{min-width:220px;left:calc(50% - 182.5px)}.has-panel .action-dock .primary{padding:10px;font-size:10px}.has-panel .scene-meta{display:none}.has-panel .last-move{right:380px}.has-panel .solve-result{min-width:220px;padding:15px;left:calc(50% - 182.5px)}.result-metrics{gap:25px}.opponent-strip{width:135px;top:260px;left:3%}}@media (max-width:650px){.app{min-height:720px}.header{flex-wrap:wrap;align-content:center;row-gap:11px;height:80px;padding:0 18px}.brand>svg{width:21px}.brand>span:not(.brand-caption){font-size:24px}.header nav{justify-content:center;gap:32px;height:37px;font-size:10px;position:absolute;top:83px;left:18px;right:18px}.header nav .active:after{bottom:0}.header-tools{margin-left:auto}.header-tools .icon-button{width:30px}.header:after{bottom:-41px;left:18px;right:18px}.studio-copy{width:calc(100% - 52px);top:160px;left:26px}.studio-copy .eyebrow{font-size:7px}.studio-copy h1{letter-spacing:-1.5px;margin-top:16px;font-size:38px;line-height:1.1}.studio-copy h1 br:last-child{display:none}.studio-copy h1 em{font-size:1.1em}.studio-copy p{max-width:200px;margin-top:15px;font-size:9px;line-height:1.8}.studio-copy .text-link{margin-top:1px;padding:10px 0;font-size:9px}.is-studio .cube-canvas{inset:290px -7% 110px 7%}.cube-canvas{top:170px;bottom:100px}.is-studio .bottom-zone{bottom:86px;left:50%}.bottom-zone{min-width:320px;max-width:94%;bottom:83px}.primary{min-height:39px;padding:10px 14px;font-size:10px}.action-dock{padding:5px}.action-dock .icon-button{width:29px}.is-studio .key-guide,.key-guide{display:none}.scene-meta{font-size:6px;top:136px;left:26px}.scene-tools{gap:0;top:128px;right:16px}.scene-tools .icon-button{width:30px}.timer-hud{top:150px}.timer-hud .time{font-size:48px}.timer-caption{margin-top:9px;font-size:7px}.side-panel{background:#1b211bf5;border-radius:11px;width:auto;inset:133px 12px 70px}.has-panel .cube-canvas{opacity:.2;pointer-events:none;inset:150px 0 100px}.has-panel .timer-hud,.has-panel .scene-tools,.has-panel .bottom-zone,.has-panel .last-move{display:none}.panel-heading{padding:18px 20px}.panel-body{padding:20px 22px}.panel-heading h2{font-size:24px}.header nav{z-index:10}footer{letter-spacing:1px;height:55px;font-size:6px;left:18px;right:18px}footer>span:nth-child(2){letter-spacing:.7px;font-size:5px}.scene-meta .meta-separator{margin:0}.last-move{gap:9px;bottom:25%;right:8%}.last-move strong{font-size:20px}.last-move span{font-size:8px}.solve-result{min-width:290px;padding:18px;bottom:165px}.opponent-strip{width:95px;top:260px;left:15px}.opponent-strip button{gap:6px;padding:8px 6px;font-size:8px}.opponent-strip .mono{display:none}.opponent-strip small{font-size:7px}.remote-view{bottom:180px;left:20px}.toast{width:max-content;font-size:10px;bottom:75px}.case-grid{grid-template-columns:repeat(3,1fr)}.case-card .case-glyph{width:80px;height:80px}.studio-copy{pointer-events:none}.studio-copy .text-link{pointer-events:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.opponent-canvas{width:180px;height:180px;margin:0 auto}.remote-view{z-index:5;width:225px;padding:20px;left:auto;right:4.5%}.has-panel .remote-view{display:none}@media (max-width:650px){.remote-view{width:145px;padding:20px 10px 10px;right:15px}.opponent-canvas{width:120px;height:120px}}.is-solved .cube-canvas:after{content:"";pointer-events:none;border-radius:50%;animation:.8s ease-out both solve-light;position:absolute;inset:15%;box-shadow:0 0 120px 15px #d3ef9710}@keyframes solve-light{0%{opacity:0;transform:scale(.7)}30%{opacity:1}to{opacity:0;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.is-solved .cube-canvas:after{animation:none}}.scramble-line p{pointer-events:none;bottom:64px}.scene-loading{text-align:center;font:10px var(--mono);color:#9aab8c;letter-spacing:1px;position:absolute;inset:50% 0 auto}.desktop-note{display:none}@media (max-width:650px){.desktop-note{font:8px var(--mono);color:#8c9a82;margin-top:9px;display:block}}.puzzle-picker{gap:9px;margin:0 0 22px;display:flex}.puzzle-picker>button{border:1px solid var(--line);text-align:left;border-radius:9px;align-items:center;gap:11px;min-width:128px;padding:12px 16px;display:flex}.puzzle-picker>button[aria-pressed=true]{color:var(--lime);background:#d3ef9709;border-color:#d3ef9760}.puzzle-picker b,.puzzle-picker small{display:block}.puzzle-picker b{font-size:13px;font-family:var(--mono);font-weight:400}.puzzle-picker small{color:var(--muted);margin-top:3px;font-size:10px}.puzzle-grid{grid-template-columns:repeat(3,1fr);gap:2px;width:23px;height:23px;display:grid}.puzzle-grid.grid-222{grid-template-columns:repeat(2,1fr)}.puzzle-grid i{opacity:.7;background:currentColor;border-radius:1px}.studio-copy .puzzle-picker{pointer-events:auto;margin-top:26px}.puzzle-history-label{margin-bottom:22px}@media (max-width:700px){.studio-copy .puzzle-picker{justify-content:center;margin-top:16px}.puzzle-picker>button{min-width:112px;padding:10px 13px}}@media (max-width:650px){.studio-copy h1{font-size:clamp(32px,9.75vw,38px)}.studio-copy .puzzle-picker{justify-content:flex-start;margin-top:6px}.studio-copy .puzzle-picker>button{padding:8px 12px}.studio-copy .puzzle-picker small{display:none}.studio-copy .puzzle-grid{width:18px;height:18px}.is-studio .cube-canvas{top:375px}}.practice-launch{border-bottom:1px solid var(--line);margin-bottom:22px;padding:16px 0 22px}.practice-launch>span{font-size:13px}.practice-launch>div{gap:10px;margin:12px 0 9px;display:flex}.practice-launch small{color:var(--muted);font-size:10px;line-height:1.6;display:block}.practice-status{border-bottom:1px solid var(--line);margin-bottom:18px;padding:16px 0}.practice-dots{gap:5px;margin-top:12px;display:flex}.practice-dots i{background:#ffffff15;border-radius:2px;flex:1;height:3px}.practice-dots .current{background:#d3ef9750}.practice-dots .done{background:var(--lime)}.practice-summary{color:var(--lime);margin-top:18px;font-size:13px}.practice-summary p{color:var(--muted);margin-top:8px;font-size:11px}.style-collection{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 24px;display:grid}.style-collection>button{text-align:left;border:1px solid var(--line);border-radius:9px;align-items:center;gap:12px;min-height:74px;padding:13px 10px;display:flex}.style-collection>button[aria-pressed=true]{background:#d3ef9709;border-color:#d3ef9780}.style-collection b{font-size:12px;font-weight:500;display:block}.style-collection small{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.6;display:block}.style-object{background:#131917;border-radius:4px;flex-shrink:0;grid-template-columns:repeat(2,1fr);gap:3px;width:29px;height:43px;padding:3px;display:grid;transform:rotate(-9deg);box-shadow:3px 4px #0004}.style-object i{border-radius:2px;box-shadow:inset 0 1px 1px #fff5}.surface-ceramic{background:#d8d3c8;transform:rotate(7deg)}.surface-carbon{background:repeating-linear-gradient(45deg,#121820 0,#36414a 2px,#121820 4px)}.surface-prism{transform:rotate(-9deg)skewY(6deg);box-shadow:3px 4px #9081aa40}.surface-prism i{background-image:linear-gradient(135deg,#fff5,#0000,#c0beee40)!important}.palette-heading{font:9px var(--mono);letter-spacing:.13em;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.palette-heading button{padding:4px;display:flex}.palette-editor{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px;display:grid}.palette-editor label{cursor:pointer;flex-direction:column;align-items:center;display:flex;position:relative}.palette-editor input{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:5px;width:100%;min-width:0;height:34px;padding:0}.palette-editor input::-webkit-color-swatch-wrapper{padding:0}.palette-editor input::-webkit-color-swatch{border:1px solid #fff2;border-radius:5px}.palette-editor input::-moz-color-swatch{border:1px solid #fff2;border-radius:5px}.palette-editor span{font:10px var(--mono);margin-top:6px}.palette-editor small{color:var(--muted);margin-top:2px;font-size:9px}.puzzle-picker{flex-wrap:wrap}.puzzle-picker>button{flex:110px;min-width:0}.puzzle-grid.grid-444{grid-template-columns:repeat(4,1fr);gap:1.4px}.puzzle-grid.grid-pyraminx{clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.7;background:currentColor;display:block}.puzzle-grid.grid-pyraminx i{display:none}.studio-copy .puzzle-picker{max-width:295px}