:root{color:#f5f8ff;font-synthesis:none;background:#0b1020;font-family:Heebo,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 90% 0,#162b3a 0,#0000 380px),radial-gradient(circle at 0 65%,#1f1940 0,#0000 450px),#0b1020;min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}.shell{width:min(100%,560px);min-height:100vh;margin:auto;padding:28px 20px 50px}.brand{color:#a6f5e9;align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.brandmark{font-size:24px;line-height:1}.dot{background:#718092;border-radius:50%;width:3px;height:3px}.muted{color:#8e9bb5;font-weight:500}header h1{letter-spacing:-1.4px;margin:30px 0 8px;font-size:clamp(30px,8vw,42px);font-weight:900;line-height:1.12}.subtitle{color:#a9b3cb;margin:0;font-size:15px;line-height:1.65}.hero-art{place-items:center;height:235px;margin:15px 0;display:grid;position:relative;overflow:hidden}.orbit{opacity:.4;border:1px solid #3f5d75;border-radius:50%;position:absolute}.o1{width:290px;height:138px;transform:rotate(-25deg)}.o2{width:330px;height:165px;transform:rotate(35deg)}.hero-cube{filter:drop-shadow(0 26px 34px #00d3b844);transform:rotate(-12deg)}.hero-cube .grid{background:#1c2941;border-radius:20px;width:158px;height:158px;padding:10px;box-shadow:0 0 0 3px #76e5d9}.spark{color:#bfa8ff;position:absolute}.s1{font-size:29px;top:35%;right:14%}.s2{font-size:23px;bottom:30%;left:15%}.panel,.review-card{background:#151e33;border:1px solid #2a3550;border-radius:23px;padding:20px;box-shadow:0 10px 30px #0002}.eyebrow{color:#78d9ce;letter-spacing:.03em;font-size:12px;font-weight:800}.choices{grid-template-columns:1fr 1fr;gap:12px;margin-top:15px;display:grid}.choice{color:#f5f8ff;background:#1d2a42;border:1px solid #3a4964;border-radius:17px;flex-direction:column;align-items:center;gap:2px;padding:17px 8px;transition:transform .2s,box-shadow .2s;display:flex}.choice.active{border-color:#70e8d7;box-shadow:inset 0 0 0 1px #70e8d7,0 0 25px #3bddc32c}.choice:active{transform:scale(.97)}.choice-icon{color:#82f1dc;font-size:30px}.choice strong{font-size:24px}.choice small{color:#a7b5cf;font-size:11px}.hint,.footer-hint{color:#93a1bc;font-size:12px;line-height:1.6}.footer-hint{text-align:center}.primary,.secondary{border:0;border-radius:16px;width:100%;min-height:55px;padding:12px 18px;font-weight:800}.primary{color:#0a2030;background:linear-gradient(120deg,#72efcf,#59cfd3);margin-top:17px;font-size:17px;box-shadow:0 10px 26px #45d7c83c}.primary span{margin-right:10px}.secondary{color:#d8e6ff;background:#27354f;border:1px solid #3d516b}.text-button,.retake{color:#a7dcd9;background:0 0;border:0;min-height:44px}.text-button{margin:10px auto;display:block}.progress{gap:7px;margin:23px 0;display:flex}.progress span{background:#2b3a57;border-radius:9px;flex:1;height:5px}.progress .done{background:#5ecab8}.progress .here{background:#b89afa}.face-heading,.review-top{align-items:center;gap:13px;display:flex}.face-disc{border-radius:10px;flex:none;width:32px;height:32px;box-shadow:0 0 16px}.face-heading h2{margin:0;font-size:26px}.face-heading h2 small{color:#bac6db;font-size:14px}.instruction{color:#bac7dd;font-size:13px;line-height:1.7}.camera-area{aspect-ratio:1;background:#0b1427;border-radius:18px;width:100%;margin-top:15px;position:relative;overflow:hidden}.camera-area video{object-fit:cover;width:100%;height:100%}.guide{pointer-events:none;border:2px solid #6ef3da;border-radius:16px;place-items:center;display:grid;position:absolute;inset:8%;box-shadow:0 0 0 200px #00101944}.guide-grid{gap:3px;width:100%;height:100%;display:grid}.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{text-align:center;color:#dee8f8;background:#121b32;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.camera-fallback[hidden]{display:none}.orientation{color:#f5d68a;background:#4d3d2850;border:1px solid #725c3f;border-radius:10px;margin-top:14px;padding:9px;font-size:12px}.upload{cursor:pointer;justify-content:center;align-items:center;margin-top:10px;display:flex}.upload input{opacity:0;width:1px;height:1px;position:absolute}.review-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:25px 0;display:grid}.review-card{min-width:0;padding:14px}.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{border-radius:6px;width:25px;height:25px}.grid{aspect-ratio:1;gap:5px;display:grid}.grid.n3{grid-template-columns:repeat(3,1fr)}.grid.n2{grid-template-columns:repeat(2,1fr)}.tile{background:var(--sticker);color:#1119;border:0;border-radius:7px;min-width:0;min-height:0;font-size:13px;box-shadow:inset -3px -4px #0003,0 1px 2px #0005}.tile.editable:active{transform:scale(.9)}.review-card .grid{width:min(100%,150px);margin:16px auto 4px}.retake{width:100%;font-size:12px}.tip p{color:#abb9d1;margin:6px 0 0;font-size:13px;line-height:1.6}.error{color:#fff;background:#6f2838;border-radius:12px;padding:13px;font-size:13px}dialog{color:#f5f8ff;background:#17243b;border:1px solid #6abeb8;border-radius:20px;width:350px;max-width:calc(100vw - 28px);padding:23px;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#030712bf}.palette-options{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.palette-options button{background:var(--sticker);color:#182235;border:0;border-radius:12px;min-height:60px;font-weight:800}.step-meter{align-items:center;gap:16px;margin:29px 0;display:flex}.step-meter>span{color:#8ff7e1;font-size:19px;font-weight:900}.step-meter>div{flex:1}.step-meter small{color:#a9b8cb}.meter{background:#2c3953;border-radius:8px;height:7px;margin-top:5px;overflow:hidden}.meter i{background:#69e8cf;border-radius:8px;height:100%;transition:width .25s;display:block}.move-card{background:radial-gradient(circle at 50% 0,#315c6a,#142b40 65%,#152039);border:1px solid #54c7c1;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:222px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 40px #39d5c12b}.move-code{color:#e5fff8;text-shadow:0 0 27px #80e5e86b;font-size:78px;font-weight:900;line-height:1.18}.move-explanation{text-align:center;color:#c2deea;max-width:310px;margin:4px auto;font-size:13px;line-height:1.7}.state-panel{margin-top:20px;padding:16px}.state-title{justify-content:space-between;gap:10px;font-size:13px;font-weight:800;display:flex}.state-title small{color:#8d9db7;font-weight:400}.net{direction:ltr;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;max-width:390px;margin:16px auto;display:grid}.net-face small{text-align:center;color:#aab9d2;font-size:10px;display:block}.net-face .grid{background:#26344c;border-radius:7px;gap:2px;padding:4px}.net-face .tile{border-radius:2px;box-shadow:inset -1px -1px #0003}.face-U{grid-area:1/2}.face-L{grid-area:2/1}.face-F{grid-area:2/2}.face-R{grid-area:2/3}.face-B{grid-area:2/4}.face-D{grid-area:3/2}.step-actions{grid-template-columns:1fr 1.5fr;gap:10px;display:grid}.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}}