: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%}