@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root{color:#fff;--accent:#ffb43a;--surface:#f1f7ff;--text:#133356;--muted:#617995;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#063a91;font-family:Inter,ui-rounded,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 90% 5%,#1471d5 0,#0000 45%),linear-gradient(160deg,#063274,#0752b1 70%,#063778);min-height:100dvh;margin:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:4px;outline:3px solid #ffe67a}button:disabled{cursor:default}#app{max-width:520px;min-height:100dvh;padding:18px 18px max(30px,env(safe-area-inset-bottom));isolation:isolate;margin:0 auto;position:relative;overflow:hidden}#app:before,#app:after{content:"";z-index:-1;opacity:.65;background:linear-gradient(135deg,#1489ef,#0c5cab);width:100px;height:100px;position:absolute;transform:rotate(30deg)}#app:before{top:210px;left:-65px}#app:after{background:linear-gradient(135deg,#ffd05c,#ff8b20);bottom:65px;right:-70px}.brand-header{letter-spacing:1.5px;justify-content:space-between;align-items:center;margin:4px 0 23px;font-size:12px;display:flex}.brand-name{font-weight:750}.tiny-tag{opacity:.65;font-size:9px}.title-block{justify-content:center;align-items:center;gap:12px;display:flex}.title-cube{filter:drop-shadow(0 5px 8px #012f67);flex:none;width:64px;height:64px}h1{letter-spacing:.4px;text-shadow:0 3px #0c397c;margin:0;font-size:clamp(25px,7.2vw,36px);font-weight:950;line-height:1.02}h1 span{color:#ffb83f}.level-pill{background:#0b79ed;border:1px solid #3195ff;border-radius:30px;width:max-content;margin:15px auto 16px;padding:5px 24px;font-size:16px;font-weight:750;box-shadow:0 4px 12px #02296950}.stage-line{letter-spacing:.4px;text-transform:uppercase;color:#c3e3ff;justify-content:space-between;margin:0 4px 9px;font-size:10px;display:flex}.blueprint{background-color:#f2f8ff;background-image:linear-gradient(#227bd30c 1px,#0000 1px),linear-gradient(90deg,#227bd30c 1px,#0000 1px);background-size:22px 22px;border:1px solid #cde7ff;border-radius:17px;flex-direction:column;align-items:center;padding:11px 12px 8px;display:flex;position:relative;box-shadow:0 10px 25px #001f5840}.blueprint-label{color:#6282a5;letter-spacing:1.5px;margin-bottom:5px;font-size:9px;font-weight:800}.net{filter:drop-shadow(0 3px 2px #0d447c17);width:100%;min-height:185px;max-height:255px;display:block}.fold-caption{color:#6080a1;margin-top:4px;font-size:10px}h2{text-align:center;margin:16px 0 3px;font-size:20px}.instruction{text-align:center;color:#bcdcff;margin:0 0 13px;font-size:11px}.choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.choice{color:#092f5c;background:linear-gradient(#f4f9ff,#dcecff);border:2px solid #eef6ff;border-radius:14px;min-height:130px;padding:3px 2px 8px;transition:transform .15s,border-color .15s;box-shadow:0 5px 10px #00246240}.choice:not(:disabled):active{transform:scale(.96)}.cube{width:100%;height:auto;display:block}.choice-letter{font-size:20px;font-weight:850}.choice.correct{background:#d0ffe5;border-color:#7bffb3;box-shadow:0 0 0 3px #75ffc542}.choice.incorrect{background:#ffe2e2;border-color:#ff9292}.help-row{flex-direction:column;align-items:center;gap:5px;margin-top:16px;display:flex}.help-row button{color:#082d59;background:#ffb53e;border:1px solid #ffd47b;border-radius:12px;min-height:44px;padding:11px 20px;font-size:12px;font-weight:800;box-shadow:0 4px #b97616}.help-row button:disabled{opacity:.5}.hint-cost{color:#bedbfa;margin-top:3px;font-size:9px}.hint-message{color:#d5e8ff;text-align:center;min-height:32px;margin:12px 9px 0;font-size:11px;line-height:1.5}.choice:disabled{opacity:1}@media (height<=740px){#app{padding-top:12px}.brand-header{margin-bottom:14px}.title-cube{width:50px;height:50px}h1{font-size:28px}.level-pill{margin:11px auto 12px}.net{min-height:140px;max-height:200px}.choice{min-height:110px}.help-row{margin-top:12px}h2{margin-top:13px}}@media (width<=350px){#app{padding-inline:12px}.title-block{gap:8px}h1{font-size:25px}.stage-line{font-size:8px}.choice{border-radius:11px}.net{max-height:185px}.instruction{font-size:10px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}#shell-message:empty{display:none}.shell-nav{padding-bottom:8px}.shell-nav #shell-pause{font-size:0}.shell-nav #shell-pause:after{content:"Ⅱ";font-size:20px;font-weight:800}@media (height<=900px){#app{padding-top:12px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.brand-header{margin-bottom:14px}.title-cube{width:52px;height:52px}h1{font-size:30px}.level-pill{margin:10px auto 12px}.net{min-height:150px;max-height:205px}.cube{height:100px}.choice{min-height:126px}h2,.help-row{margin-top:12px}.hint-message{min-height:24px;margin-top:9px;margin-bottom:0}.shell-nav{margin-top:8px}}@media (height<=700px){.brand-header{margin-bottom:8px}.title-cube{width:40px;height:40px}h1{font-size:25px}.net{min-height:120px;max-height:155px}.blueprint-label{font-size:8px}.cube{height:78px}.choice{min-height:104px}.level-pill{margin:8px auto;font-size:13px}.fold-caption{display:none}.stage-line{margin-bottom:6px}.instruction{margin-bottom:8px}.help-row{margin-top:9px}.hint-message{min-height:18px;font-size:10px}.hint-cost{font-size:8px}.shell-nav button{min-height:44px}.help-row button{min-height:44px;padding:8px 16px}}.choice-letter{line-height:1.15;display:block}@media (height>=701px) and (height<=900px){.net{max-height:185px}.cube{height:90px}.choice{min-height:120px}}.landing{text-align:center;padding:24px 0 10px}.landing-kicker{color:#b5dcff;letter-spacing:1.5px;font-size:10px;font-weight:850}.landing-art{place-items:center;height:210px;display:grid}.space-hero{filter:drop-shadow(0 18px 18px #001a4c88);width:220px;height:200px}.landing h2{margin:0 0 19px;font-size:40px;line-height:1.03}.landing h2 em{color:#ffc558;font-style:normal}.landing-description{color:#c9e5ff;max-width:340px;margin:0 auto 22px;font-size:14px;line-height:1.7}.landing-progress{background:#02336c55;border:1px solid #65aaff66;border-radius:18px;gap:8px;margin-bottom:21px;padding:17px;display:grid}.landing-progress strong{color:#ffcf72;font-size:17px}.landing-progress span{color:#c5e3ff;font-size:12px}.landing button{border-radius:13px;width:100%;min-height:51px;margin:9px 0;font-weight:850;display:block}.landing-primary{color:#133b69;background:linear-gradient(#ffd06a,#f9a72d);border:1px solid #ffe0a0;box-shadow:0 4px #b7731d}.landing-secondary{color:#fff;background:#2571ba88;border:1px solid #71b9ff}.landing-link{color:#c6e5ff;background:0 0;border:0}.landing-note{color:#bbd9fa;font-size:10px;line-height:1.7}.spatial-lab{max-width:470px}.spatial-lab .landing-kicker{color:#25679c}.spatial-lab p{font-size:13px;line-height:1.6}.spatial-lab .net{min-height:130px;max-height:190px}.lab-symbols{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.lab-symbols button{color:#234569;background:#e4effa;border:2px solid #0000;min-height:74px;margin:0;padding:5px}.lab-symbols svg{width:45px;height:45px;margin:auto;display:block}.lab-symbols button span{font-size:12px}.lab-symbols button.lab-correct{background:#dcf8e9;border-color:#1c9464}.lab-symbols button.lab-wrong{opacity:.5}.lab-symbols button:disabled{opacity:.3}.lab-pair{justify-content:center;align-items:center;gap:18px;display:flex}.lab-pair svg{width:55px;height:55px}.spatial-lab .landing-note{color:#517594}.spatial-lab>button{min-height:44px}#lab-proof{text-align:center}#lab-proof .cube{height:125px}.lab-net{background:#e5f1ff;border-radius:15px;margin:12px 0;padding:7px}@media (height<=700px){.landing{padding-top:8px}.landing-art{height:160px}.space-hero{width:170px;height:150px}.landing h2{font-size:31px}.landing-description{margin-bottom:14px;font-size:12px}.landing-progress{padding:13px}.landing button{min-height:46px}}.spatial-lab{color:#133356;background:#f1f7ff;border:2px solid #5b9ee2;border-radius:24px;width:calc(100% - 30px);max-height:calc(100dvh - 48px);padding:22px;overflow:auto;box-shadow:0 20px 70px #001c5988}.spatial-lab::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#001b4da8}.spatial-lab h2{margin:14px 0 12px;font-size:23px}.spatial-lab>button{color:#174d7c;width:100%;min-height:46px;font:inherit;background:#deecfb;border:1px solid #9ac0e7;border-radius:11px;margin:9px 0;padding:10px;font-size:13px;font-weight:750;display:block}.spatial-lab>#lab-reveal{color:#153f6a;background:#ffc55e;border-color:#e7a83c;box-shadow:0 3px #cc8c2d}.spatial-lab #lab-response{background:#e2effb;border-radius:12px;padding:11px;font-size:12px;font-weight:650}.spatial-lab .lab-symbols button{border-radius:13px}.spatial-lab .landing-note{font-size:10px}.shell-nav #shell-pause:after{content:none}.shell-nav{padding-bottom:max(20px,env(safe-area-inset-bottom));gap:7px;margin:12px 0 0;display:flex}.shell-nav button{min-height:48px;font:inherit;border:1px solid var(--accent,#79c8e8);background:var(--surface,#163349);color:var(--text,#fff);border-radius:12px;flex:1;padding:8px;font-size:12px}.shell-nav #shell-pause{flex:0 0 48px}.shell-message{color:var(--muted,#9ab6c7);text-align:center;min-height:18px;margin:0 0 10px;font-size:12px}dialog[id^=shell-]{background:var(--surface,#163349);color:var(--text,#fff);border:2px solid var(--accent,#79c8e8);border-radius:20px;width:calc(100% - 24px);max-width:440px;max-height:calc(100dvh - 48px);padding:22px;font-family:inherit;overflow:auto;box-shadow:0 15px 60px #0008}dialog[id^=shell-]::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05121cb8}dialog[id^=shell-] button,dialog[id^=shell-] select{width:100%;min-height:48px;font:inherit;border:1px solid var(--accent,#79c8e8);background:var(--surface,#163349);color:var(--text,#fff);border-radius:10px;margin:8px 0;padding:10px;display:block}dialog[id^=shell-] button:disabled{opacity:.45}dialog[id^=shell-] h2{margin-top:0}dialog[id^=shell-] p{line-height:1.5}dialog[id^=shell-] a{color:var(--accent,#79c8e8)}.shell-settings{gap:7px;display:flex}.shell-fine{opacity:.8;font-size:11px}.shell-collection-card{border:1px solid var(--accent,#79c8e8);border-radius:8px;margin:5px 0;padding:10px}#shell-result-reward{color:var(--accent,#79c8e8);font-size:23px;font-weight:800}button:focus-visible,select:focus-visible{outline:3px solid var(--accent,#79c8e8);outline-offset:2px}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}