:root{font-family:Heebo,Arial,sans-serif;color:#f5f8ff;background:#0b1020;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 90% 0%,#162b3a 0,transparent 380px),radial-gradient(circle at 0% 65%,#1f1940 0,transparent 450px),#0b1020;min-height:100vh}button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}.shell{width:min(100%,560px);margin:auto;padding:28px 20px 50px;min-height:100vh}.brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;color:#a6f5e9}.brandmark{font-size:24px;line-height:1}.dot{width:3px;height:3px;border-radius:50%;background:#718092}.muted{color:#8e9bb5;font-weight:500}header h1{font-size:clamp(30px,8vw,42px);line-height:1.12;letter-spacing:-1.4px;margin:30px 0 8px;font-weight:900}.subtitle{font-size:15px;line-height:1.65;color:#a9b3cb;margin:0}.hero-art{height:235px;margin:15px 0;display:grid;place-items:center;position:relative;overflow:hidden}.orbit{border:1px solid #3f5d75;border-radius:50%;position:absolute;opacity:.4}.o1{width:290px;height:138px;transform:rotate(-25deg)}.o2{width:330px;height:165px;transform:rotate(35deg)}.hero-cube{transform:rotate(-12deg);filter:drop-shadow(0 26px 34px #00d3b844)}.hero-cube .grid{width:158px;height:158px;padding:10px;border-radius:20px;background:#1c2941;box-shadow:0 0 0 3px #76e5d9}.spark{position:absolute;color:#bfa8ff}.s1{right:14%;top:35%;font-size:29px}.s2{left:15%;bottom:30%;font-size:23px}.panel,.review-card{background:#151e33;border:1px solid #2a3550;border-radius:23px;padding:20px;box-shadow:0 10px 30px #0002}.eyebrow{font-size:12px;color:#78d9ce;font-weight:800;letter-spacing:.03em}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.choice{border:1px solid #3a4964;background:#1d2a42;color:#f5f8ff;border-radius:17px;padding:17px 8px;display:flex;align-items:center;flex-direction:column;gap:2px;transition:transform .2s,box-shadow .2s}.choice.active{border-color:#70e8d7;box-shadow:inset 0 0 0 1px #70e8d7,0 0 25px #3bddc32c}.choice:active{transform:scale(.97)}.choice-icon{font-size:30px;color:#82f1dc}.choice strong{font-size:24px}.choice small{font-size:11px;color:#a7b5cf}.hint,.footer-hint{font-size:12px;color:#93a1bc;line-height:1.6}.footer-hint{text-align:center}.primary,.secondary{width:100%;border:0;border-radius:16px;min-height:55px;padding:12px 18px;font-weight:800}.primary{margin-top:17px;background:linear-gradient(120deg,#72efcf,#59cfd3);color:#0a2030;box-shadow:0 10px 26px #45d7c83c;font-size:17px}.primary span{margin-right:10px}.secondary{background:#27354f;color:#d8e6ff;border:1px solid #3d516b}.text-button,.retake{border:0;background:transparent;color:#a7dcd9;min-height:44px}.text-button{display:block;margin:10px auto}.progress{display:flex;gap:7px;margin:23px 0}.progress span{flex:1;height:5px;border-radius:9px;background:#2b3a57}.progress .done{background:#5ecab8}.progress .here{background:#b89afa}.face-heading,.review-top{display:flex;align-items:center;gap:13px}.face-disc{height:32px;width:32px;border-radius:10px;box-shadow:0 0 16px currentColor;flex:none}.face-heading h2{font-size:26px;margin:0}.face-heading h2 small{font-size:14px;color:#bac6db}.instruction{font-size:13px;color:#bac7dd;line-height:1.7}.camera-area{width:100%;aspect-ratio:1;background:#0b1427;border-radius:18px;position:relative;overflow:hidden;margin-top:15px}.camera-area video{width:100%;height:100%;object-fit:cover}.guide{position:absolute;inset:8%;display:grid;place-items:center;pointer-events:none;border:2px solid #6ef3da;border-radius:16px;box-shadow:0 0 0 200px #00101944}.guide-grid{width:100%;height:100%;display:grid;gap:3px}.guide-grid.n3{grid-template-columns:repeat(3,1fr)}.guide-grid.n2{grid-template-columns:repeat(2,1fr)}.guide-grid i{border:1px dashed #d4fffaba;border-radius:8px}.camera-fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px;color:#dee8f8;background:#121b32}.camera-fallback[hidden]{display:none}.orientation{font-size:12px;color:#f5d68a;background:#4d3d2850;border:1px solid #725c3f;border-radius:10px;padding:9px;margin-top:14px}.upload{display:flex;align-items:center;justify-content:center;margin-top:10px;cursor:pointer}.upload input{position:absolute;width:1px;height:1px;opacity:0}.review-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:25px 0}.review-card{padding:14px;min-width:0}.review-top strong,.review-top small{display:block}.review-top strong{font-size:17px}.review-top small{color:#aab6ce;font-size:11px}.review-top .face-disc{height:25px;width:25px;border-radius:6px}.grid{display:grid;gap:5px;aspect-ratio:1}.grid.n3{grid-template-columns:repeat(3,1fr)}.grid.n2{grid-template-columns:repeat(2,1fr)}.tile{background:var(--sticker);border:0;border-radius:7px;min-width:0;min-height:0;box-shadow:inset -3px -4px #0003,0 1px 2px #0005;color:#1119;font-size:13px}.tile.editable:active{transform:scale(.9)}.review-card .grid{margin:16px auto 4px;width:min(100%,150px)}.retake{font-size:12px;width:100%}.tip p{font-size:13px;line-height:1.6;color:#abb9d1;margin:6px 0 0}.error{background:#6f2838;color:#fff;border-radius:12px;padding:13px;font-size:13px}dialog{background:#17243b;color:#f5f8ff;border:1px solid #6abeb8;border-radius:20px;max-width:calc(100vw - 28px);width:350px;padding:23px;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#030712bf}.palette-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.palette-options button{background:var(--sticker);border:0;border-radius:12px;min-height:60px;color:#182235;font-weight:800}.step-meter{display:flex;align-items:center;gap:16px;margin:29px 0}.step-meter>span{font-weight:900;font-size:19px;color:#8ff7e1}.step-meter>div{flex:1}.step-meter small{color:#a9b8cb}.meter{height:7px;border-radius:8px;background:#2c3953;margin-top:5px;overflow:hidden}.meter i{display:block;background:#69e8cf;height:100%;border-radius:8px;transition:width .25s}.move-card{background:radial-gradient(circle at 50% 0,#315c6a,#142b40 65%,#152039);border:1px solid #54c7c1;border-radius:24px;min-height:222px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px;box-shadow:0 15px 40px #39d5c12b}.move-code{font-size:78px;font-weight:900;line-height:1.18;color:#e5fff8;text-shadow:0 0 27px #80e5e86b}.move-explanation{text-align:center;font-size:13px;line-height:1.7;color:#c2deea;margin:4px auto;max-width:310px}.state-panel{margin-top:20px;padding:16px}.state-title{display:flex;justify-content:space-between;gap:10px;font-weight:800;font-size:13px}.state-title small{font-weight:400;color:#8d9db7}.net{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:16px auto;direction:ltr;max-width:390px}.net-face small{display:block;text-align:center;color:#aab9d2;font-size:10px}.net-face .grid{gap:2px;padding:4px;border-radius:7px;background:#26344c}.net-face .tile{border-radius:2px;box-shadow:inset -1px -1px #0003}.face-U{grid-column:2;grid-row:1}.face-L{grid-column:1;grid-row:2}.face-F{grid-column:2;grid-row:2}.face-R{grid-column:3;grid-row:2}.face-B{grid-column:4;grid-row:2}.face-D{grid-column:2;grid-row:3}.step-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px}.center{text-align:center}@media(max-width:380px){.shell{padding:20px 14px}.review-card{padding:10px}.state-title{font-size:11px}}@media(min-width:800px){.shell{padding-top:42px}}.corner-frame{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:14px;background:#10192c;touch-action:manipulation}.corner-frame img{width:100%;height:100%;object-fit:cover}.corner-mark{position:absolute;transform:translate(-50%,-50%);background:#71e7d5;color:#0b1020;border:2px solid #fff;border-radius:50%;width:28px;height:28px;text-align:center;line-height:24px;font-weight:900;pointer-events:none}.tile.uncertain{outline:3px solid #fa7474;outline-offset:1px;color:#25101a;font-size:21px;font-weight:900;box-shadow:0 0 14px #fa747488,inset -3px -4px #0003}#cube-3d{width:100%;height:340px;max-height:72vw;min-height:240px;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 50% 45%,#2a4261 0,#16233a 56%,#111a2e);margin:15px 0 8px;touch-action:none}#cube-3d canvas{display:block;width:100%;height:100%}:root{font-family:Heebo,Arial,sans-serif;color:#dce5ee;background:#070a10}body{background:#080b12;min-height:100vh}.shell{width:min(100%,560px);padding:0 0 76px;position:relative;min-height:100vh;background:#080b12}.shell header{border-bottom:1px solid #1c2736;padding:12px 12px 11px;background:#080b12}.brand{font-size:10px;letter-spacing:.05em;color:#d7e2eb;gap:8px}.brandmark{font-size:14px;color:#06c9f3}.brand .muted{color:#8392a4;font-size:10px}header h1{font-size:17px;line-height:1.3;letter-spacing:0;font-weight:700;margin:8px 0 1px;color:#f2f6fb}.subtitle{font-size:11px;color:#8e9cae;line-height:1.45;margin:0}.hero-art{height:215px;margin:0;background:radial-gradient(circle at 50% 70%,#062e42 0,transparent 61%)}.orbit,.spark{display:none}.hero-cube{transform:rotate(-10deg);filter:drop-shadow(0 17px 23px #0008)}.hero-cube .grid{width:128px;height:128px;border-radius:9px;padding:5px;box-shadow:none;background:#121a25}.panel,.review-card{background:#0e1420;border:1px solid #253246;border-radius:8px;box-shadow:none}.shell>.panel{margin:12px}.eyebrow{color:#07caff;font-size:10px}.choices{gap:8px}.choice{background:#131d2d;border:1px solid #293d52;border-radius:7px;min-height:109px}.choice.active{border-color:#00c8ef;box-shadow:0 0 0 1px #00c8ef44}.choice strong{font-size:17px}.choice-icon{color:#10cef3;font-size:26px}.choice small{color:#71879c}.hint,.footer-hint{color:#7f91a7}.shell>.primary{width:calc(100% - 24px);margin:10px 12px}.primary{background:#00c7f2;color:#061a27;border-radius:5px;min-height:44px;font-size:13px;box-shadow:0 0 12px #00c7f228}.secondary{background:#142334;border:1px solid #23394e;border-radius:5px;color:#8cb5cd;min-height:44px;font-size:12px}.text-button,.retake{color:#00c9f5}.progress{margin:10px 12px}.progress span{height:3px;background:#203147}.progress .here,.progress .done{background:#00c9f5}.capture-panel{margin:14px 12px!important;padding:14px}.capture-panel h2{font-size:17px}.face-disc{height:20px;width:20px;border-radius:4px;box-shadow:none}.instruction{font-size:11px;color:#90a1b3;margin:8px 0}.camera-area{border-radius:5px;margin-top:8px;background:#050810}.guide{border-color:#00c7f2;border-radius:3px}.guide-grid i{border-radius:2px}.orientation{background:#102334;border:1px solid #204358;color:#9ac4d8;border-radius:3px;font-size:10px}.actions{padding:0 12px}.actions .primary{margin-top:4px}.upload{margin-top:5px}.review-list{margin:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.review-card{border-radius:5px;padding:10px}.review-top strong{font-size:13px}.review-top small{font-size:10px}.review-card .grid{margin:12px auto 6px}.grid{gap:3px}.tile{border-radius:3px;box-shadow:inset -1px -2px #0004}.review-card .retake{font-size:10px;min-height:32px}.tip{margin:12px!important}.tip p{font-size:11px;color:#93a1b4}.shell>.error{margin:12px}.step-meter{margin:10px 12px;gap:6px}.step-meter>span{font-size:12px;color:#00c7f2}.step-meter small{font-size:10px}.meter{height:3px;background:#193047}.meter i{background:#00c8f2}.move-card{min-height:85px;border:0;border-bottom:1px solid #253246;border-top:1px solid #253246;border-radius:0;background:#080b12;box-shadow:none;margin:0;display:grid;grid-template-columns:80px 1fr;grid-template-rows:auto auto;align-content:center;justify-items:start;padding:10px 14px;gap:1px 9px}.move-card .eyebrow{grid-column:2;font-size:10px}.move-code{font-size:31px;color:#00cefa;text-shadow:none;grid-column:1;grid-row:1/3;align-self:center}.move-explanation{grid-column:2;grid-row:2;text-align:right;font-size:11px;color:#a7b5c7;margin:0;line-height:1.4}.state-panel{border:0;border-radius:0;background:#05080e;margin:0;padding:5px 12px 0;box-shadow:none}.state-title{color:#8799af;font-size:10px}.state-title small{color:#00c7f2}#cube-3d{border-radius:0;max-height:none;height:min(59vh,470px);min-height:300px;background:radial-gradient(circle at 50% 75%,#061523,#05080e 65%);margin:4px 0}.state-panel .hint{text-align:center;margin:2px 0 5px;font-size:10px}.step-actions{margin:0;gap:0;grid-template-columns:1fr 1fr;background:#111c2b;border-top:1px solid #293a4b;border-bottom:1px solid #293a4b;padding:8px 12px}.step-actions .primary,.step-actions .secondary{font-size:12px;min-height:38px}.step-actions .primary{margin:0 0 0 4px}.step-actions .secondary{margin:0 4px 0 0}.step-actions+.hint{margin-top:8px}.shell:after{content:"◈   פתרון          ·          2×2 / 3×3";position:absolute;bottom:0;left:0;right:0;height:49px;background:#0d1723;border-top:1px solid #1b3142;color:#00c7f2;display:grid;place-items:center;font-size:11px}.corner-frame{border-radius:5px}.corner-mark{background:#00c7f2}.palette-options button{border-radius:5px}dialog{border-radius:7px;background:#111b29;border-color:#00bce9;color:#e7f1fa}.tile.uncertain{outline-color:#ff4b6c}