:root{color:#f5f2ff;font-synthesis:none;--accent:#53e7ff;--panel:#262344;--muted:#b6b1d4;--gold:#ffd35c;--red:#ff526c;background:#15112d;font-family:ui-rounded,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 80% 30%,#273b74aa,#0000 60%),radial-gradient(at 0 70%,#52238688,#0000 60%),#15112d;min-width:300px;min-height:100dvh;margin:0}body[data-theme=aurora]{--accent:#8affbe;--panel:#16353d;background:radial-gradient(at top,#23686d,#10182b 80%)}body[data-theme=sunset]{--accent:#ffc277;--panel:#422244;background:radial-gradient(at top,#733b5d,#20152b 80%)}button,input,a,label.button{touch-action:manipulation}button,.button{font:inherit;cursor:pointer;color:inherit;background:#332e57;border:1px solid #6c628e;border-radius:16px;min-height:46px;padding:12px 16px;font-weight:800;transition:transform .12s,background .12s;box-shadow:0 4px #0d0b20}button:active{transform:translateY(2px);box-shadow:0 2px #0d0b20}button:disabled{cursor:default;opacity:.4;transform:none}button.primary,.button.primary{color:#101633;background:linear-gradient(135deg,#39d0ff,#5980ff);border-color:#a6edff}button.gold{color:#382207;background:linear-gradient(#ffe193,#ffb847);border-color:#ffea9e}button.danger{border-color:#e4768b}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #fff}a{color:var(--accent)}h1,h2,h3,p{margin:0 0 14px}h1{letter-spacing:-1.4px;font-size:clamp(34px,9vw,52px);font-weight:1000;line-height:1.05}h1 em{color:var(--accent);font-style:normal}h2{font-size:24px}h3{margin-top:18px;font-size:19px}p{line-height:1.5}.muted{color:var(--muted);font-size:14px}.eyebrow{letter-spacing:2px;color:var(--accent);margin-bottom:8px;font-size:12px;font-weight:900}.shell{max-width:620px;padding:calc(16px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom));min-height:100dvh;margin:auto}.topbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.topbar .brand{color:#fff;letter-spacing:1px;font-weight:1000}.topbar button{min-width:46px;padding:8px 12px}.hero{text-align:center;padding:16px 0 8px}.hero img{filter:drop-shadow(0 14px 18px #0006);border-radius:30px;width:125px;height:125px}.card{background:linear-gradient(140deg,#ffffff0b,#ffffff03),var(--panel);border:1px solid #ffffff24;border-radius:24px;margin:14px 0;padding:20px;box-shadow:0 14px 35px #06041435}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row>*{flex:1}.stack{gap:12px;display:grid}.mode-card{text-align:left;align-items:center;gap:14px;padding:17px;display:flex}.mode-card .emoji{font-size:34px}.mode-card strong{font-size:19px;display:block}.mode-card small{color:var(--muted);margin-top:5px;font-weight:400;line-height:1.4;display:block}.chips{flex-wrap:wrap;justify-content:center;gap:9px;margin:14px 0;display:flex}.chip{background:#1c1937;border:1px solid #ffffff25;border-radius:40px;padding:7px 12px;font-size:13px;font-weight:800}.level-grid{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.level-grid button{min-height:66px;padding:12px 2px;position:relative}.level-grid small{color:var(--gold);margin-top:4px;font-size:12px;display:block}.level-grid button.current{border:2px solid var(--accent)}.tabs{gap:8px;margin:14px 0;display:flex}.tabs button{flex:1;padding:10px 4px;font-size:13px}.tabs .selected{border-color:var(--accent);color:var(--accent)}.status{text-align:center;background:linear-gradient(120deg,#27386a,#211c48);border:1px solid #5ee0ff88;border-radius:21px;min-height:96px;padding:14px 18px;box-shadow:0 0 24px #2f83ff22}.command{letter-spacing:.3px;font-size:clamp(21px,6vw,30px);font-weight:1000;line-height:1.12}.subcommand{color:#c6c4e2;margin-top:8px;font-size:13px}.timer{background:#0c0d22;border-radius:9px;height:8px;margin-top:12px;overflow:hidden}.timer span{transform-origin:0;background:linear-gradient(90deg,#52d8ff,#9af8ff);width:100%;height:100%;display:block;box-shadow:0 0 12px #61ecff}progress{width:100%;accent-color:var(--accent)}#modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;background:#050314c9;place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0;overflow:auto}#modal section{background:#26213f;border:1px solid #8a7ec3;border-radius:26px;gap:12px;width:min(100%,480px);max-height:90dvh;padding:24px;display:grid;overflow:auto;box-shadow:0 30px 80px #0009}#modal header{justify-content:space-between;align-items:center;gap:10px;display:flex}#modal header h2{margin:0}#modal header button{flex:none}#modal label{justify-content:space-between;align-items:center;gap:15px;padding:7px 0;display:flex}#modal input[type=range]{width:52%;min-height:40px}#modal input[type=checkbox]{width:24px;height:24px;accent-color:var(--accent)}#modal textarea{width:100%;min-height:100px}.achievement{border-bottom:1px solid #fff2;padding:10px 0}.toast{bottom:calc(30px + env(safe-area-inset-bottom));color:#fff;z-index:20000;text-align:center;background:#30264c;border:1px solid #c6b7ff;border-radius:18px;width:max-content;max-width:90vw;padding:15px 20px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 45px #0008}.footer{text-align:center;color:var(--muted);padding:20px 0 5px;font-size:12px}.result-stars{color:var(--gold);text-align:center;letter-spacing:8px;font-size:42px}body.reduced-motion *{transition:none!important;animation:none!important}.reduced-flashes .lit{filter:brightness(1.1)!important;box-shadow:inset 0 0 0 5px #fff!important}#app[inert]{filter:brightness(.5)}@media (width>=700px){.shell{padding-top:22px}}@media (width<=350px){.shell{padding-left:12px;padding-right:12px}.card{padding:15px}.level-grid{gap:6px}.command{font-size:22px}}@media (height<=600px) and (orientation:landscape){.shell{max-width:800px}.hero img{width:80px;height:80px}}.cube-game{max-width:520px}.game-meta{justify-content:space-between;gap:10px;margin-bottom:14px;font-size:13px;display:flex}.cube-game .status{min-height:100px}.cube-game .command{font-size:24px}.cube-game .subcommand{font-size:13px;line-height:1.45}#cube-view{background:radial-gradient(#598aff16,#0000 65%);border-radius:30px;width:100%;height:clamp(240px,34dvh,340px);margin-top:4px;position:relative}#cube-view:after{content:"";filter:blur(8px);z-index:-1;background:#0005;border-radius:50%;height:15px;position:absolute;bottom:10px;left:20%;right:20%}#cube-view canvas{touch-action:none;border-radius:24px;width:100%;height:100%;display:block}.view-help{text-align:center;color:var(--muted);margin:0 0 7px;font-size:11px}.face-tabs{gap:7px}.face-tabs button{border-bottom:4px solid var(--face-color,#6f7da7);min-width:0;min-height:43px;padding:7px 2px}.face-tabs button.selected{border-color:var(--face-color,var(--accent));background:#4d4978;box-shadow:0 0 0 2px #fff9}.turn-buttons{grid-template-columns:1fr 1fr 66px;gap:8px;margin-bottom:14px;display:grid}.turn-buttons button{padding:10px 4px;font-size:13px}#practice-controls .row button,#solution-controls .row button{padding:11px 6px;font-size:13px}#move-list{gap:7px;max-width:100%;padding:14px 2px 8px;display:flex;overflow:auto}#move-list span{background:#ffffff12;border:1px solid #fff2;border-radius:10px;flex-shrink:0;padding:8px 11px;font-weight:900;display:block}#move-list .current{background:var(--accent);color:#13192c}#move-list .done{opacity:.4}#solve-status{text-align:center;color:var(--accent);padding:8px 0;font-size:14px}.palette{grid-template-columns:repeat(6,1fr);gap:6px;margin-top:18px;display:grid}.palette button{min-height:65px;box-shadow:none;border-radius:13px;padding:8px 3px}.palette button i{background:var(--color);border:2px solid #fff4;border-radius:50%;width:27px;height:27px;margin:0 auto 5px;display:block}.palette button.chosen{background:#5c5388;outline:2px solid #fff}.face-label{text-align:center;margin:16px 0 10px}.face-label small{color:var(--muted);margin-top:8px;font-size:12px;display:block}.bigface{background:#100f20;border:3px solid #555268;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:8px;width:min(70vw,260px);margin:15px auto;padding:10px;display:grid}.bigface button{aspect-ratio:1;color:#0007;border:2px solid #fff3;border-radius:11px;min-height:0;padding:0;font-size:24px;box-shadow:inset 0 3px 3px #fff4,0 3px #0005}.editor #count{text-align:center;line-height:1.9}.net{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(4,1fr);gap:7px;width:min(100%,330px);margin:20px auto;display:grid}.net-face{text-align:center;min-width:0}.net-face>b{color:var(--muted);margin-bottom:3px;font-size:10px;display:block}.net-face>div{background:#0c0d1c;border-radius:6px;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.net-face span,.net-face button{aspect-ratio:1;color:#0008;width:100%;min-height:0;box-shadow:none;border:0;border-radius:3px;place-items:center;padding:0;font-size:9px;font-weight:900;display:grid}.n-U{grid-area:1/2}.n-L{grid-area:2/1}.n-F{grid-area:2/2}.n-R{grid-area:2/3}.n-B{grid-area:2/4}.n-D{grid-area:3/2}.algorithm{color:var(--accent);background:#111025;border-radius:16px;padding:18px;font-size:22px;font-weight:900;line-height:1.6}.fallback{text-align:center;height:100%;font-size:12px;overflow:auto}.fallback .net{width:230px;margin:0 auto}#cube-view[data-context-lost]:before{content:"Vista 3D interrumpida. Vuelve al inicio y reabre el cubo.";z-index:5;background:#28203c;border-radius:20px;padding:15px;position:absolute;inset:30%}@media (height<=740px){#cube-view{height:240px}.cube-game .status{min-height:90px;padding:10px}.cube-game .topbar{margin-bottom:10px}.face-tabs{margin:8px 0}.view-help{font-size:10px}}@media (orientation:landscape) and (height<=600px){.cube-game{grid-template-columns:1fr 1fr;gap:10px;max-width:850px;display:grid}.cube-game .topbar{grid-column:1/3}.cube-game #cube-view{grid-area:2/1/7;height:290px}.cube-game .game-meta,.cube-game .status,.cube-game .view-help,.cube-game .face-tabs,.cube-game .turn-buttons{grid-column:2}.cube-game .footer{grid-column:1/3}.cube-game .view-help{display:none}}@media (orientation:portrait) and (height>=740px){#cube-view{height:250px}}[hidden]{display:none!important}.orbital-label{letter-spacing:2px;color:#c1d8ff;border:1px solid #769edf55;border-radius:30px;margin-bottom:16px;padding:8px 14px;font-size:10px;font-weight:900;display:inline-block}.hero{position:relative}.hero img{filter:drop-shadow(0 14px 26px #399de955);width:145px;height:145px;margin:0 auto 18px;display:block;transform:rotate(-5deg)}.hero h1{letter-spacing:-2px;font-size:clamp(36px,10vw,54px)}.journey{justify-content:center;gap:6px;margin:14px 0 20px;display:flex}.journey span{letter-spacing:.8px;color:#c8d9f6;background:#29415a55;border-bottom:2px solid #4de0eb;border-radius:7px;padding:8px 9px;font-size:10px}.mode-card{background:linear-gradient(120deg,#33365d,#23213f);border-color:#8ba6dc44;border-radius:21px;padding:19px 15px;position:relative}.mode-card.primary{box-shadow:0 5px #151e47,0 10px 35px #35b5ff22}.mode-card .emoji{background:#ffffff0d;border-radius:15px;place-items:center;min-width:48px;height:48px;display:grid}.mode-card.primary small{color:#142848}.mode-card strong{font-size:18px}.copy-actions{grid-template-columns:1fr 1fr;gap:10px;max-width:400px;margin:10px auto;display:grid}.copy-actions button{min-height:48px;padding:12px 6px;font-size:12px}#copy-progress{text-align:center;color:#bae6f7;margin:18px 0;font-size:13px;line-height:1.6}#editor-error{color:#ffe5ea;background:#502638;border:1px solid #ff91a6;border-radius:15px;margin:14px 0;padding:16px;line-height:1.5}.editor .face-tabs button{min-height:48px}.palette button{min-height:74px}.palette button small{font-size:10px}.palette button.chosen{outline-offset:2px;outline:3px solid #d5f7ff}.face-label strong{font-size:19px}.face-label small{line-height:1.7}.bigface{border-color:#7d99b6;box-shadow:0 12px 32px #0004}.view-toolbar{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin:0 0 8px;font-size:10px;display:flex}.view-toolbar button{flex-shrink:0;min-height:44px;padding:8px 12px;font-size:11px}.step-meter{background:#090e23;border-radius:20px;height:5px;margin:10px 0;overflow:hidden}.step-meter span{background:linear-gradient(90deg,#43d3ff,#9b9bff);height:100%;transition:width .25s;display:block}#step-guide p{color:#d8e6f6;margin:8px 0 15px;font-size:12px;line-height:1.65}#step-guide b{color:#7fe4ff}.cube-game .status{background:linear-gradient(135deg,#244863,#262047);border-color:#6dcdec88}.turn-buttons button{min-height:48px}.face-tabs button{min-height:46px}#move-list{scrollbar-width:thin}#move-list .current{box-shadow:0 0 12px #4ed5ff44}#solution-controls .row button{min-height:48px}.net-face button{position:relative}.net-face button:focus-visible{z-index:1;outline:3px solid #fff}.shell{padding-bottom:calc(42px + env(safe-area-inset-bottom))}@media (orientation:landscape) and (height<=600px){.cube-game .view-toolbar,.cube-game #step-guide{grid-column:2}.cube-game #cube-view{grid-row:2/8;height:310px}.cube-game #solution-controls,.cube-game #practice-controls,.cube-game #solve-status{grid-column:2}.cube-game>.row{grid-column:1/3}.cube-game .topbar{margin-bottom:4px}}@media (width<=350px){.mode-card strong{font-size:16px}.journey span{padding:7px;font-size:9px}.palette{gap:4px}.palette button small{font-size:8px}.copy-actions button{font-size:11px}}.interaction-toolbar{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.interaction-toolbar button{min-height:44px}.interaction-toolbar [aria-pressed=true]{color:#fff;background:#845cff}.gesture-help{text-align:center;font-size:12px}.movement-card{background:linear-gradient(135deg,#252642,#171d32);border:1px solid #7a76b7;border-radius:18px;margin:12px 0;padding:14px}.face-comparison{justify-content:center;align-items:center;gap:16px;margin:12px 0;display:flex}.face-comparison strong{font-size:19px}.teaching-face{background:#121322;border-radius:8px;grid-template-columns:repeat(3,17px);gap:3px;padding:5px;display:grid}.teaching-face i{border-radius:3px;width:17px;height:17px}.movement-card p{font-size:13px;line-height:1.6}.movement-card small{color:#c3c3df;font-size:11px;line-height:1.5;display:block}.movement-card summary{cursor:pointer;color:#e5d9ff;min-height:28px;font-weight:700}.movement-card[open] summary{margin-bottom:12px}.orientation-pose{background:#20385a;border:1px solid #6dcdec88;border-radius:15px;gap:8px;padding:14px;line-height:1.5;display:grid}.orientation-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.orientation-choices>button{white-space:normal;justify-items:center;gap:8px;min-width:0;padding:12px 8px;display:grid}.orientation-choices small{color:#bff3ff;font-size:12px;line-height:1.4}.orientation-face{background:#0c0d1c;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:3px;width:min(100%,132px);padding:4px;display:grid}.orientation-face i{aspect-ratio:1;color:#182033;border-radius:4px;place-items:center;min-width:0;font-style:normal;display:grid}#orientation-none{white-space:normal;width:100%;font-size:14px}.editor .manual-steps{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;display:grid}.editor .manual-steps button{white-space:normal;justify-items:center;gap:5px;min-width:0;padding:9px 2px;font-size:10px;line-height:1.2;display:grid;position:relative}.manual-steps button i{background:var(--face-color);border:1px solid #fff9;border-radius:6px;width:21px;height:21px;display:block}.manual-steps button small{color:var(--muted);font-size:10px}.manual-steps button.reviewed i:after{content:"✓";color:#10182a;font-weight:900}.manual-steps button.reviewed i{place-items:center;display:grid}.manual-guide{background:linear-gradient(120deg,#27386a,#211c48);border:1px solid #5ee0ff88;border-radius:20px;align-items:center;gap:10px;margin:14px 0 8px;padding:10px;display:flex}.manual-guide .face-label{text-align:left;gap:5px;min-width:0;margin:0;display:grid}.manual-guide .face-label strong{font-size:17px;line-height:1.3}.manual-guide .scan-hint-cube{width:68px;height:68px;display:block}#manual-step{color:#bff3ff;letter-spacing:1px;font-size:11px}#manual-how{margin:10px 0 16px;font-size:13px;line-height:1.5}#manual-center-note{text-align:center;margin:8px 0 14px;font-size:12px;line-height:1.5}.bigface .fixed-center:disabled{opacity:1;cursor:default;filter:none}.fixed-center span{filter:drop-shadow(0 1px 1px #fff9);font-size:20px}#scan-centers{width:100%;margin:8px 0;font-size:14px}.scan{max-width:520px}.scan h1{font-size:clamp(30px,8.4vw,44px)}.scan .topbar #scan-torch[aria-pressed=true]{color:#382207;background:linear-gradient(#ffe193,#ffb847);border-color:#ffea9e}.scan-intro p{line-height:1.55}.scan-intro-faces{justify-content:center;gap:8px;margin:2px 0 16px;display:flex}.scan-intro-faces div{justify-items:center;gap:4px;display:grid}.scan-intro-faces span{border:2px solid #ffffff3a;border-radius:9px;width:34px;height:34px;box-shadow:inset 0 3px 3px #fff4,0 3px #0005}.scan-intro-faces small{color:var(--muted);font-size:11px;font-weight:800}.scan-tips{color:#dcd8f3;gap:9px;margin:0;padding:0;font-size:14px;line-height:1.45;list-style:none;display:grid}.scan button.big{min-height:58px;font-size:18px}.scan-error{background:#3a2240;border-color:#ff91a688}.scan-step{gap:10px;margin-bottom:12px;display:grid}.scan-progress{justify-content:center;gap:8px;display:flex}.scan-dot{background:var(--dot);border:3px solid var(--ring);width:44px;height:44px;min-height:44px;box-shadow:none;opacity:.55;border-radius:50%;padding:0;position:relative}.scan-dot.done{opacity:1}.scan-dot.done:after{content:"✓";color:#0b0a1c;text-shadow:0 0 3px #fff8;place-items:center;font-size:16px;display:grid;position:absolute;inset:0}.scan-dot.current{opacity:1;box-shadow:0 0 0 3px #15112d,0 0 0 5px #fff,0 0 18px #53e7ff88}.scan-dot:disabled{opacity:.3}.scan-instruction{background:linear-gradient(120deg,#27386a,#211c48);border:1px solid #5ee0ff88;border-radius:20px;align-items:center;gap:12px;min-height:104px;padding:10px 14px 10px 8px;display:flex}.scan-instruction h2{margin:0 0 5px;font-size:18px;line-height:1.2}.scan-instruction p{color:#d2d7f2;margin:0;font-size:12.5px;line-height:1.45}.scan-instruction .eyebrow{margin-bottom:4px;font-size:11px}.scan-hint-cube{filter:drop-shadow(0 6px 10px #0007);flex-shrink:0;width:76px;height:76px}.scan-stage{aspect-ratio:1;background:#06050f;border:1px solid #ffffff2a;border-radius:24px;width:100%;max-height:min(46dvh,420px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 14px 35px #06041460;container-type:size}.scan-stage video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scan-grid{aspect-ratio:1;outline-offset:2px;border-radius:18px;outline:3px solid #ffffffd0;grid-template-columns:repeat(3,1fr);gap:4%;width:min(72cqw,72cqh);padding:2%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 999px #05041399}.scan-grid span{border:2px solid #fff9;border-radius:12px;position:relative}.scan-grid span i{background:var(--live,transparent);border:3px solid #fff;border-radius:50%;width:34%;height:34%;transition:background .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0009}.scan-grid span.empty i{border-style:dashed;border-color:#fff8}.scan-ring{aspect-ratio:1;pointer-events:none;--p:0;background:conic-gradient(#53e7ff calc(var(--p)*360deg),transparent 0) border-box;width:calc(min(72cqw,72cqh) + 18px);opacity:calc(var(--p)*1.5);border:5px solid #0000;border-radius:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0)}.scan-flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.scan-flash.on{animation:.35s ease-out scan-flash}@keyframes scan-flash{0%{opacity:.65}to{opacity:0}}.scan-status{text-align:center;color:#bff3ff;min-height:42px;margin:12px 4px 4px;font-size:14px;font-weight:700;line-height:1.45}.scan-status.warn{color:var(--gold)}.scan-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:4px 0 6px;display:grid}.scan-controls>button:not(.scan-shot){min-height:48px;padding:10px 6px;font-size:14px}.scan-shot{background:#fff;border:5px solid #53e7ff;border-radius:50%;place-items:center;width:78px;height:78px;padding:0;display:grid;box-shadow:0 0 0 4px #15112d,0 6px 22px #39d0ff66}.scan-shot span{background:linear-gradient(135deg,#39d0ff,#5980ff);border-radius:50%;width:52px;height:52px}.scan-shot:active{transform:scale(.94)}.scan-foot{text-align:center;margin-top:12px;font-size:12px}#scan-auto[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.scan-entry{background:linear-gradient(120deg,#2f4a7a,#2c2557);border-color:#6dcdec88;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;margin:14px 0 4px;display:flex}.scan-entry b{font-size:16px}.scan-entry small{color:var(--muted);font-size:11px;font-weight:400;display:block}.scan-note{color:#dff6ff;background:#20385a;border:1px solid #6dcdec88;border-radius:15px;margin:10px 0;padding:12px 14px;font-size:13px;line-height:1.5}.bigface button.scan-low,.net-face .scan-low{outline-offset:-3px;outline:3px dashed #ffd35c}.bigface button.scan-low:after{content:"?";color:#1b1333;text-align:center;background:#ffd35c;border-radius:50%;width:20px;height:20px;font-size:15px;font-weight:1000;line-height:20px;position:absolute;top:2px;right:4px}.bigface button{position:relative}@media (height<=700px){.scan .topbar{margin-bottom:8px}.scan-step{gap:8px;margin-bottom:8px}.scan-stage{max-height:max(190px,100dvh - 430px)}.scan-instruction{min-height:0;padding:8px 12px 8px 6px}.scan-instruction h2{font-size:16px}.scan-instruction p{font-size:11.5px;line-height:1.4}.scan-hint-cube{width:62px;height:62px}.scan-status{min-height:42px;margin:8px 4px 2px;font-size:13px}.scan-controls{margin:2px 0}.scan-shot{width:68px;height:68px}.scan-shot span{width:44px;height:44px}.scan-foot{display:none}}@media (width<=350px){.scan-hint-cube{width:62px;height:62px}}body.reduced-motion .scan-flash.on{animation:none}.face-tabs button.scan-low-tab:after{content:"?";color:#ffd35c;margin-left:3px;font-weight:1000;display:inline-block}.scan-grid.no-face span{border-style:dashed;border-color:#fff5}.scan-grid.no-face span i{opacity:.25}.scan-confirm{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2;background:#0b0920b8;place-items:center;display:grid;position:absolute;inset:0}.scan-confirm-card{background:#26213f;border:1px solid #6dcdec;border-radius:20px;justify-items:center;gap:10px;padding:14px 18px;display:grid;box-shadow:0 14px 35px #0008}.scan-confirm-card .eyebrow{margin:0}.scan-confirm-face{background:#0c0d1c;border-radius:10px;grid-template-columns:repeat(3,34px);gap:4px;padding:6px;display:grid}.scan-confirm-face i{border-radius:6px;width:34px;height:34px;box-shadow:inset 0 2px 2px #fff4}.scan-confirm-card button{min-height:44px;padding:8px 18px;font-size:14px}.scan-grid span.reading-doubt{border:3px dashed #ffd35c;box-shadow:0 0 0 2px #24152288}.scan-grid span.reading-doubt i:not(:empty),.scan-confirm-face i.reading-doubt{color:#ffd35c;box-shadow:none;background:#21162e;border:2px dashed #ffd35c;place-items:center;font-style:normal;font-weight:900;line-height:1;display:grid}.scan-grid span.reading-doubt i:not(:empty){font-size:clamp(14px,4cqw,20px)}.scan-grid.no-face span.reading-doubt i:not(:empty){opacity:1}.scan-confirm-face i.reading-doubt{font-size:20px}.scan-shot:disabled{opacity:.75;cursor:progress}