@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:DM Sans Variable,sans-serif;color:#e9edf5;background:#0a111e;font-synthesis:none;font-size:15px;--muted:#8491a7;--mint:#73e7c2;--gold:#f5cf83;--line:rgba(164,188,217,.12);--panel:#101b2b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button{border:0}svg.lucide{width:20px;height:20px;flex-shrink:0;vertical-align:middle}button svg{pointer-events:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Space Grotesk Variable,sans-serif}button{transition:background .2s,border-color .2s,transform .2s,color .2s}img{max-width:100%;display:block}.site-header{height:86px;border-bottom:1px solid var(--line);background:#0b1220}.header-inner{max-width:1376px;padding:0 48px;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:11px;font-family:Space Grotesk Variable,sans-serif;font-size:31px;font-weight:700;letter-spacing:-1.4px;background:none;padding:0}.brand-mark{display:grid;place-items:center;font-size:41px;color:var(--mint);font-weight:400;line-height:1;transform:rotate(-12deg)}.brand-dot{color:var(--mint)}nav{display:flex;align-self:stretch;gap:32px;margin-left:60px}.nav-link{position:relative;display:flex;align-items:center;gap:9px;background:none;font-size:13px;color:#8e9bb0;padding:0 3px;font-weight:500;white-space:nowrap}.nav-link:hover{color:#e9edf5}.nav-link.active{color:var(--mint)}.nav-link.active:after{position:absolute;content:"";height:2px;bottom:0;left:0;right:0;background:var(--mint)}.nav-link svg{width:18px;height:18px}.header-tools{display:flex;align-items:center;gap:16px}.star-balance{display:flex;gap:9px;align-items:center;min-width:66px;background:#25251f;border:1px solid #514534;border-radius:9px;color:var(--gold);padding:9px 12px;font-family:Space Grotesk Variable,sans-serif;font-weight:600}.star-balance svg{fill:#f5cf8326;width:16px;height:16px}.tool-divider{height:23px;width:1px;background:var(--line)}.icon-button{display:inline-flex;justify-content:center;align-items:center;width:38px;height:38px;border-radius:9px;color:#9ba8bb;background:transparent}.icon-button:hover{background:#ffffff0b;color:#fff}.avatar-button{border:1px solid #537180;border-radius:50%;background:#243c48;width:36px;height:36px;overflow:hidden;padding:0}.avatar-button img{width:100%;height:100%;object-fit:cover;transform:scale(1.35) translateY(5px)}.main-shell{max-width:1376px;padding:0 48px;margin:0 auto}.welcome-line{display:flex;align-items:center;justify-content:space-between;margin:30px 0 19px}.welcome-line>span:first-child{font-size:10px;font-weight:600;letter-spacing:2px;color:#8f9cb1}.welcome-line>span:last-child{display:flex;align-items:center;gap:7px;color:#7e8da1;font-size:11px}.welcome-line svg{width:14px;height:14px;color:var(--gold)}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:440px;border-radius:17px;border:1px solid #2c485157;background:#0a2430}.hero-art{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0a1a29d9 0%,#0a1a2980 35%,transparent 62%)}.hero-copy{padding:49px 44px;position:relative;z-index:1;max-width:635px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.8px;color:var(--mint);font-weight:650;line-height:1.8}.eyebrow>span:empty{width:5px;height:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 10px #73e7c280}.hero h1{font-size:clamp(35px,3.7vw,51px);line-height:1.17;letter-spacing:-2px;font-weight:550;margin-top:20px}.hero h1>span{color:var(--mint)}.hero-copy>p{font-size:13px;line-height:1.9;color:#a8becb;margin-top:20px}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:13px 19px;border-radius:8px;font-size:12px;font-weight:650;line-height:1.3}.button.primary{background:var(--mint);color:#103a32;border:1px solid #94f7d7;box-shadow:0 3px 17px #40d3ac12}.button.primary:hover{background:#99f5d9;transform:translateY(-2px)}.button.primary svg{width:16px;height:16px}.hero .primary svg:first-child{width:14px;height:14px;fill:#103a32}.hero .primary svg:last-child{margin-left:11px}.button.secondary{background:#ffffff04;border:1px solid #ffffff1f;color:#c7d6e3}.button.secondary:hover{background:#ffffff0c;border-color:#73e7c270}.hero-help{background:none;color:#c1d1db;font-weight:500;padding:12px 0;font-size:12px}.hero-help svg{width:15px;height:15px;color:#879fae}.hero-notes{display:flex;align-items:center;gap:10px;color:#829eaa;font-size:9px;margin-top:23px}.hero-notes>span{display:flex;align-items:center;gap:6px}.hero-notes svg{width:12px;height:12px}.hero-guide{position:absolute;display:flex;align-items:center;gap:12px;right:32px;bottom:51px;background:#0d283ab5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #7da1af24;padding:13px 17px;border-radius:12px;transform:rotate(-2deg)}.guide-star{font-size:34px;line-height:1;color:#ffe6a2;text-shadow:0 0 21px #eecb76}.hero-guide strong{font-size:10px;display:block;color:#e3e9e9;font-weight:500}.hero-guide div>span{font-size:9px;display:block;color:#9bb1be;margin-top:5px}.hero-coordinate{position:absolute;bottom:19px;right:30px;font-size:8px;color:#89a4b0;letter-spacing:1.8px}.hero-coordinate span{margin:0 9px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.world-section{margin-top:34px}.section-kicker{font-size:8px;letter-spacing:1.7px;color:#7f8ea5;font-weight:550}.section-heading h2{font-size:24px;letter-spacing:-.65px;margin-top:7px;font-weight:550}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;padding:9px 0;color:#a6b5c7;font-size:11px;font-weight:500}.text-button:hover{color:var(--mint)}.text-button svg{width:16px;height:16px}.world-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:20px}.world-card{display:block;text-align:left;background:#101a29;border:1px solid #263143;border-radius:12px;padding:0;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.world-card:hover{transform:translateY(-5px);border-color:#6ce5c087;box-shadow:0 14px 25px #0003}.world-card.current-world{border-color:#41685d}.world-image{position:relative;aspect-ratio:2.18;overflow:hidden;background:#182b40}.world-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0f192943,transparent 60%)}.world-image>img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.world-card:hover img{transform:scale(1.045)}.world-number{position:absolute;left:15px;top:14px;z-index:1;font-size:8px;font-weight:600;letter-spacing:1.3px;background:#0b1a278c;padding:6px 9px;border:1px solid #b6cbe522;border-radius:5px;color:#c4d6e5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.world-state{position:absolute;bottom:12px;left:15px;z-index:1;display:flex;align-items:center;gap:6px;background:#101e2fbf;color:#b3c3d8;font-size:8px;border:1px solid #bfd4ed17;padding:6px 8px;border-radius:5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.current-world .world-state{color:#a5f4d2;background:#1b4533c9;border-color:#8fd8b140}.world-state svg{width:10px;height:10px}.live-dot{width:4px;height:4px;border-radius:50%;background:var(--mint)}.world-content{padding:18px 18px 16px}.world-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.world-card h3{font-size:16px;font-weight:550;letter-spacing:-.5px}.world-card-title>svg{width:16px;height:16px;color:#708298}.world-content>p{font-size:10px;color:#8e9db0;margin-top:8px}.card-progress{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #b1c8e411;padding-top:13px;margin-top:18px;font-size:10px;color:#c5d0de}.muted{color:#6e7f96}.mini-stars{display:flex;gap:8px;color:#344358;font-size:17px;line-height:1}.mini-stars .earned{color:var(--gold);text-shadow:0 0 9px #f5cf8320}.journey-strip{display:flex;align-items:center;gap:18px;border:1px solid #243348;background:linear-gradient(110deg,#142234,#101a28 65%);border-radius:12px;margin-top:26px;padding:23px 25px}.journey-symbol{background:#24332e;border:1px solid #4868464d;border-radius:11px;display:grid;place-items:center;width:43px;height:43px;color:#d6cc8e;flex-shrink:0}.journey-symbol svg{width:23px;height:23px}.journey-copy h3{font-size:13px;font-weight:500;letter-spacing:-.1px}.journey-copy p{font-size:10px;color:#8999ae;margin-top:6px}.journey-progress{margin-left:auto;width:222px;flex-shrink:0}.journey-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a8b5c8}.journey-progress strong{font-size:11px;font-weight:500;color:#e1e7ef}.journey-progress strong span{font-size:9px;color:#778ba0}.progress-track{height:4px;border-radius:10px;background:#29394d;margin-top:10px;overflow:hidden}.progress-track>span{display:block;height:100%;background:var(--mint);border-radius:10px;min-width:3px}.round-link{border-radius:50%;border:1px solid #3e5262;background:none;width:32px;height:32px;display:grid;place-items:center;margin-left:5px;color:#a6b6c7;flex-shrink:0}.round-link:hover{background:#ffffff08}.round-link svg{width:16px;height:16px}.site-footer{padding:28px 0 25px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#65758b;gap:20px}.site-footer>span{display:flex;align-items:center;gap:7px}.tiny-star{color:#8795ad;font-size:15px}.site-footer svg{width:12px;height:12px}.save-status{font-size:8px}.page-intro{padding:53px 0 31px}.page-intro h1{font-size:37px;letter-spacing:-1.6px;font-weight:550;margin:14px 0}.page-intro p{font-size:13px;line-height:1.8;color:#92a3b9}.constellation{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:58px 30px 35px;border:1px solid #31425666;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 45% 20%,#19364970,transparent 75%),radial-gradient(circle at 78% 52%,#39284a60,transparent 42%),#0e1929}.constellation:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#b8cbefaa 1px,transparent 1px),radial-gradient(#9ab4d080 1px,transparent 1px);background-size:111px 79px,153px 171px;background-position:43px 27px,18px 80px;opacity:.5}.constellation-orbit{position:absolute;border:1px dashed #90cadc30;border-radius:50%;width:88%;height:260px;top:60px;left:5%;transform:rotate(-8deg);z-index:-1}.constellation-world{text-align:center}.constellation-world:nth-child(3){padding-top:65px}.planet{width:190px;height:190px;border-radius:50%;margin:22px auto;position:relative;padding:0;background:#0d2531;display:block;box-shadow:0 0 0 9px #6addbf04,0 0 0 10px #6addbf20,0 0 45px #57cfa014;border:1px solid #6addbf50}.planet:hover{transform:translateY(-5px);box-shadow:0 0 0 9px #6addbf04,0 0 0 10px #6addbf50,0 0 65px #57cfa024}.planet img{width:100%;height:100%;border-radius:50%;object-fit:cover}.planet>span{position:absolute;bottom:1px;right:5px;background:#152e34;border:1px solid #578c7f;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--mint)}.blue .planet>span{background:#1a3149;border-color:#6c9fcd;color:#9bceef}.purple .planet>span{background:#392d4b;border-color:#9573b6;color:#d2b4ef}.constellation-world h2{font-size:19px;font-weight:500;letter-spacing:-.6px}.constellation-world>p{font-size:10px;color:#8e9eb4;margin:10px 0 21px}.constellation-nodes{display:flex;align-items:center;justify-content:center}.constellation-node{background:#162538;color:#778ea8;border:1px solid #39556d;border-radius:50%;width:30px;height:30px;font-size:11px}.constellation-node.lit{background:#364335;border-color:#a7a564;color:#f8d78a}.constellation-node:hover{border-color:var(--mint);color:var(--mint)}.node-line{width:22px;height:1px;background:#3a5269}.constellation-count{display:block;font-size:9px;color:#7c90a6;margin:12px 0 23px}.constellation-world .button{font-size:10px;min-height:38px;padding:10px 15px}.map-note{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:#8b9eb5;margin-top:26px;line-height:1.8}.map-note svg{color:#b5bd84;width:18px;height:18px}.journal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:5px 0 39px}.journal-stats article{display:flex;flex-direction:column;align-items:flex-start;gap:14px;border:1px solid #27364b;background:#111d2d;border-radius:12px;padding:23px}.journal-stats article>svg{color:var(--mint);width:22px;height:22px}.journal-stats article:first-child>svg{color:var(--gold)}.journal-stats strong{font-family:Space Grotesk Variable,sans-serif;font-size:32px;font-weight:500}.journal-stats strong small{font-size:17px;color:#657c95;font-weight:400}.journal-stats article>span{font-size:11px;color:#8e9fb5}.journal-world{margin-bottom:30px}.tag{font-size:10px;border-radius:7px;padding:7px 12px;background:#ffffff06;color:#83cab1;border:1px solid #83cab130}.tag.blue{color:#8ac9ed;border-color:#8ac9ed30}.tag.purple{color:#bea0e8;border-color:#bea0e830}.journal-list{border:1px solid #26354a;border-radius:12px;overflow:hidden}.journal-entry{width:100%;display:flex;align-items:center;gap:17px;background:#101c2b;padding:19px 22px;text-align:left;border-bottom:1px solid #ffffff07}.journal-entry:last-child{border-bottom:0}.journal-entry:hover{background:#152638}.journal-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#1d2d41;color:#69849f}.journal-icon.done{color:var(--mint);background:#1a3a34}.journal-icon svg{width:17px;height:17px}.journal-entry-title strong{display:block;font-size:12px;font-weight:500}.journal-entry-title>span{display:block;font-size:10px;color:#7f93ab;margin-top:6px}.journal-status{margin-left:auto;font-size:10px;color:#759b96}.journal-status.review{color:var(--gold)}.journal-entry>svg{width:16px;height:16px;color:#7286a0}.modal{background:linear-gradient(140deg,#17273b,#101b2b);color:#e6eef7;border:1px solid #41516b;border-radius:20px;padding:40px;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 28px 150px #0007;position:fixed}.modal::backdrop{background:#030913ba;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal-close{position:absolute;right:15px;top:15px;z-index:4;background:#0a152760;border-radius:50%}.modal>.eyebrow{margin-bottom:11px}.modal h2{font-size:28px;font-weight:550;letter-spacing:-1px;line-height:1.25;padding-right:10px}.modal-description{font-size:13px;line-height:1.9;color:#99b0c6;margin:16px 0 24px}.modal-emblem{display:grid;place-items:center;background:#73e7c210;border:1px solid #73e7c224;color:var(--mint);width:53px;height:53px;border-radius:15px;font-size:34px;margin-bottom:25px}.modal-emblem svg{width:25px;height:25px}.onboarding-options{display:flex;flex-direction:column;gap:11px}.onboarding-options>button{display:flex;align-items:center;gap:15px;width:100%;text-align:left;background:#172b40;border:1px solid #3b536c;border-radius:10px;padding:18px}.onboarding-options>button:first-child{background:#173a38;border-color:#579883}.onboarding-options>button:hover{border-color:var(--mint);transform:translate(3px)}.onboarding-options>button>svg:first-child{color:var(--mint);width:24px;height:24px}.onboarding-options strong{display:block;font-size:13px;font-weight:550}.onboarding-options small{display:block;font-size:10px;line-height:1.7;color:#9fb3c9;margin-top:5px}.onboarding-options>button>svg:last-child{margin-left:auto;width:16px;height:16px;color:#85a4b3}.small-note{font-size:10px;line-height:1.8;color:#7f96ad;margin:20px 0 0;text-align:center}.small-note svg{width:13px;height:13px;margin-right:3px}.full-width{width:100%;margin-top:10px}.assessment-expression{padding:28px 20px;text-align:center;font-family:Space Grotesk Variable,sans-serif;font-size:42px;color:var(--gold);background:#0b1726;border:1px solid #ffffff0b;border-radius:12px;margin:20px 0}.assessment-answers{display:flex;gap:10px;margin:18px 0}.assessment-answers>button{flex:1;font-size:19px}.world-modal{padding-top:230px;overflow-x:hidden}.world-modal-art{position:absolute;left:0;top:0;width:100%;height:203px;object-fit:cover;border-bottom:1px solid #77abbb40}.world-concepts{display:flex;gap:10px;align-items:center;color:var(--mint);font-size:12px;background:#73e7c209;border-radius:8px;padding:13px;margin-bottom:20px}.how-steps{display:flex;flex-direction:column;gap:25px;margin:30px 0}.how-steps>div{display:flex;gap:17px}.how-steps>div>span{font-size:13px;font-weight:600;color:var(--mint);padding-top:2px}.how-steps h3{font-size:15px;font-weight:500;margin-bottom:9px}.how-steps p{font-size:12px;line-height:1.9;color:#91a9c1}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:19px;padding:1px 5px;background:#213348;border:1px solid #40566e;border-radius:4px;font-family:inherit;font-size:10px;line-height:1.6;color:#bdcede}.help-tip{padding:17px;background:#73e7c20a;border:1px solid #73e7c220;border-radius:9px;color:#90b4b9;font-size:11px;line-height:1.9}.help-tip svg{width:16px;height:16px;margin-right:5px}.settings-form{margin:25px 0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;border-bottom:1px solid #ffffff0b}.setting-row strong{font-size:12px;font-weight:550;display:block}.setting-row small{display:block;color:#8198b0;font-size:10px;line-height:1.6;margin-top:6px}.setting-row select{font-size:11px;background:#0c192b;border:1px solid #405571;border-radius:7px;padding:10px 9px;max-width:140px;color:#c8d8e8}.range-control{width:135px;display:flex;align-items:center;gap:9px;flex-shrink:0}.range-control input{width:90px;accent-color:var(--mint)}.range-control output{font-size:10px;color:#9ab0c5;min-width:30px}.toggle{appearance:none;background:#2b3f55;width:36px;height:21px;flex-shrink:0;border:1px solid #47617b;border-radius:30px;position:relative;cursor:pointer}.toggle:before{content:"";width:13px;height:13px;background:#a3b3c4;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .2s}.toggle:checked{background:#338871;border-color:#72d6b9}.toggle:checked:before{transform:translate(14px);background:#c8ffeb}.wardrobe-preview{position:relative;display:flex;align-items:center;justify-content:center;height:180px;background:radial-gradient(ellipse,#29554c60,transparent 60%);margin:0 0 25px}.wardrobe-preview>img{height:180px}.wardrobe-preview>span{font-size:42px;color:var(--gold);margin-left:10px;text-shadow:0 0 30px #ffe09870}.wardrobe-preview.aurora>img{filter:hue-rotate(90deg)}.wardrobe-preview.solar>img{filter:hue-rotate(270deg)}.costume-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.costume{display:flex;flex-direction:column;align-items:center;padding:16px 8px;border:1px solid #38516a;border-radius:10px;background:#162639}.costume.selected{border-color:var(--mint);background:#1a393b}.costume-swatch{width:27px;height:27px;border-radius:9px;background:#6ce3c2;display:block;margin-bottom:14px;box-shadow:0 0 0 5px #6ce3c211}.costume.purple .costume-swatch{background:#b497ed;box-shadow:0 0 0 5px #b497ed11}.costume.gold .costume-swatch{background:#f2cf84;box-shadow:0 0 0 5px #f2cf8411}.costume strong{font-size:10px;font-weight:500}.costume small{font-size:9px;line-height:1.5;color:#8ba0b7;margin-top:8px}.game-shell{max-width:1440px;margin:0 auto;padding:0 28px}.game-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;height:88px}.game-world-title{text-align:center}.game-world-title>span{color:#7a93a9;font-size:8px;letter-spacing:1.5px}.game-world-title h1{font-size:18px;letter-spacing:-.5px;margin-top:5px;font-weight:500}.game-tools{display:flex;align-items:center;gap:5px}.game-tools>span{display:flex;align-items:center;gap:7px;margin-right:14px;color:var(--gold);font-size:12px}.game-tools>span svg{width:15px;height:15px}.game-stage{position:relative;background:#0b1f30;border:1px solid #34526766;border-radius:15px;overflow:hidden;isolation:isolate;height:calc(100dvh - 224px);min-height:350px;max-height:800px}#game-container{width:100%;height:100%;overflow:hidden}#game-container canvas{display:block;margin:auto!important;touch-action:none}.game-loading{position:absolute;inset:0;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;background:#0d2230;pointer-events:none}.game-loading>span{font-size:55px;color:var(--gold);animation:breathe 1.5s ease-in-out infinite}.game-loading p{font-size:12px;color:#9bb8c6}.game-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 3px;font-size:10px;color:#7a91a8}.game-bottom>span:first-child{display:flex;align-items:center;gap:7px}.game-bottom svg{width:15px;height:15px;color:var(--gold)}.game-bottom kbd{margin:0 3px;font-size:8px;min-width:15px}.touch-controls{position:absolute;left:16px;right:16px;bottom:15px;display:none;align-items:flex-end;justify-content:space-between;pointer-events:none}.touch-controls>div{display:flex;gap:10px}.touch-controls button{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;display:grid;place-items:center;width:53px;height:49px;border-radius:14px;background:#132d42bf;border:1px solid #aacade50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#d9eaf2}.touch-controls button:active{background:#4e9e84aa;transform:scale(.94)}.touch-controls button.touch-jump{width:60px;height:60px;border-radius:50%;background:#428b74b0;color:#d7fff0}.toast{position:fixed;z-index:10000;left:50%;bottom:26px;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#163a35f5;border:1px solid #7edeae60;border-radius:11px;box-shadow:0 8px 35px #0006;padding:15px 22px;font-size:12px;color:#c4f7e2;max-width:calc(100vw - 32px);width:max-content;animation:toast-in .25s ease-out;pointer-events:none}.toast svg{width:18px;height:18px;color:var(--gold)}.celebration-stars{font-size:38px;display:flex;align-items:center;justify-content:center;gap:18px;color:var(--gold);margin:10px 0 30px;text-shadow:0 0 30px #f5cf8350}.celebration-stars>span{font-size:68px}.challenge-dialog{width:min(820px,calc(100vw - 24px));padding:0;border-radius:18px}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.large-text{font-size:18px}.large-text .modal-description,.large-text .how-steps p,.large-text .learning-panel,.large-text .world-content>p{font-size:16px}.large-text .setting-row strong,.large-text .onboarding-options strong,.large-text .button,.large-text .nav-link{font-size:15px}.large-text .hero-copy>p{font-size:16px}.large-text .journal-entry-title strong{font-size:16px}.large-text .journal-entry-title>span,.large-text .journal-status{font-size:13px}@keyframes breathe{50%{transform:scale(1.13);opacity:.6}}@keyframes toast-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:1550px){.header-inner,.main-shell{max-width:1456px}.hero{min-height:475px}.hero-copy{padding-top:61px}.hero h1{font-size:55px}.hero-copy>p{font-size:14px}.hero .button{font-size:13px;min-height:50px}.world-image{aspect-ratio:2.25}.world-card h3{font-size:18px}.world-content{padding:21px}.world-content>p{font-size:11px}.hero-guide{right:48px;bottom:57px}.hero-guide strong{font-size:12px}.hero-guide div>span{font-size:10px}}@media(max-width:1100px){.header-inner,.main-shell{padding-left:30px;padding-right:30px}nav{margin-left:0;gap:23px}.hero-copy{padding-left:32px}.hero h1{font-size:43px}.hero-copy>p{font-size:12px}.hero-guide{right:22px;bottom:55px}.hero-guide strong{font-size:9px}.hero-guide div>span{font-size:8px}.world-grid{gap:15px}.world-content{padding:16px 14px}.world-card h3{font-size:14px}.world-content>p{font-size:9px}.world-state{font-size:7px}.journey-copy h3{font-size:12px}.journey-copy p{font-size:9px}.journey-progress{width:180px}.constellation{gap:17px;padding:40px 20px 30px}.planet{width:160px;height:160px}.constellation-world h2{font-size:16px}.constellation-world>p{font-size:9px}}@media(max-width:800px){.site-header{height:73px}.header-inner,.main-shell{padding-left:23px;padding-right:23px}.header-inner{gap:17px}.brand{font-size:26px;gap:7px}.brand-mark{font-size:33px}nav{gap:20px}.nav-link{font-size:11px;gap:6px}.nav-link svg{display:none}.header-tools{gap:9px}.tool-divider,.settings-button{display:none}.star-balance{min-width:48px;padding:7px 9px;font-size:12px}.avatar-button{width:32px;height:32px}.hero{min-height:428px}.hero-copy{padding:39px 27px;max-width:470px}.hero h1{font-size:41px}.hero-art{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#0a1a29eb,#0a1a2999 48%,transparent 85%)}.hero-guide{display:none}.hero-actions{gap:15px}.hero .button{font-size:11px;padding:12px 14px}.hero-notes{font-size:8px}.hero .primary svg:last-child{margin-left:0}.hero-help{padding-left:0!important;padding-right:0!important}.hero-coordinate{font-size:7px}.world-grid{gap:13px}.world-image{aspect-ratio:1.7}.world-card h3{font-size:13px;line-height:1.5}.world-card-title{align-items:flex-start}.world-card-title>svg{display:none}.world-content>p{line-height:1.7;min-height:30px}.world-state{max-width:calc(100% - 20px);font-size:7px;left:10px;padding:5px 6px}.world-number{left:10px;top:10px;font-size:7px}.card-progress{font-size:9px}.mini-stars{gap:4px;font-size:13px}.journey-strip{padding:20px;gap:13px;flex-wrap:wrap}.journey-copy{flex:1}.journey-progress{width:160px}.journey-copy p{line-height:1.7;max-width:230px}.round-link{display:none}.welcome-line{margin-top:24px}.welcome-line>span:last-child{font-size:9px}.welcome-line>span:first-child{font-size:8px}.section-heading h2{font-size:23px}.page-intro h1{font-size:31px}.constellation{grid-template-columns:1fr;padding-top:35px;gap:45px}.constellation-world:nth-child(3){padding-top:0}.constellation-orbit{width:170px;height:80%;top:10%;left:calc(50% - 85px);transform:none}.constellation-world h2{font-size:21px}.planet{width:190px;height:190px}.constellation-world>p{font-size:11px}.constellation-world .button{font-size:11px}.journal-stats{grid-template-columns:repeat(2,1fr)}.journal-status{font-size:9px}.game-shell{padding:0 16px}.game-toolbar{height:76px}.game-stage{height:calc(100dvh - 205px)}.game-world-title h1{font-size:15px}.game-bottom>span:last-child{display:none}.game-tools>span{margin-right:3px}.game-tools .icon-button{width:32px;height:32px}.game-tools .icon-button svg{width:18px;height:18px}}@media(pointer:coarse){.touch-controls{display:flex}.game-bottom>span:last-child{display:none}}@media(max-width:580px){.header-inner,.main-shell{padding-left:18px;padding-right:18px}.header-inner{flex-wrap:wrap;gap:0}.site-header{height:112px}.brand{font-size:27px;margin-top:8px}.brand-mark{font-size:35px}.header-tools{margin-top:8px;gap:13px}.header-tools .settings-button{display:flex;width:29px;height:29px}.header-tools .settings-button svg{width:17px;height:17px}.avatar-button{display:none}nav{order:3;flex-basis:100%;height:41px;align-self:flex-end;justify-content:center;gap:39px}.nav-link{font-size:11px;gap:7px}.nav-link svg{display:block;width:14px;height:14px}.welcome-line{margin-top:23px;margin-bottom:15px}.welcome-line>span:first-child{font-size:7px;letter-spacing:1.4px}.welcome-line>span:last-child{font-size:8px}.welcome-line svg{width:12px;height:12px}.hero{min-height:525px;border-radius:13px}.hero-art{object-position:72% center;opacity:.85}.hero-shade{background:linear-gradient(180deg,#0a1a29d9 7%,#0a1a29a6 50%,#0a1a2900 81%)}.hero-copy{padding:31px 24px;max-width:100%}.hero .eyebrow{font-size:6.7px;letter-spacing:1.3px}.hero h1{font-size:39px;letter-spacing:-1.8px;margin-top:20px}.hero-copy>p{font-size:11px;margin-top:18px;line-height:1.9}.hero-actions{gap:18px;margin-top:23px;flex-wrap:wrap}.hero .primary{padding:13px 15px;font-size:10px;min-height:43px;gap:8px}.hero-help{font-size:10px!important;gap:6px}.hero-help svg{width:13px;height:13px}.hero .primary svg{width:14px;height:14px}.hero .primary svg:first-child{width:11px;height:11px}.hero-notes{font-size:7px;gap:7px;margin-top:16px}.hero-coordinate{bottom:17px;right:19px;font-size:6px}.world-section{margin-top:29px}.section-heading{gap:10px;align-items:center;margin-bottom:17px}.section-kicker{font-size:6.5px;letter-spacing:1.3px}.section-heading h2{font-size:21px;margin-top:8px;letter-spacing:-.7px}.section-heading .text-button{font-size:9px;gap:5px;padding-top:20px;white-space:nowrap}.section-heading .text-button svg{width:13px;height:13px}.world-grid{grid-template-columns:1fr;gap:18px}.world-image{aspect-ratio:2.15}.world-number{font-size:8px;top:15px;left:15px}.world-state{font-size:8px;left:15px;bottom:12px;padding:6px 9px}.world-content{padding:19px}.world-card h3{font-size:18px}.world-card-title>svg{display:block;width:17px;height:17px}.world-content>p{font-size:11px;min-height:0;margin-top:6px}.card-progress{font-size:11px;padding-top:15px;margin-top:17px}.mini-stars{font-size:17px;gap:8px}.journey-strip{padding:21px;gap:13px;margin-top:22px}.journey-symbol{width:36px;height:36px;border-radius:9px}.journey-symbol svg{width:20px;height:20px}.journey-copy{flex-basis:calc(100% - 49px)}.journey-copy h3{font-size:12px;line-height:1.5}.journey-copy p{font-size:10px;max-width:100%}.journey-progress{width:100%;margin-top:7px}.journey-progress>div:first-child{font-size:10px}.site-footer{padding-top:24px;padding-bottom:25px;flex-direction:column;align-items:center;gap:12px;font-size:8px}.save-status{font-size:7px}.modal{padding:32px 23px;border-radius:15px;width:calc(100vw - 24px)}.modal h2{font-size:25px}.modal-description{font-size:12px}.modal>.eyebrow{font-size:8px}.onboarding-options>button{padding:15px 12px;gap:12px}.onboarding-options>button>svg:first-child{width:20px;height:20px}.onboarding-options strong{font-size:12px}.onboarding-options small{font-size:9px}.onboarding-options>button>svg:last-child{width:14px;height:14px}.world-modal{padding-top:203px}.world-modal-art{height:180px}.setting-row{gap:10px}.setting-row small{font-size:9px}.range-control{width:113px;gap:5px}.range-control input{width:75px}.setting-row select{max-width:112px;font-size:10px}.costume-options{gap:7px}.costume strong{font-size:9px}.costume small{font-size:8px}.page-intro{padding:33px 0 25px}.page-intro h1{font-size:30px;line-height:1.2}.page-intro p{font-size:11px}.journal-stats{gap:11px;margin-bottom:27px}.journal-stats article{padding:19px;gap:11px}.journal-stats article>span{font-size:9px}.journal-stats strong{font-size:29px}.journal-entry{padding:16px 13px;gap:11px}.journal-entry-title strong{font-size:11px}.journal-entry-title>span{font-size:9px}.journal-status{display:none}.journal-entry>svg{margin-left:auto;width:14px;height:14px}.journal-icon{width:30px;height:30px;border-radius:7px}.game-shell{padding:0 8px}.game-toolbar{height:72px;gap:5px}.game-toolbar>.text-button{font-size:9px}.game-toolbar>.text-button>span{display:none}.game-world-title h1{font-size:13px}.game-world-title>span{font-size:7px}.game-tools>span{font-size:9px;gap:4px}.game-tools>span svg{width:12px;height:12px}.game-tools .icon-button{width:27px;height:27px}.game-tools .icon-button svg{width:16px;height:16px}#fullscreen{display:none}.game-stage{height:calc(100dvh - 229px);min-height:350px;border-radius:10px}.game-bottom{font-size:8px;line-height:1.6;padding:15px 3px}.game-bottom svg{width:12px;height:12px}.touch-controls{display:flex;left:12px;right:12px;bottom:13px}.touch-controls button{width:44px;height:44px;border-radius:12px}.touch-controls>div{gap:8px}.touch-controls button.touch-jump{width:53px;height:53px}.toast{font-size:10px;padding:13px 17px;bottom:18px;gap:9px}.challenge-dialog{padding:0}.map-note{font-size:10px;align-items:flex-start}.large-text .hero h1{font-size:37px}.large-text .hero-copy>p{font-size:14px}.large-text .hero{min-height:580px}.large-text .setting-row{flex-wrap:wrap}.large-text .nav-link{font-size:12px}}@media(max-height:550px)and (orientation:landscape){.site-header{display:none}.game-toolbar{height:55px}.game-stage{height:calc(100dvh - 68px);min-height:200px}.game-bottom{display:none}.touch-controls{display:flex}.game-shell{padding:0 12px}.modal{max-height:calc(100dvh - 20px)}}.intro{position:fixed;inset:0;z-index:20000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at 50% 60%,#143a4a,#0a1a2b 45%,#060d19);color:#e9edf5;overflow:hidden;animation:intro-in .6s ease-out;cursor:pointer}.intro-leaving{animation:intro-out .5s ease-in forwards;pointer-events:none}.intro-sky{position:absolute;inset:0;pointer-events:none}.intro-sky span{position:absolute;width:3px;height:3px;border-radius:50%;background:#e6f4ef;opacity:0;animation:intro-twinkle 3s ease-in-out infinite}.intro-logo{position:relative;display:flex;align-items:center;gap:16px;font-family:Space Grotesk Variable,sans-serif;font-size:clamp(46px,9vw,92px);font-weight:700;letter-spacing:-3px}.intro-mark{display:inline-block;color:var(--mint);font-weight:400;text-shadow:0 0 34px #73e7c2aa,0 0 80px #73e7c255;animation:intro-star 1.4s cubic-bezier(.2,.9,.3,1.2) both}.intro-word{display:inline-flex}.intro-word>span{display:inline-block;opacity:0;animation:intro-letter .55s ease-out both}.intro-dot{color:var(--mint);opacity:0;animation:intro-letter .55s ease-out 1.5s both}.intro-tagline{color:#9fb3c2;font-size:clamp(12px,1.6vw,16px);letter-spacing:1.4px;opacity:0;animation:intro-letter .7s ease-out 1.85s both}.intro-skip{position:absolute;right:24px;bottom:22px;background:#ffffff0a;border:1px solid #ffffff22;color:#b9c8d6;border-radius:8px;padding:10px 16px;font-size:12px;opacity:0;animation:intro-letter .5s ease-out 1.2s both}.intro-skip:hover{background:#ffffff16;color:#fff}.intro-still .intro-mark,.intro-still .intro-word>span,.intro-still .intro-dot,.intro-still .intro-tagline,.intro-still .intro-skip{animation:none;opacity:1;transform:none}.intro-still,.intro-still .intro-sky span{animation:none}.intro-still .intro-sky span{opacity:.5}@keyframes intro-in{0%{opacity:0}to{opacity:1}}@keyframes intro-out{to{opacity:0;transform:scale(1.04)}}@keyframes intro-twinkle{0%,to{opacity:0;transform:scale(.6)}50%{opacity:.9;transform:scale(1.2)}}@keyframes intro-star{0%{opacity:0;transform:translateY(-140px) rotate(-200deg) scale(.2)}60%{opacity:1;transform:translateY(6px) rotate(-6deg) scale(1.15)}to{opacity:1;transform:translateY(0) rotate(-12deg) scale(1)}}@keyframes intro-letter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero-art{animation:hero-drift 26s ease-in-out infinite alternate;transform-origin:60% 50%}.hero-sky{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.hero-sky .sky-star{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff8e4;box-shadow:0 0 8px #ffe9a8;animation:sky-twinkle 3.4s ease-in-out infinite}.hero-sky .sky-mote{position:absolute;bottom:-10px;width:5px;height:5px;border-radius:50%;background:#8ff0d3;box-shadow:0 0 10px #73e7c2;opacity:0;animation:sky-rise 12s linear infinite}.hero-sky .sky-cloud{position:absolute;height:34px;border-radius:50%;background:radial-gradient(ellipse,#cfe6ea22,transparent 70%);animation:sky-cloud 40s linear infinite}.hero-guide{animation:guide-float 5s ease-in-out infinite}.guide-star{animation:guide-glow 2.6s ease-in-out infinite}@keyframes hero-drift{0%{transform:scale(1.02) translate(0)}to{transform:scale(1.07) translate(-1.2%,-1%)}}@keyframes sky-twinkle{0%,to{opacity:.15;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}@keyframes sky-rise{0%{opacity:0;transform:translate(0)}12%{opacity:.85}85%{opacity:.45}to{opacity:0;transform:translate(24px,-440px)}}@keyframes sky-cloud{0%{transform:translate(-30%)}to{transform:translate(130%)}}@keyframes guide-float{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-7px)}}@keyframes guide-glow{0%,to{text-shadow:0 0 21px #eecb76}50%{text-shadow:0 0 34px #ffe9a8,0 0 60px #eecb7688}}.account-button{display:flex;align-items:center;gap:8px;background:#ffffff08;border:1px solid #ffffff1a;border-radius:9px;color:#c7d6e3;padding:8px 12px;font-size:12px;font-weight:600;max-width:180px}.account-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-button:hover{background:#ffffff12;border-color:#73e7c270;color:#fff}.account-button.signed-in{border-color:#73e7c245;color:#a9f0d9}.account-button svg{width:16px;height:16px}.world-card.locked .world-image img{filter:saturate(.55) brightness(.75)}.world-lock{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:6px;background:#0a1a29d9;border:1px solid #f5cf8355;color:var(--gold);border-radius:20px;padding:6px 11px;font-size:10px;font-weight:600;letter-spacing:.4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.world-lock svg{width:12px;height:12px}.gate-benefits{display:flex;flex-direction:column;gap:9px;margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#ffffff05}.gate-benefits span{display:flex;align-items:center;gap:10px;font-size:13px;color:#c9d7e2}.gate-benefits svg{width:17px;height:17px;color:var(--mint);flex-shrink:0}.auth-tabs{display:flex;gap:6px;margin:18px 0 14px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#0b1526}.auth-tabs button{flex:1;background:transparent;color:#8e9bb0;border-radius:7px;padding:9px;font-size:13px;font-weight:600}.auth-tabs button[aria-selected=true]{background:#1a2a40;color:#e9edf5}.account-form{display:flex;flex-direction:column;gap:12px}.account-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#a8b6c7;font-weight:600}.account-form input{background:#0b1526;border:1px solid #2b3a52;border-radius:8px;color:#e9edf5;padding:12px 13px;font-size:14px}.account-form input:focus{border-color:var(--mint);outline:none;box-shadow:0 0 0 3px #73e7c222}.account-form .button{margin-top:6px}.form-error{margin:0;padding:10px 12px;border-radius:8px;background:#4a1f2a;border:1px solid #c2506a55;color:#ffb3c1;font-size:12px}.account-profile{display:flex;flex-direction:column;gap:8px;margin:18px 0;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#ffffff05;font-size:13px;color:#c9d7e2}.account-profile span{display:flex;align-items:center;gap:9px}.account-profile svg{width:16px;height:16px;color:var(--mint)}.text-button.danger{color:#ff9fb1}.modal .button.full-width+.button.full-width{margin-top:10px}.touch-controls .touch-luma{color:#ffe9a8;font-size:22px;border-color:#f5cf8355}.costume .costume-swatch{background:var(--scarf,#e8b65e)}.costume small+small{display:block;margin-top:4px;opacity:.75}.copper .planet>span{background:#3a2718;border-color:#c48a49;color:#f0c27b}.tag.copper{color:#f0c27b;border-color:#f0c27b30}.constellation-world.copper .planet{box-shadow:0 0 0 6px #f0c27b12}.indigo .planet>span{background:#1b2550;border-color:#5b6fb5;color:#b8c7ff}.tag.indigo{color:#b8c7ff;border-color:#b8c7ff30}.constellation-world.indigo .planet{box-shadow:0 0 0 6px #b8c7ff12}.world-card.copper .world-state{color:#f0c27b}.world-card.indigo .world-state{color:#b8c7ff}.daily-card{display:flex;align-items:center;gap:22px;margin-top:22px;padding:22px 26px;border:1px solid #f5cf8340;border-radius:16px;background:linear-gradient(120deg,#1a2338,#101b2b)}.daily-card.done{border-color:#73e7c240}.daily-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#f5cf8318;color:var(--gold);flex-shrink:0}.daily-card.done .daily-symbol{background:#73e7c218;color:var(--mint)}.daily-symbol svg{width:26px;height:26px}.daily-copy{flex:1;min-width:0}.daily-copy h3{font-size:20px;margin-top:6px;letter-spacing:-.4px}.daily-copy p{color:#a8becb;font-size:13px;margin-top:6px}.daily-streak{display:flex;flex-direction:column;align-items:center;min-width:80px;color:#8e9bb0;font-size:11px}.daily-streak strong{font-family:Space Grotesk Variable,sans-serif;font-size:30px;color:var(--gold);line-height:1}@media(max-width:700px){.daily-card{flex-wrap:wrap;gap:14px;padding:18px}.daily-streak{flex-direction:row;gap:8px;min-width:0}.daily-card .button{width:100%}}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.achievement{display:grid;gap:6px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#ffffff04;opacity:.62}.achievement.done{opacity:1;border-color:#f5cf8355;background:#f5cf830d}.achievement-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#ffffff0a;color:#8e9bb0}.achievement.done .achievement-icon{background:#f5cf8322;color:var(--gold)}.achievement strong{font-size:14px;color:#e9edf5}.achievement>span:not(.achievement-icon){font-size:12px;color:#a8becb;line-height:1.5}.achievement small{font-size:11px;color:#8e9bb0}.achievement.done small{color:var(--gold)}.journal-solution{display:block;margin-top:6px;font-family:Georgia,serif;font-style:normal;color:#e8ce90;font-size:12px}.guardian-letter{font-family:Georgia,serif;font-style:italic;line-height:1.8;color:#d6e2ec}.moss .planet>span{background:#1b2e1c;border-color:#9bc25a;color:#d9b84a}.tag.moss{color:#b9d46b;border-color:#b9d46b30}.constellation-world.moss .planet{box-shadow:0 0 0 6px #b9d46b12}.terracotta .planet>span{background:#361a13;border-color:#c9744a;color:#f0c9a0}.tag.terracotta{color:#f0a37c;border-color:#f0a37c30}.constellation-world.terracotta .planet{box-shadow:0 0 0 6px #f0a37c12}.world-card.moss .world-state{color:#b9d46b}.world-card.terracotta .world-state{color:#f0a37c}.costume.moss .costume-swatch{background:#b9d46b;box-shadow:0 0 0 5px #b9d46b11}.costume.terracotta .costume-swatch{background:#e2734a;box-shadow:0 0 0 5px #e2734a11}.profile-section{margin:18px 0 6px}.profile-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.profile-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line);border-radius:30px;background:#ffffff05;color:#e9edf5;font-size:13px}.profile-chip:hover:not(:disabled){border-color:var(--mint);background:#ffffff0b}.profile-chip:disabled{opacity:1;cursor:default}.profile-chip.active{border-color:var(--mint);background:#1a393b}.profile-chip small{font-size:10px;color:#8e9bb0}.profile-chip.add{border-style:dashed;color:#a8b6c7}.profile-dot{width:12px;height:12px;border-radius:50%;background:var(--mint)}.profile-chip.gold .profile-dot,.color-option.gold span{background:#f5cf83}.profile-chip.purple .profile-dot,.color-option.purple span{background:#b497ed}.profile-chip.blue .profile-dot,.color-option.blue span{background:#a9dcef}.profile-chip.copper .profile-dot,.color-option.copper span{background:#f0c27b}.profile-chip.indigo .profile-dot,.color-option.indigo span{background:#b8c7ff}.profile-chip.moss .profile-dot,.color-option.moss span{background:#b9d46b}.profile-chip.terracotta .profile-dot,.color-option.terracotta span{background:#e2734a}.color-option.mint span{background:var(--mint)}.color-options{display:flex;gap:10px;flex-wrap:wrap}.color-option{position:relative;width:34px;height:34px;cursor:pointer}.color-option input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.color-option span{display:block;width:100%;height:100%;border-radius:50%;border:2px solid transparent}.color-option input:checked+span{border-color:#fff;box-shadow:0 0 0 3px #fff3}.color-option input:focus-visible+span{outline:2px solid var(--mint);outline-offset:3px}.teacher-page{padding-bottom:40px}.teacher-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-top:8px}.teacher-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.teacher-card .section-heading{margin-bottom:12px}.teacher-locked{text-align:center;display:grid;justify-items:center;gap:14px;max-width:560px;margin:10px auto 0}.teacher-locked h2{font-size:22px;letter-spacing:-.4px}.inline-form{margin-top:16px;flex-direction:row;align-items:flex-end;flex-wrap:wrap}.inline-form label{flex:1;min-width:180px}.inline-form .button{margin-top:0}.class-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.class-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#ffffff04}.class-row>div:first-child{display:flex;flex-direction:column;gap:4px}.class-row span{font-size:12px;color:#a8b6c7}.class-code{font-family:Space Grotesk Variable,sans-serif;font-size:15px;letter-spacing:3px;color:var(--gold);font-weight:700}.class-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.class-actions .button{min-height:38px;padding:8px 12px;font-size:12px}.teacher-report{margin-top:28px}.teacher-report:empty{display:none}.teacher-suggestion{display:flex;align-items:center;gap:14px;padding:16px 18px;margin:10px 0 18px;border:1px solid #73e7c236;border-radius:12px;background:#0f2a2a}.teacher-suggestion svg{width:24px;height:24px;color:var(--mint);flex-shrink:0}.teacher-suggestion div{display:flex;flex-direction:column;gap:4px}.teacher-suggestion span{font-size:13px;color:#a8becb}.report-world{border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:10px;overflow:hidden}.report-world summary{display:flex;align-items:center;gap:14px;padding:14px 18px;cursor:pointer;list-style:none;font-weight:600}.report-world summary::-webkit-details-marker{display:none}.report-world summary>span:first-child{flex:1}.report-bar{flex:2;height:8px;border-radius:4px;background:#ffffff0c;overflow:hidden}.report-bar i{display:block;height:100%;background:var(--mint)}.report-world summary strong{min-width:52px;text-align:right;color:var(--gold)}.table-scroll{overflow-x:auto;padding:0 12px 12px}.report-table{width:100%;border-collapse:collapse;font-size:12px}.report-table th,.report-table td{text-align:left;padding:8px 10px;border-top:1px solid var(--line);white-space:nowrap}.report-table th{font-size:10px;letter-spacing:1.2px;color:#8f9cb1;font-weight:600}.report-table td:nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums}.report-table th:nth-child(n+3){text-align:right}.report-table tr.needs-review td{color:var(--gold)}@media(max-width:820px){.teacher-grid{grid-template-columns:1fr}}.cobalt .planet>span{background:#1c2a5e;border-color:#3b6fe0;color:#f2f4ff}.tag.cobalt{color:#9fb6e6;border-color:#9fb6e630}.constellation-world.cobalt .planet{box-shadow:0 0 0 6px #9fb6e612}.violet .planet>span{background:#2c1540;border-color:#b76cb0;color:#f1c9ea}.tag.violet{color:#f0a6ff;border-color:#f0a6ff30}.constellation-world.violet .planet{box-shadow:0 0 0 6px #f0a6ff12}.world-card.cobalt .world-state{color:#9fb6e6}.world-card.violet .world-state{color:#f0a6ff}.costume.cobalt .costume-swatch{background:#8fb3ff;box-shadow:0 0 0 5px #8fb3ff11}.costume.violet .costume-swatch{background:#f0a6ff;box-shadow:0 0 0 5px #f0a6ff11}.profile-chip.cobalt .profile-dot,.color-option.cobalt span{background:#8fb3ff}.profile-chip.violet .profile-dot,.color-option.violet span{background:#f0a6ff}.journal-page .page-intro .button{margin-top:16px}.journal-solution small{color:#8e9bb0;font-style:normal}.graphite .planet>span{background:#1c2129;border-color:#5f6b80;color:#7fe0ff}.tag.graphite{color:#8fd3e6;border-color:#8fd3e630}.constellation-world.graphite .planet{box-shadow:0 0 0 6px #8fd3e612}.snow .planet>span{background:#2f6fb5;border-color:#dff2ff;color:#ffd76a}.tag.snow{color:#dff2ff;border-color:#dff2ff30}.constellation-world.snow .planet{box-shadow:0 0 0 6px #dff2ff12}.world-card.graphite .world-state{color:#8fd3e6}.world-card.snow .world-state{color:#dff2ff}.costume.graphite .costume-swatch{background:#7fe0ff;box-shadow:0 0 0 5px #7fe0ff11}.costume.snow .costume-swatch{background:#fff;box-shadow:0 0 0 5px #fff1}.profile-chip.graphite .profile-dot,.color-option.graphite span{background:#7fe0ff}.profile-chip.snow .profile-dot,.color-option.snow span{background:#f4f8ff}.unit-summary{list-style:none;margin:16px 0;padding:0;display:grid;gap:8px;text-align:left}.unit-summary li{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#ffffff04}.unit-summary li svg{width:16px;height:16px;flex-shrink:0;color:var(--mint)}.unit-summary li.gap svg{color:var(--gold)}.unit-summary strong{display:block;font-size:13px}.unit-summary small{font-size:11px;color:#8e9bb0}.aurora .planet>span{background:linear-gradient(135deg,#1e1b4b,#3b3f6b);border-color:#ffe7a3;color:#ffe7a3}.tag.aurora{color:#ffe7a3;border-color:#ffe7a330}.constellation-world.aurora .planet{box-shadow:0 0 0 6px #ffe7a312}.world-card.aurora .world-state{color:#ffe7a3}.costume.aurora .costume-swatch{background:conic-gradient(#7fe5ce,#f0c27b,#a9dcef,#d9b84a,#3b6fe0,#b8c7ff,#e86f4a,#ff8fc8,#d0b7f1,#7fe0ff,#ffd76a,#7fe5ce);box-shadow:0 0 0 5px #ffe7a311}.profile-chip.aurora .profile-dot,.color-option.aurora span{background:conic-gradient(#7fe5ce,#f0c27b,#3b6fe0,#ff8fc8,#ffd76a,#7fe5ce)}.finale-sky{position:relative;height:220px;margin:-8px 0 12px}.finale-sky .finale-star{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px;border-radius:50%;background:#fff;transform:rotate(calc(var(--i) * 360deg / var(--n))) translateY(-92px);opacity:0;animation:finale-light .9s ease-out forwards;animation-delay:calc(.35s + var(--i) * .22s);box-shadow:0 0 18px currentColor}.finale-sky .finale-star:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:92px;margin-left:-1px;background:linear-gradient(currentColor,transparent);opacity:.35;transform-origin:50% 0}.finale-star.mint{background:#7fe5ce;color:#7fe5ce}.finale-star.copper{background:#f0c27b;color:#f0c27b}.finale-star.blue{background:#a9dcef;color:#a9dcef}.finale-star.moss{background:#d9b84a;color:#d9b84a}.finale-star.cobalt{background:#3b6fe0;color:#3b6fe0}.finale-star.indigo{background:#b8c7ff;color:#b8c7ff}.finale-star.terracotta{background:#e86f4a;color:#e86f4a}.finale-star.violet{background:#ff8fc8;color:#ff8fc8}.finale-star.purple{background:#d0b7f1;color:#d0b7f1}.finale-star.graphite{background:#7fe0ff;color:#7fe0ff}.finale-star.snow{background:#ffd76a;color:#ffd76a}.finale-luma{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:52px;color:#fff5cf;text-shadow:0 0 30px #ffe7a3,0 0 60px #ffe7a380;animation:finale-pulse 2.4s ease-in-out infinite}@keyframes finale-light{0%{opacity:0;transform:rotate(calc(var(--i) * 360deg / var(--n))) translateY(-40px) scale(.3)}to{opacity:1;transform:rotate(calc(var(--i) * 360deg / var(--n))) translateY(-92px) scale(1)}}@keyframes finale-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}.finale-guardians{list-style:none;margin:14px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;text-align:left}.finale-guardians li{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#ffffff04;font-size:13px}.finale-guardians li small{display:block;font-size:10px;color:#8e9bb0}.finale-guardians .mint .profile-dot{background:#7fe5ce}.finale-guardians .copper .profile-dot{background:#f0c27b}.finale-guardians .blue .profile-dot{background:#a9dcef}.finale-guardians .moss .profile-dot{background:#d9b84a}.finale-guardians .cobalt .profile-dot{background:#3b6fe0}.finale-guardians .indigo .profile-dot{background:#b8c7ff}.finale-guardians .terracotta .profile-dot{background:#e86f4a}.finale-guardians .violet .profile-dot{background:#ff8fc8}.finale-guardians .purple .profile-dot{background:#d0b7f1}.finale-guardians .graphite .profile-dot{background:#7fe0ff}.finale-guardians .snow .profile-dot{background:#ffd76a}.reduced-motion .finale-star{animation:none;opacity:1}.reduced-motion .finale-luma{animation:none}.luma-orb{position:relative;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#ffe7a3 0,#ffd88a55 35%,transparent 70%);animation:luma-breathe 4s ease-in-out infinite}.luma-orb .luma-core{color:#fff5cf;text-shadow:0 0 18px #ffe7a3,0 0 40px #ffd88a80;line-height:1}@keyframes luma-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.reduced-motion .luma-orb{animation:none}.week-strip{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.week-strip li{display:grid;justify-items:center;gap:6px;padding:10px 4px;border-radius:12px;border:1px solid var(--line);background:#ffffff04;font-size:11px;color:#8e9bb0}.week-strip li i{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#ffffff08;font-style:normal;color:#0a111e}.week-strip li.played i{background:var(--gold);box-shadow:0 0 12px #f5cf8366}.week-strip li.today{border-color:var(--mint);color:#e9edf5}.week-strip.in-modal{margin:16px 0}.day-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:0 0 18px;padding:10px 12px 10px 10px;border-radius:16px;border:1px solid #73e7c224;background:linear-gradient(100deg,#132636 0,#0f1a2a 55%,#171a2c)}.day-strip.at-risk{border-color:#f5cf8352}.day-strip.complete{border-color:#f5cf8340;background:linear-gradient(100deg,#231f12 0,#141a22 60%)}.day-habit{display:flex;align-items:center;gap:12px;min-width:0}.luma-orb.mini{width:50px;height:50px;flex-shrink:0}.luma-orb.mini .luma-core{font-size:22px}.luma-orb.mini.stage-0 .luma-core{font-size:16px}.luma-orb.mini.stage-4 .luma-core{font-size:26px}.day-streak{display:grid;gap:3px;min-width:0}.day-streak strong{font-family:Space Grotesk Variable,sans-serif;font-size:24px;line-height:1;color:var(--gold);letter-spacing:-.6px;white-space:nowrap}.day-streak strong span{font-family:DM Sans Variable,sans-serif;font-size:12px;font-weight:600;letter-spacing:0;color:#e9dcb5}.day-streak small{max-width:240px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;color:#9fb0c3}.week-dots{list-style:none;margin:0 0 0 4px;padding:0;display:flex;gap:5px}.week-dots li{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;border:1px solid #ffffff12;background:#ffffff06;font-size:9px;font-weight:700;color:#6f7e93}.week-dots li.played{border-color:var(--gold);background:var(--gold);color:#1c1606;box-shadow:0 0 10px #f5cf8350}.week-dots li.today{box-shadow:0 0 0 2px #0f1a2a,0 0 0 3px var(--mint)}.week-dots li.played.today{box-shadow:0 0 0 2px #0f1a2a,0 0 0 3px var(--mint),0 0 12px #f5cf8360}.day-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}.day-step{display:flex;align-items:center;gap:10px;min-width:0;padding:7px 12px 7px 7px;border-radius:12px;border:1px solid var(--line);background:#ffffff05;color:#e9edf5;text-align:left}.day-step:hover{border-color:#73e7c266;background:#73e7c20d;transform:translateY(-1px)}.day-step-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#73e7c216;color:var(--mint);flex-shrink:0}.day-step-icon svg{width:16px;height:16px}.day-step-copy{display:grid;gap:2px;min-width:0}.day-step-copy small{font-size:9px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:#7e8da1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-step-copy strong{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-step.done .day-step-icon{background:var(--gold);color:#1c1606}.day-step.done .day-step-copy strong{color:#aeb8c5}.day-tools{display:flex;align-items:center;gap:6px}.day-progress{position:relative;width:42px;height:42px;flex-shrink:0}.day-progress svg{width:100%;height:100%;transform:rotate(-90deg)}.day-progress circle{fill:none;stroke-width:3.4}.day-progress .track{stroke:#ffffff12}.day-progress .value{stroke:var(--gold);stroke-linecap:round;transition:stroke-dasharray .6s ease}.day-progress span{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;font-weight:700;color:#e9edf5}.day-freeze{position:relative;font-size:17px;color:#9fdcff}.day-freeze b{position:absolute;right:4px;bottom:4px;font-size:9px;line-height:1;color:#e9edf5}.tab-bar{display:none}:root{--coral:#ff8f7d}.button{transition:transform .08s ease,box-shadow .08s ease,background .15s,border-color .15s}.button.primary{box-shadow:0 4px #2c9679,0 6px 18px #40d3ac14}.button.primary:hover{transform:translateY(-1px);box-shadow:0 5px #2c9679,0 8px 20px #40d3ac1c}.button.primary:active{transform:translateY(3px);box-shadow:0 1px #2c9679}.button.secondary{box-shadow:0 4px #ffffff12}.button.secondary:active{transform:translateY(3px);box-shadow:0 1px #ffffff12}.day-step{box-shadow:0 3px #ffffff0d;transition:transform .08s ease,box-shadow .08s ease,border-color .15s,background .15s}.day-step:active{transform:translateY(2px);box-shadow:0 1px #ffffff0d}.reduced-motion .button,.reduced-motion .day-step{transition:none}.journal-icon.done{color:#1c1606;background:var(--gold)}.journal-status.review{color:var(--mint)}.day-goal{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 10px;border-radius:9px;border:1px solid #f5cf8340;background:#f5cf830d;color:var(--gold);font-size:11px;font-weight:700;box-shadow:0 3px #f5cf8318}.day-goal:active{transform:translateY(2px);box-shadow:0 1px #f5cf8318}.day-goal svg{width:14px;height:14px}.day-goal.set{background:transparent;box-shadow:none;border-color:#f5cf8330}.day-strip.repairing{border-color:#f5cf8366}.luma-orb.mood-curious{animation:luma-curious 5s ease-in-out infinite}.luma-orb.mood-glow .luma-core{text-shadow:0 0 22px #ffe7a3,0 0 50px #ffd88a}.luma-orb.mood-proud{animation:luma-proud 2.4s ease-in-out infinite}.luma-orb.mood-rest{animation:luma-breathe 7s ease-in-out infinite;filter:saturate(.7) brightness(.85)}@keyframes luma-curious{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-3px) rotate(-8deg)}60%{transform:translateY(0) rotate(6deg)}}@keyframes luma-proud{0%,to{transform:scale(1)}40%{transform:scale(1.14) rotate(8deg)}60%{transform:scale(1.08) rotate(-4deg)}}.reduced-motion .luma-orb[class*=mood-]{animation:none}.session-luma{width:96px;height:96px;margin:0 auto 6px}.session-luma .luma-core{font-size:40px}.milestone-modal{text-align:center}.milestone-sky{position:relative;height:200px;margin:-6px 0 10px}.milestone-star{position:absolute;left:var(--x);top:var(--y);width:10px;height:10px;margin:-5px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px #f5cf83aa;opacity:0;animation:milestone-star .5s cubic-bezier(.2,.9,.3,1.3) calc(var(--i) * 45ms) forwards}.milestone-luma{position:absolute;left:50%;top:64%;width:110px;height:110px;margin:-55px}.milestone-luma .luma-core{font-size:46px}@keyframes milestone-star{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.reduced-motion .milestone-star{animation:none;opacity:1}.goal-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 6px}.goal-option{display:grid;gap:4px;justify-items:center;padding:16px 8px;border-radius:14px;border:1px solid #f5cf8338;background:#f5cf830a;color:#e9edf5;box-shadow:0 4px #f5cf831f;transition:transform .08s,box-shadow .08s,border-color .15s}.goal-option strong{font-family:Space Grotesk Variable,sans-serif;font-size:30px;color:var(--gold);line-height:1}.goal-option span{font-size:11px;color:#9aa7ba}.goal-option:hover{border-color:#f5cf8370}.goal-option:active{transform:translateY(3px);box-shadow:0 1px #f5cf831f}.guardian-usage{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0;padding:11px 13px;border-radius:10px;border:1px solid var(--line);background:#ffffff05;font-size:13px;color:#c7d6e3;text-align:left}.guardian-usage svg{width:16px;height:16px;color:var(--gold)}.guardian-usage .text-button{margin-left:auto}.guardian-entry{margin-top:14px}.together-streak{display:flex;gap:10px;align-items:flex-start;margin:10px 0 0;padding:10px 12px;border-radius:10px;border:1px solid #f5cf8330;background:#f5cf8308;text-align:left}.together-streak:empty{display:none}.together-streak svg{width:18px;height:18px;color:var(--gold);flex-shrink:0;margin-top:2px}.together-streak span{display:grid;gap:3px}.together-streak strong{font-size:13px;color:var(--gold)}.together-streak small{font-size:11px;color:#9aa7ba}.world-legend{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#1c1606d9;border:1px solid var(--gold);color:var(--gold)}.world-legend svg{width:15px;height:15px}.teacher-suggestion.coop{flex-wrap:wrap}.report-bar.coop{display:block;flex-basis:100%;max-width:320px;margin-top:6px}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--app-gutter: clamp(18px, 3.5vw, 72px)}html{min-height:100%;scroll-padding-block:24px 100px}body{min-height:100vh;min-height:100dvh}button,a,input,select{touch-action:manipulation}button:disabled{transform:none}.header-inner,.main-shell{max-width:none;width:100%;padding-inline:max(var(--app-gutter),var(--safe-left)) max(var(--app-gutter),var(--safe-right))}.site-header{padding-top:var(--safe-top);height:calc(86px + var(--safe-top))}.site-footer{padding-bottom:max(25px,var(--safe-bottom))}.main-shell{min-height:calc(100dvh - 86px - var(--safe-top))}.page-intro{max-width:1000px}.map-page .constellation{min-height:min(65vh,790px);align-items:center}.journal-page .journal-list,.journal-page .journal-stats{max-width:1500px}.hero{min-height:clamp(445px,39vw,610px)}.hero-copy{padding-block:clamp(45px,4vw,80px)}.hero h1{font-size:clamp(43px,3.5vw,64px)}.hero-copy>p{font-size:clamp(13px,1vw,17px)}.hero .eyebrow{font-size:10px}.hero .button{font-size:13px;min-height:50px}.hero-notes{font-size:11px}.world-card h3{font-size:clamp(16px,1.25vw,23px)}.world-content>p{font-size:clamp(11px,.8vw,14px)}.world-state,.world-number{font-size:10px}.card-progress{font-size:12px}.section-heading h2{font-size:clamp(24px,2vw,32px)}.section-kicker{font-size:9px}.journey-copy h3{font-size:15px}.journey-copy p{font-size:12px}.journey-progress{width:clamp(220px,21vw,360px)}.app-install-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;background:#73e7c20b;border:1px solid #73e7c22e;color:#98d9c5;border-radius:8px;padding:10px 13px;font-size:11px;white-space:nowrap}.app-install-button:hover{background:#73e7c219;border-color:#73e7c268}.app-install-button svg{width:16px;height:16px}.app-install-button:focus-visible{outline-offset:3px}.pwa-features{display:flex;flex-direction:column;gap:17px;margin:24px 0;color:#aec8cf;font-size:12px;line-height:1.7}.pwa-features>span{display:flex;align-items:center;gap:12px}.pwa-features svg{color:var(--mint);width:18px;height:18px}.install-instructions{margin-top:20px;padding:18px;background:#71e9c10a;border:1px solid #71e9c123;border-radius:10px;font-size:12px;line-height:1.9;color:#a9bccf}.install-instructions strong{color:#dce9ef;font-weight:550}.install-instructions[hidden]{display:none}.connection-badge{position:fixed;left:max(15px,var(--safe-left));bottom:max(14px,var(--safe-bottom));z-index:25;display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #cdb4773d;border-radius:20px;background:#1e272dec;color:#d9c99e;font-size:10px;pointer-events:none}.connection-badge svg{width:13px;height:13px}.update-banner{display:flex;align-items:center;gap:15px;position:fixed;bottom:max(22px,var(--safe-bottom));right:max(22px,var(--safe-right));z-index:30;background:#17382fec;border:1px solid #77d4b46b;border-radius:13px;padding:16px 14px 16px 19px;box-shadow:0 18px 70px #0006;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);max-width:calc(100vw - 32px)}.update-banner strong{display:block;font-size:12px;font-weight:550}.update-banner div>span{display:block;font-size:10px;color:#97b6b2;margin-top:6px}.update-symbol{color:var(--gold)}.update-banner .button{min-height:42px;padding:10px 14px}.update-banner .icon-button{width:32px}.modal{padding-top:max(38px,var(--safe-top));padding-bottom:max(32px,var(--safe-bottom));max-height:calc(100dvh - max(24px,var(--safe-top)) - max(24px,var(--safe-bottom)));overscroll-behavior:contain;scrollbar-width:thin}.world-modal{padding-top:230px}.challenge-dialog{padding:0}.modal-close{min-width:44px;min-height:44px}.modal input:not([type=checkbox]):not([type=range]),.modal select{min-height:44px}.learning-close{min-width:44px;min-height:44px}.learning-shell{border-radius:inherit}.learning-header h2{font-family:Space Grotesk Variable,sans-serif}.learning-footer{position:sticky;bottom:0;background:#10242ff5;padding-top:14px;z-index:2}.intro{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.intro-skip{bottom:max(28px,calc(var(--safe-bottom) + 12px));min-height:44px}.is-playing,.is-playing body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}.is-playing #app{width:100%;height:100vh;height:100dvh;overflow:hidden}.is-playing .site-header{display:none}.is-playing .game-shell{display:flex;flex-direction:column;width:100%;max-width:none;height:100%;margin:0;padding:0;position:relative}.is-playing .game-toolbar{flex:0 0 auto;width:100%;min-height:calc(64px + var(--safe-top));height:auto;padding:calc(9px + var(--safe-top)) max(20px,var(--safe-right)) 9px max(20px,var(--safe-left));gap:16px;background:#0b1623;border-bottom:1px solid #6f9ea522}.is-playing .game-toolbar>.text-button{min-width:44px;min-height:44px;font-size:12px;justify-content:flex-start}.is-playing .game-world-title{min-width:0}.is-playing .game-world-title h1{font-size:clamp(12px,1.2vw,19px)}.is-playing .game-world-title>span{font-size:9px}.is-playing .game-tools{gap:8px}.is-playing .game-tools>span{font-size:12px;margin-right:12px}.is-playing .game-tools .icon-button{min-width:44px;min-height:44px;display:inline-flex}.is-playing .game-tools .icon-button svg{width:20px;height:20px}.is-playing #pause-game{color:var(--mint);background:#72e7c212;position:relative}.is-playing #pause-game.has-update:after{position:absolute;content:"";right:7px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--gold)}.is-playing .game-stage{flex:1 1 0;min-height:0;width:100%;height:auto;max-height:none;border:0;border-radius:0}.is-playing #game-container{position:absolute;inset:0;width:100%;height:100%;outline-offset:-4px}.is-playing #game-container canvas{margin:0!important;display:block;touch-action:none}.is-playing .game-bottom{flex:0 0 auto;min-height:calc(33px + var(--safe-bottom));padding:8px max(20px,var(--safe-right)) calc(8px + var(--safe-bottom)) max(20px,var(--safe-left));font-size:10px;background:#0b1623}.is-playing .touch-controls{z-index:5;left:max(22px,calc(var(--safe-left) + 12px));right:max(22px,calc(var(--safe-right) + 12px));bottom:max(22px,calc(var(--safe-bottom) + 14px))}.is-playing .touch-controls>div{gap:12px}.is-playing .touch-controls button{min-width:62px;min-height:58px;border-radius:17px;background:#122b42ba;color:#deedf3;border-color:#b8dce163;box-shadow:0 5px 20px #00142124}.is-playing .touch-controls button.touch-jump{width:70px;height:70px;border-radius:50%;background:#398c76bf}.is-playing .touch-controls button.pressed{background:#7be6bba8;color:#153b38;transform:scale(.95)}.is-playing .matstars-game-hud{font-family:DM Sans Variable,sans-serif}.is-playing .matstars-game-hud .game-location,.is-playing .matstars-game-hud .game-progress{display:none}.is-playing .matstars-game-hud .game-status{top:15px;right:max(20px,var(--safe-right))}.is-playing .matstars-game-hud .game-toast{top:23px;font-size:12px}.is-playing .matstars-game-hud .game-prompt{bottom:max(24px,calc(var(--safe-bottom) + 15px))}.is-playing .connection-badge{top:calc(var(--safe-top) + 75px);bottom:auto;left:max(14px,var(--safe-left));font-size:9px}.is-playing .toast{bottom:max(28px,calc(var(--safe-bottom) + 15px));z-index:10000}.is-playing.immersive .game-toolbar{position:absolute;top:0;left:0;z-index:8;border:0;background:linear-gradient(#071525de,#07152566,transparent)}.is-playing.immersive .game-bottom{display:none}.is-playing.immersive .matstars-game-hud .game-toast{top:calc(var(--safe-top) + 85px)}.is-playing.immersive .matstars-game-hud .game-status{top:calc(var(--safe-top) + 77px)}.is-playing.immersive .game-stage{flex-basis:100%}@media(min-width:1280px){.main-shell:not(.map-page):not(.journal-page):not(.teacher-page){display:grid;grid-template-columns:minmax(0,1.5fr) minmax(420px,1fr);gap:0 32px;align-content:start;--stage-h: max(540px, calc(100dvh - 268px) )}.main-shell>.welcome-line,.main-shell>.day-strip,.main-shell>.journey-strip,.main-shell>.site-footer{grid-column:1 / -1}.hero{min-height:0;height:var(--stage-h)}.hero-copy{padding:clamp(45px,4vw,85px) 55px}.hero-art{object-position:67% center}.hero-shade{background:linear-gradient(180deg,#0a1a29b8,#0a1a2960 40%,transparent 85%)}.world-section{margin-top:0;display:flex;flex-direction:column;height:var(--stage-h);min-height:0}.world-section .section-heading{margin-bottom:14px}.world-grid{grid-template-columns:1fr;grid-auto-rows:152px;gap:12px;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y proximity;padding:0 8px 36px 0;-webkit-mask-image:linear-gradient(#000 calc(100% - 44px),transparent);mask-image:linear-gradient(#000 calc(100% - 44px),transparent);scrollbar-width:thin;scrollbar-color:#2b3a52 transparent}.world-card{display:grid;grid-template-columns:.9fr 1fr;min-height:0;scroll-snap-align:start}.world-image{height:100%;aspect-ratio:auto}.world-content{display:flex;flex-direction:column;justify-content:center;padding:16px 22px}.world-card h3{font-size:clamp(18px,1vw,26px);line-height:1.3}.world-content>p{line-height:1.5}.card-progress{margin-top:12px}}@media(min-width:1280px)and (max-width:1799px){.hero-art{object-position:30% center}.hero-shade{background:linear-gradient(90deg,#0a1a29f0 0%,#0a1a29b8 42%,#0a1a2926 72%,transparent 100%)}}@media(max-width:1279px){.world-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:clamp(250px,23vw,330px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#2b3a52 transparent}.world-card{scroll-snap-align:start}.hero{min-height:clamp(420px,calc(100dvh - 560px),600px)}}@media(max-width:1100px){.day-strip{grid-template-columns:minmax(0,1fr) auto;row-gap:10px}.day-steps{grid-column:1 / -1;grid-row:2}}@media(max-width:1100px){.header-inner{gap:18px}nav{gap:22px;margin-left:0}.header-tools{gap:10px}.app-install-button{padding:10px}.app-install-button span{display:none}.hero h1{font-size:45px}.hero .eyebrow{font-size:8px}.hero-notes{font-size:9px}.world-state,.world-number{font-size:8px}.world-card h3{font-size:17px}.world-content>p{font-size:11px;line-height:1.7}.card-progress{font-size:10px}}@media(max-width:760px){.site-header{height:calc(76px + var(--safe-top))}.header-inner{flex-wrap:nowrap}.brand{font-size:28px;margin-top:0}.brand-mark{font-size:35px}.header-tools{margin-top:0;gap:8px}.header-tools .settings-button{display:inline-flex;width:44px;height:44px}.header-tools .settings-button svg{width:19px;height:19px}.header-tools .avatar-button,.tool-divider{display:none}.star-balance{min-height:44px;min-width:51px;padding:10px;font-size:13px}.app-install-button{min-width:44px;min-height:44px}nav{display:flex;flex-wrap:nowrap;position:fixed;bottom:0;left:0;right:0;z-index:20;margin:0;height:calc(66px + var(--safe-bottom));padding:7px max(12px,var(--safe-right)) calc(7px + var(--safe-bottom)) max(12px,var(--safe-left));gap:8px;justify-content:space-around;border-top:1px solid #adc9e21b;background:#0c1727f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav-link{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:48px;padding:5px 10px;font-size:10px;border-radius:10px}.nav-link svg{display:block;width:20px;height:20px}.nav-link.active{background:#75e3c00c}.nav-link.active:after{height:2px;top:-8px;bottom:auto;width:30px;left:calc(50% - 15px)}.main-shell{min-height:calc(100dvh - 76px);padding-bottom:calc(66px + var(--safe-bottom))}.hero{min-height:500px}.hero-copy{padding:35px 28px}.hero h1{font-size:43px}.hero-copy>p{font-size:13px}.hero .button{font-size:12px;min-height:48px}.hero-notes{font-size:9px}.hero .eyebrow{font-size:8px}.section-heading h2{font-size:24px}.section-heading .text-button{min-height:44px;font-size:10px}.world-grid{grid-template-columns:1fr;gap:20px}.world-card{display:grid;grid-template-columns:minmax(140px,.9fr) minmax(0,1fr)}.world-image{height:100%;aspect-ratio:auto;min-height:175px}.world-content{padding:20px 16px}.world-card h3{font-size:18px;line-height:1.4}.world-card-title>svg{display:none}.world-state{font-size:8px;white-space:normal;line-height:1.5}.world-content>p{font-size:11px}.mini-stars{font-size:16px;gap:6px}.card-progress{gap:10px;flex-wrap:wrap;font-size:11px}.journey-copy h3{font-size:13px}.journey-copy p{font-size:11px}.journey-progress{width:100%}.site-footer{padding-bottom:25px;font-size:10px}.save-status{font-size:9px}.constellation-node{width:44px;height:44px;font-size:14px}.constellation-world .button{min-height:46px;font-size:12px}.journal-status{display:none}.journal-entry{min-height:78px}.journal-entry-title strong{font-size:13px}.journal-entry-title>span{font-size:11px}.connection-badge{bottom:calc(76px + var(--safe-bottom))}.update-banner{bottom:calc(78px + var(--safe-bottom));right:12px;left:12px;padding:13px;gap:10px;max-width:none}.update-banner .update-symbol{display:none}.update-banner div{flex:1}.update-banner strong{font-size:11px;line-height:1.5}.update-banner .button{font-size:11px;padding:10px}.toast{bottom:calc(82px + var(--safe-bottom))}.is-playing .game-toolbar{min-height:calc(60px + var(--safe-top));padding:calc(7px + var(--safe-top)) max(8px,var(--safe-right)) 7px max(8px,var(--safe-left));gap:5px}.is-playing .game-toolbar>.text-button span{display:none}.is-playing .game-tools{gap:2px}.is-playing .game-tools>span{display:none}.is-playing .game-world-title>span{font-size:8px}.is-playing .game-tools .icon-button{min-width:44px;min-height:44px}.is-playing #game-help,.is-playing .game-bottom{display:none}.is-playing .touch-controls{display:flex}.is-playing .matstars-game-hud .game-prompt{bottom:calc(103px + var(--safe-bottom));max-width:calc(100% - 28px);font-size:11px;padding:10px 14px}.is-playing .matstars-game-hud .game-toast{top:35px;width:max-content;max-width:calc(100% - 32px);font-size:11px}.is-playing .matstars-game-hud .game-status{font-size:10px}.is-playing .toast{bottom:calc(118px + var(--safe-bottom))}.is-playing .connection-badge{top:calc(var(--safe-top) + 71px);bottom:auto;padding:5px 9px;font-size:8px}}@media(max-width:420px){.header-inner{padding-inline:16px;gap:10px}.brand{font-size:26px;gap:6px}.brand-mark{font-size:30px}.header-tools{gap:4px}.hero h1{font-size:clamp(32px,10vw,40px)}.hero-copy{padding:30px 23px}.hero .eyebrow{font-size:7px}.hero .hero-actions{gap:10px}.hero .button{font-size:11px;padding-inline:13px}.hero-notes{font-size:8px}.world-card{display:block}.world-image{aspect-ratio:2.1;min-height:0}.world-card-title>svg{display:block}.world-content{padding:20px}.world-card h3{font-size:19px}.world-content>p{font-size:12px}.world-number,.world-state{font-size:9px}.section-heading h2{font-size:22px}.section-kicker{font-size:7px}.is-playing .game-world-title h1{max-width:190px;line-height:1.3;font-size:12px}.is-playing .game-world-title>span{display:none}.is-playing .touch-controls{left:max(15px,calc(var(--safe-left) + 8px));right:max(15px,calc(var(--safe-right) + 8px))}.is-playing .touch-controls>div{gap:9px}.is-playing .touch-controls button{min-width:54px;min-height:54px}.is-playing .touch-controls button.touch-jump{width:63px;height:63px}}@media(max-width:580px){.modal{width:calc(100vw - 16px);max-height:calc(100dvh - max(16px,var(--safe-top)) - max(16px,var(--safe-bottom)));padding-inline:22px}.modal-description{font-size:14px}.modal .button{min-height:48px;font-size:13px}.onboarding-options strong{font-size:14px}.onboarding-options small,.small-note{font-size:11px}.setting-row strong{font-size:14px}.setting-row small{font-size:11px}.setting-row input[type=range]{min-height:40px}.setting-row select{font-size:13px}.toggle{width:44px;height:26px}.toggle:before{width:18px;height:18px}.toggle:checked:before{transform:translate(17px)}.world-modal{padding-top:208px}.challenge-dialog{padding:0}.learning-shell{padding:23px 17px}.learning-workbench{padding:18px 12px}.learning-header{gap:8px}.learning-header h2{font-size:26px}.learning-header p{font-size:13px}.learning-meta{gap:9px}.learning-safe{font-size:10px}.learning-tools{gap:7px}.learning-answer-input{font-size:18px!important}.crystal-palette{grid-template-columns:repeat(3,1fr)}.learning-footer{padding-bottom:max(8px,var(--safe-bottom))}}@media(pointer:coarse){.is-playing .touch-controls{display:flex}.is-playing .game-bottom{display:none}.is-playing .matstars-game-hud .game-prompt{bottom:calc(106px + var(--safe-bottom))}.icon-button,.round-link{min-width:44px;min-height:44px}}@media(max-height:550px)and (orientation:landscape){.site-header{display:block}.is-playing .site-header{display:none}.is-playing .game-toolbar{min-height:calc(49px + var(--safe-top));padding-block:var(--safe-top) 0}.is-playing .game-world-title>span{display:none}.is-playing .game-world-title h1{margin-top:0;font-size:13px}.is-playing .game-tools>span{display:inline-flex;font-size:11px}.is-playing .touch-controls{bottom:max(12px,calc(var(--safe-bottom) + 7px))}.is-playing .touch-controls button{min-width:50px;min-height:46px}.is-playing .touch-controls button.touch-jump{width:55px;height:55px}.is-playing .matstars-game-hud .game-prompt{bottom:max(22px,calc(var(--safe-bottom) + 14px));max-width:42%;font-size:10px}.is-playing .matstars-game-hud .game-toast{top:15px;max-width:64%;padding:9px 13px}.is-playing.immersive .matstars-game-hud .game-toast{top:calc(var(--safe-top) + 55px)}.is-playing .game-stage{min-height:0}.is-playing .game-bottom{display:none}.modal{max-height:calc(100dvh - 16px)}}.large-text .learning-shell{font-size:18px}.large-text .learning-header p,.large-text .modal-description{font-size:17px}@media(prefers-reduced-motion:reduce){.update-banner{-webkit-backdrop-filter:none;backdrop-filter:none}}@media(max-width:760px){.site-header nav[aria-label="Navegação principal"]{display:none}.site-header .tab-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:6px max(8px,var(--safe-left)) max(8px,var(--safe-bottom)) max(8px,var(--safe-right));background:#0b1220f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.tab-bar button{flex:1;display:grid;justify-items:center;gap:4px;padding:8px 4px 6px;border-radius:12px;background:transparent;color:#8e9bb0;font-size:10px;font-weight:600;letter-spacing:.2px}.tab-bar button svg{width:22px;height:22px}.tab-bar button.active{color:var(--mint);background:#73e7c20e}.main-shell{padding-bottom:calc(84px + var(--safe-bottom))}.world-grid{grid-template-columns:none;grid-auto-columns:min(78vw,320px)}.world-grid .world-card{display:block}.site-header .account-button{display:none}.day-strip{padding:10px;gap:10px}.day-habit{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px}.luma-orb.mini{grid-row:span 2}.week-dots{grid-column:2;margin:6px 0 0;gap:4px}.week-dots li{width:19px;height:19px;font-size:8px}.day-streak small{max-width:100%}.day-steps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -10px;padding:0 10px 2px;scrollbar-width:none}.day-steps::-webkit-scrollbar{display:none}.day-step{flex:0 0 74%;scroll-snap-align:start}}.world-card.locked .world-state{display:none}.learning-shell{--learn-ink: #ebf6f5;--learn-muted: #adc1c8;--learn-gold: #f2cd7c;--learn-teal: #8fe0cd;color:var(--learn-ink);width:min(850px,100%);margin:0 auto;padding:clamp(20px,3.6vw,36px);background:radial-gradient(ellipse at 98% 0,#29475255,transparent 45%),#10242f;border:1px solid #aaccc42b;border-radius:22px;box-shadow:0 24px 100px #020b1480;font-family:inherit;box-sizing:border-box}.learning-shell *,.learning-shell *:before,.learning-shell *:after{box-sizing:border-box}.learning-shell button,.learning-shell input{font:inherit}.learning-shell button{cursor:pointer}.learning-shell button:disabled{cursor:default;opacity:.4}.learning-shell button:focus-visible,.learning-shell input:focus-visible{outline:3px solid #f2cd7c;outline-offset:4px}.learning-shell button[aria-pressed=true]{background:#8fe0cd;border-color:#bcfce8;color:#102a30}.learning-header{display:flex;align-items:flex-start;gap:24px}.learning-header>div{flex:1}.learning-eyebrow{color:var(--learn-gold);font-size:.67em;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.learning-header h2{margin:9px 0;font-family:Space Grotesk Variable,sans-serif;font-size:clamp(28px,4vw,36px);line-height:1.13;font-weight:500;letter-spacing:-.025em;color:#fff6de}.learning-header p{margin:0;max-width:590px;color:var(--learn-muted);font-size:.875em;line-height:1.6}.learning-header-tools{display:flex;gap:8px;align-items:center}.learning-speak{font-size:16px!important}.learning-close{flex:0 0 36px;height:36px;display:grid;place-items:center;border:1px solid #c6e4de26;border-radius:50%;color:#bdd0d3;background:#0b1c26;font-size:25px!important;line-height:1}.learning-close:hover{background:#304650;color:#fff}.learning-meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:20px 0}.concept-pill{color:#a0e4cf;background:#23453f70;border:1px solid #a0e4cf26;padding:6px 10px;border-radius:5px;font-size:.7em}.learning-safe{font-size:.68em;color:#a3b8bf}.learning-adaptation{font-size:.78em;color:var(--learn-gold);padding:11px 14px;border:1px solid #e1c07625;border-radius:8px;background:#55462425}.learning-workbench{background:radial-gradient(ellipse at 50% 0,#244a4855,transparent 70%),#091c26;padding:24px;border:1px solid #92c6bb21;border-radius:12px}.learning-goal{text-align:center;margin-bottom:18px}.learning-goal>span{display:block;font-size:.6em;letter-spacing:.18em;color:var(--learn-muted)}.learning-goal>strong{display:block;color:var(--learn-gold);font-size:2.15em;font-weight:500;margin-top:4px}.learning-goal small{font-size:.4em;color:#c4d8d7}.learning-instruction{font-size:.75em;color:var(--learn-muted);line-height:1.6;text-align:center;margin:15px 0}.learning-button{border:1px solid #a7d5c533;border-radius:7px;padding:11px 15px;font-size:.76em!important;line-height:1.4;font-weight:600!important;min-height:44px;transition:background .15s,border-color .15s}.learning-button.secondary{background:#162e39;color:#d0e9e4}.learning-button.secondary:hover:not(:disabled){background:#24483f;border-color:#8ce2c87a}.learning-button.primary{background:#edce88;color:#162a2e;border-color:#edce88;box-shadow:inset 0 -2px #90784140}.learning-button.primary:hover:not(:disabled){background:#ffe5ab;border-color:#ffe5ab}.learning-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}.learning-tools.centered{justify-content:center}.crystal-expression{display:flex;min-height:86px;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;border:1px dashed #90c9bc42;border-radius:9px;padding:12px}.expression-placeholder{font-size:.8em;color:#88a7af}.crystal-token{width:48px;height:58px;display:grid;place-items:center;clip-path:polygon(50% 0,91% 25%,91% 75%,50% 100%,9% 75%,9% 25%);color:#effff0;background:linear-gradient(125deg,#b2edc4,#429d91 46%,#2b6868);text-shadow:0 2px 3px #0b4845;font-size:1.5em;font-weight:600;box-shadow:inset 0 0 20px #cffff530}.crystal-token.small{width:34px;height:43px;font-size:1em}.crystal-palette{display:flex;justify-content:center;gap:clamp(6px,2vw,16px);flex-wrap:wrap;padding:6px 0}.crystal-choice{border:0;border-radius:8px;background:transparent;color:#b6cecf;display:flex;flex-direction:column;align-items:center;gap:9px;padding:8px;min-width:64px}.crystal-choice>span:last-child{font-size:.6em}.crystal-choice:hover:not(:disabled){background:#86d5b913}.crystal-choice:hover:not(:disabled) .crystal-token{background:linear-gradient(125deg,#f9e8af,#86cfb0 45%,#368474)}.operation-token{background:#193744;border:1px solid #8ccbc24a;border-radius:50%;color:#f1d28d;font-weight:700;min-width:44px;height:44px;font-size:1.3em!important}.expression-equal{color:#9bb5be}.expression-value{font-size:1.5em;color:#fff3cf}.bridge-landscape{display:flex;align-items:center;min-height:100px;padding-bottom:18px;background:radial-gradient(ellipse at 50% 100%,#27658b3b,transparent 70%)}.bridge-island{flex:0 0 30px;height:52px;display:grid;place-items:center;background:linear-gradient(#9cb8ad,#365b66 55%,transparent);clip-path:polygon(0 6%,80% 0,100% 24%,45% 100%,10% 67%);color:#fcda82}.bridge-island.end{transform:scaleX(-1)}.bridge-viewport{flex:1;min-width:0;overflow-x:auto;padding-bottom:26px;margin-bottom:-26px}.bridge-track{position:relative;display:flex;width:100%;min-height:48px;background:#112f4080;border-bottom:2px solid #91cbdf5e}.bridge-piece{display:grid;place-items:center;flex-grow:0;flex-shrink:0;height:48px;padding:0;min-width:0;overflow:hidden;border:1px solid #b2efdfc4;border-radius:4px 4px 1px 1px;color:#102d37;background:linear-gradient(135deg,#97ddd2,#65b5b3);font-size:.83em!important;font-weight:700!important}.bridge-piece.piece-1{background:linear-gradient(135deg,#aed9f1,#88b0d1);border-color:#d3eaf4}.bridge-piece.piece-2{background:linear-gradient(135deg,#eadcad,#c7b583);border-color:#f7e7b3}.bridge-piece:hover:not(:disabled){filter:brightness(1.2)}.bridge-piece:disabled{opacity:1!important}.bridge-missing{display:grid;flex-shrink:0;place-items:center;color:#aecbd6;border:1px dashed #7596a77a;font-size:.85em;background:repeating-linear-gradient(135deg,transparent,transparent 9px,#8dc1d108 9px,#8dc1d108 11px)}.bridge-unit-marker{position:absolute;width:1px;height:66px;top:0;background:#f5d893;pointer-events:none}.bridge-unit-marker span{position:absolute;white-space:nowrap;top:66px;left:0;transform:translate(-50%);color:#ebd59b;font-size:.6em}.fraction-summary{text-align:center;color:#c9e6e6;line-height:1.5;font-size:.8em}.fraction-palette{display:flex;align-items:flex-end;justify-content:center;gap:12px;flex-wrap:wrap;margin:22px 0 8px}.fraction-choice{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;min-width:80px;border:1px solid #8bcdb630;border-radius:8px;padding:15px;background:#1c39435c;color:#d5ece5}.fraction-choice:hover:not(:disabled){background:#2b4a52}.fraction-choice strong{font-size:.85em}.fraction-sample{height:19px;border:1px solid #b9f0df;border-radius:3px;background:linear-gradient(140deg,#a3e5d4,#579c9b)}.equivalence-panel{background:#1e3743;border:1px solid #9bd3bf26;border-radius:7px;margin-top:16px;padding:16px;font-size:.78em;color:#c6dfda}.equivalence-panel p{margin:8px 0}.equivalence-row{display:flex;width:100%;min-height:28px;margin:6px 0;border:1px dashed #b3dacc3a;border-radius:3px}.equivalence-row span{flex-shrink:0;display:grid;place-items:center;color:#173633;background:#92d5ba;border-right:1px solid #396659;border-radius:2px;font-size:.8rem}.area-experiment{display:flex;justify-content:center;gap:26px;align-items:center;flex-wrap:wrap}.area-square{width:174px;height:174px;display:grid;grid-template-columns:1fr 1fr;gap:5px;border:1px solid #b1ccc033;padding:5px;background:#0a1720;transform:rotate(-3deg);border-radius:8px;box-shadow:0 0 50px #75c6ae0d;flex-shrink:0}.area-cell{display:grid;place-items:center;background:#244452;border:1px solid #467080;color:#354956;border-radius:2px;font-size:2.2em;transition:background .2s}.area-cell.half-selected{background:#5eafad;border-color:#b1dfd2}.area-cell.quarter-selected{background:#efd083;border-color:#fff1ca;box-shadow:0 0 25px #edc86730}.area-steps{flex:1;max-width:390px;min-width:210px}.area-steps p{margin:12px 0 0;font-size:.77em;color:#d5e9e5}.area-steps .learning-tools{margin-top:9px}.area-steps .learning-button{font-size:.69em!important}.step-number{display:inline-grid;place-items:center;width:21px;height:21px;margin-right:6px;color:#f0d18b;border:1px solid #c7b58750;border-radius:50%;font-size:.8em}.area-equation{display:flex;justify-content:center;gap:12px;font-size:1.5em;color:#b1e2d8;margin:24px 0 17px}.area-equation span{color:#8baab6}.area-equation strong{color:#f6d894}.area-answers{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:14px 0}.area-answers button{min-width:66px;font-size:.9em!important}.learning-answer-label{display:block;text-align:center;color:#d2e4e1;font-size:.83em;margin:18px 0 10px}.learning-answer-input{display:block;width:150px;height:48px;border:1px solid #9ac6c374;background:#0b1d28;color:#f3dd9d;border-radius:6px;padding:10px 15px;text-align:center;margin:0 auto}.learning-answer-input::placeholder{color:#94a9ae;font-size:.85em}.balance-visual{width:100%;max-width:480px;margin:0 auto 14px}.balance-testing{color:#d6c797;font-size:.75em;text-align:center;margin:0 0 15px}.balance-visual .balance-pan,.balance-visual .balance-beam{transition:transform .35s ease}.balance-visual.left-heavier .balance-pan:first-child,.balance-visual.right-heavier .balance-pan:last-child{transform:translateY(10px)}.balance-visual.left-heavier .balance-pan:last-child,.balance-visual.right-heavier .balance-pan:first-child{transform:translateY(-10px)}.balance-visual.left-heavier .balance-beam{transform:rotate(-2.5deg)}.balance-visual.right-heavier .balance-beam{transform:rotate(2.5deg)}.balance-pans{display:flex;align-items:end;gap:14px;min-height:83px}.balance-pan{display:flex;flex:1;align-items:end;justify-content:center;flex-wrap:wrap;gap:5px;padding:10px 6px;border-bottom:4px solid #b1cfc4;border-radius:0 0 35% 35%;background:linear-gradient(transparent,#7baf9d11);min-height:80px}.balance-equality{align-self:center;color:#d7c998}.balance-box{width:35px;height:39px;display:inline-grid;place-items:center;background:linear-gradient(120deg,#bdaf73,#897449);border:1px solid #e2ce89;border-radius:5px;color:#fff8df;font-family:Georgia,serif;font-style:italic;font-size:1.35em}.balance-weight{display:inline-grid;place-items:center;height:23px;width:22px;border:1px solid #a9d8d2;background:#77aaa7;border-radius:6px 6px 2px 2px;color:#153237;font-size:.6em;font-weight:700}.balance-beam{height:6px;margin:5px 0 0;border-radius:4px;background:#99b9ab}.balance-pedestal{height:26px;width:74px;margin:0 auto;background:linear-gradient(#93b39c,#376561);clip-path:polygon(45% 0,55% 0,70% 76%,100% 88%,100% 100%,0 100%,0 88%,30% 76%)}.balance-visual.is-solved .balance-beam{background:#edd38d;box-shadow:0 0 20px #e5c98852}.balance-equation{text-align:center;font-size:1.65em;letter-spacing:.035em;color:#f1d593;margin:12px 0 18px}.balance-answer{display:flex;align-items:center;gap:10px;justify-content:center;color:#f0d596;font-size:1.2em}.balance-answer .learning-answer-input{margin:0}.equation-history{text-align:center;color:#a0bfbe;font-size:.7em;line-height:1.8}.equation-history strong{display:inline;color:#e6ce98;margin-left:7px}.equation-check{color:#aaddc4;text-align:center;font-size:.75em;line-height:1.6}.learning-feedback{border-radius:8px;padding:14px 16px;margin-top:16px;border:1px solid #87c1c02b;background:#1e3d4866;font-size:.8em}.learning-feedback strong{color:#b3e6d8;font-weight:600}.learning-feedback p{color:#c6dcd9;line-height:1.6;margin:5px 0 0}.learning-feedback.error{border-color:#d6b37036;background:#55472c33}.learning-feedback.error strong{color:#e8c587}.learning-feedback.success{background:#2b624433;border-color:#a2d7a94a}.learning-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:20px 0}.learning-actions p{color:#99b4bc;font-size:.68em;line-height:1.6;margin:0}.learning-actions .primary{flex-shrink:0}.learning-actions .primary span{margin-left:17px}.learning-help{border-top:1px solid #a6c9c426;padding-top:19px;margin-top:19px}.learning-help-top{display:flex;gap:12px;align-items:center}.help-star{color:#f3d68f;font-size:2em;line-height:1}.learning-help-top>div{display:flex;flex-direction:column;gap:5px;flex:1}.learning-help-top strong{color:#d5e8e4;font-size:.75em;font-weight:500}.learning-help-top div span{font-size:.65em;color:#99afb7}.learning-button.help-button{background:transparent;color:#e8ce90;border-color:#d2bc8340;font-size:.7em!important}.learning-button.help-button:hover:not(:disabled){background:#ddc17b12}.learning-hint{padding:13px 15px;border-left:2px solid #d6bd79;background:#26424b55;margin-top:13px;border-radius:0 5px 5px 0}.learning-hint>span{color:#e8ce90;font-size:.65em;text-transform:uppercase;letter-spacing:.08em}.learning-hint p{font-size:.78em;color:#c3d7d6;line-height:1.65;margin:7px 0 0}.hint-demonstration{color:#bde5d7;background:#0c273385;border-radius:5px;padding:12px;margin-top:12px;font-size:.8em;line-height:1.7}.learning-scaffold{text-align:center;padding:26px 22px;border:1px solid #dec28c33;background:#2a424851;border-radius:12px}.learning-review{border-color:#8fe0cd44;background:#1f3f4451}.learning-review .learning-eyebrow{color:var(--learn-teal)}.learning-scaffold h3{color:#f0d39c;font-family:Space Grotesk Variable,sans-serif;font-size:1.4em;font-weight:400;margin:12px 0}.learning-scaffold>p{color:#c3d9d6;font-size:.85em;line-height:1.6}.scaffold-visual{padding:16px 8px;font-size:1.2em;color:#e8ce8d}.scaffold-halves{display:flex;width:min(280px,100%);margin:auto;height:44px}.scaffold-halves span{flex:1;display:grid;place-items:center;background:#7abca8;color:#183e3c;border:1px solid #d7ebc8}.scaffold-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;width:88px;height:88px;margin:0 auto 8px}.scaffold-grid span{background:#5a9595;border:1px solid #a5d5c9}.scaffold-grid .gold{background:#eccd83;border-color:#fff1c4}@media(max-width:600px){.learning-shell{padding:21px 15px;border-radius:14px}.learning-header{gap:10px}.learning-header h2{font-size:27px}.learning-meta{margin:17px 0;gap:10px}.learning-workbench{padding:20px 12px}.learning-actions{flex-direction:column-reverse;gap:12px}.learning-actions .primary{width:100%}.learning-help-top{flex-wrap:wrap}.learning-help-top .help-button{margin-left:36px}.crystal-choice{min-width:42px;padding:3px}.crystal-token{width:37px;height:47px;font-size:1.25em}.crystal-choice>span:last-child{font-size:.53em}.crystal-expression{gap:8px}.area-experiment{gap:15px}.area-square{width:132px;height:132px}.area-steps{min-width:185px}.bridge-island{flex-basis:20px}.balance-pans{gap:5px}.balance-pan{gap:3px}.balance-weight{width:17px;height:20px}.balance-box{width:29px;height:35px}.fraction-choice{min-width:66px;padding:12px 8px}}@media(prefers-reduced-motion:reduce){.learning-shell *,.learning-shell *:before,.learning-shell *:after{transition:none!important;animation:none!important}}.share-board{display:grid;gap:14px}.share-chutes{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.share-chute{min-width:64px;min-height:96px;display:flex;flex-direction:column-reverse;align-items:center;gap:3px;padding:8px 6px 6px;border:1px solid #f0c27b40;border-radius:6px 6px 14px 14px;background:linear-gradient(#2a1d14,#3a2718)}.share-chute strong,.share-trough strong{color:#f0c27b;font-size:.9em}.share-crystal{width:12px;height:14px;clip-path:polygon(50% 0,100% 30%,100% 70%,50% 100%,0 70%,0 30%);background:linear-gradient(#ffe3a3,#c48a49)}.share-trough{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:10px 12px;border:1px dashed #f0c27b55;border-radius:8px;color:#d9a86a;font-size:.75em;min-height:40px}.share-trough>span:first-child{margin-right:6px;letter-spacing:.1em;text-transform:uppercase;font-size:.8em}.share-answer{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:12px}.share-answer label{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.75em;color:#d5e9e5}.share-answer .learning-answer-input{width:90px}.gear-stage{display:flex;justify-content:center;align-items:center;gap:22px;padding:18px 0 8px}.gear{position:relative;width:96px;height:96px;border-radius:50%;border:8px dashed #f0c27b;display:grid;place-items:center;color:#ffe3a3;font-size:1.3em;transform:rotate(calc(var(--turn) * 360deg));transition:transform .3s ease;background:#2a1d14}.gear .gear-mark{position:absolute;top:-14px;left:50%;width:10px;height:14px;transform:translate(-50%);background:#fff;clip-path:polygon(50% 0,100% 100%,0 100%)}.gear.aligned{box-shadow:0 0 22px #f0c27b88}.gear-counter{text-align:center;color:#d9a86a;font-size:.85em}.gear-counter strong{color:#ffe3a3}.gear-choices{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:12px 0}.gear-choice{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:76px;padding:12px 10px;border:1px solid #f0c27b40;border-radius:10px;background:#2a1d14;color:#ffe3a3}.gear-choice strong{font-size:1.3em}.gear-choice small{font-size:.62em;color:#d9a86a}.gear-choice[aria-pressed=true]{background:#f0c27b;color:#2a1d14}.gear-choice[aria-pressed=true] small{color:#5a3a22}.bars{display:grid;gap:10px;margin:8px 0 4px}.bar{display:flex;align-items:stretch;gap:3px;height:30px}.bar span{background:linear-gradient(#f0c27b,#c48a49);border-radius:3px}.bar em{display:grid;place-items:center;background:#6b4a3399;border:1px dashed #f0c27b;border-radius:3px;color:#ffe3a3;font-size:.65em;font-style:normal}.bar strong{align-self:center;margin-left:6px;color:#ffe3a3;font-size:.85em}.line-layout{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:start}.number-line{display:grid;gap:2px;padding:6px 0;border-right:2px solid #b8c7ff}.number-line .tick{position:relative;display:flex;align-items:center;height:18px;font-size:.7em;color:#9fb4ff}.number-line .tick:after{content:"";position:absolute;right:-2px;width:10px;height:2px;background:#b8c7ff}.number-line .tick.zero{color:#fff;font-weight:700}.number-line .tick.zero:before{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#e6ecff)}.number-line .tick span{width:30px}.number-line .mark{position:absolute;left:36px;padding:1px 6px;border-radius:4px;font-size:.75em;white-space:nowrap}.number-line .mark.target{background:#ffe9a8;color:#1b2550}.number-line .mark.elevator{background:#b8c7ff;color:#1b2550}.line-side{display:grid;gap:10px}.line-position{margin:0;font-size:.85em;color:#c9d4ff}.line-position strong{color:#fff}.line-steps{display:flex;gap:8px;flex-wrap:wrap;min-height:44px;align-items:center}.mirror-demo{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:12px;border:1px solid #b8c7ff33;border-radius:8px;color:#c9d4ff;font-size:.95em}.mirror-demo span{padding:4px 10px;border-radius:6px;background:#1b2550}.mirror-demo span.neg{color:#ffb3c1}.mirror-demo em{color:#ffe9a8;font-size:.8em}@media(max-width:600px){.line-layout{grid-template-columns:96px 1fr;gap:10px}.gear{width:72px;height:72px}}.fix-lines{display:grid;gap:8px;margin:6px 0 4px}.fix-line{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border:1px solid #a7d5c533;border-radius:8px;background:#162e39;color:#d0e9e4;font-size:1em!important;font-family:Georgia,serif}.fix-line:disabled{opacity:.7}.fix-line[aria-pressed=true]{background:#55462a;border-color:#f2cd7c;color:#fff3cf}.fix-step{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #c7b58750;color:#f0d18b;font-family:inherit;font-size:.75em;flex-shrink:0}.fill-track{position:relative;display:flex;width:100%;min-height:48px;background:#1a2e1a80;border-bottom:3px solid #b9d46b6e;border-radius:0 0 8px 8px}.fill-track.capacity{border-radius:0 0 18px 18px;border-left:3px solid #b9d46b6e;border-right:3px solid #b9d46b6e}.fill-piece{display:grid;place-items:center;flex-grow:0;flex-shrink:0;height:48px;padding:0;min-width:0;overflow:hidden;border:1px solid #d5e6a6c4;border-radius:4px 4px 1px 1px;color:#182a12;background:linear-gradient(135deg,#cfe58a,#8fb54a);font-size:.8em!important;font-weight:700!important}.fill-piece.piece-1{background:linear-gradient(135deg,#f1dd9a,#c9a94d);border-color:#f7e7b3}.fill-piece.piece-2{background:linear-gradient(135deg,#a9dcc4,#62a58b);border-color:#cdf0e0}.fill-piece:disabled{opacity:1!important}.fill-missing{display:grid;flex-shrink:0;place-items:center;color:#cfdcb0;border:1px dashed #9fb37a7a;font-size:.8em;background:repeating-linear-gradient(135deg,transparent,transparent 9px,#b9d46b0a 9px,#b9d46b0a 11px)}.fill-sample{height:19px;border:1px solid #e3f0b4;border-radius:3px;background:linear-gradient(140deg,#cfe58a,#7fa63f)}.clock-layout{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center}.clock-face{position:relative;width:170px;height:170px;border-radius:50%;border:3px solid #b9d46b;background:radial-gradient(circle at 50% 40%,#24402a,#12231a);box-shadow:0 0 0 6px #b9d46b14}.clock-mark{position:absolute;inset:0;transform:rotate(var(--at))}.clock-mark:before{content:"";position:absolute;left:50%;top:6px;width:3px;height:12px;margin-left:-1.5px;background:#f2cd7c;border-radius:2px}.clock-mark i{position:absolute;left:50%;top:20px;transform:translate(-50%) rotate(calc(-1 * var(--at)));font-style:normal;font-size:.62em;color:#f2cd7c}.clock-hand{position:absolute;left:50%;top:50%;width:3px;height:68px;margin-left:-1.5px;background:#ebf6f5;border-radius:3px;transform-origin:50% 100%;transform:translateY(-100%) rotate(var(--hand));box-shadow:0 0 8px #ebf6f588}.clock-center{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#f2cd7c}.trail{position:relative;height:54px;margin:8px 0 14px;border-bottom:3px dashed #b9d46b8a}.trail-marker{position:absolute;bottom:-6px;width:4px;height:26px;margin-left:-2px;background:#f2cd7c;border-radius:2px}.trail-marker i{position:absolute;bottom:28px;left:50%;transform:translate(-50%);white-space:nowrap;font-style:normal;font-size:.55em;color:#f2cd7c}.trail-end{position:absolute;right:0;bottom:-24px;font-size:.68em;color:#cfdcb0}.trail-end.start{right:auto;left:0}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.plan-field{display:grid;gap:6px;padding:12px;border:1px solid #b9d46b33;border-radius:10px;background:#14261a}.plan-field>span{font-size:.72em;letter-spacing:.1em;text-transform:uppercase;color:#cfdcb0}.plan-field small{font-size:.66em;color:#9fb37a}.plan-field .learning-answer-input{width:100%}.ratio-board{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:10px}.ratio-counter{display:grid;justify-items:center;gap:8px;padding:14px 10px;border:1px solid #f0a37c33;border-radius:12px;background:#2a1712}.ratio-counter>span{font-size:.72em;letter-spacing:.1em;text-transform:uppercase;color:#f0c9a0}.ratio-counter strong{font-size:1.6em;color:#ffe3b0}.ratio-drops{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;min-height:30px;max-width:150px}.ratio-drops i{width:14px;height:14px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#f2cd7c}.ratio-counter.blue .ratio-drops i{background:#7cc3ff}.ratio-counter.white .ratio-drops i{background:#f4f1ea}.ratio-counter .learning-tools{margin:0}.ratio-counter .learning-button{min-width:46px;font-size:1.1em}.paint-preview{display:flex;align-items:center;gap:14px;margin:6px 0 12px}.paint-preview>span:first-child{width:90px;height:44px;border-radius:8px;border:1px solid #ffffff44;background:color-mix(in srgb,#2f7bd6 var(--mix),#f4f1ea)}.paint-preview small{color:#f0c9a0;font-size:.72em}.paint-reference{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:.68em;color:#f0c9a0}.paint-reference i{width:44px;height:30px;border-radius:6px;border:1px solid #ffffff44;background:color-mix(in srgb,#2f7bd6 var(--mix),#f4f1ea)}.market-stalls{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:10px}.market-stall{display:grid;justify-items:center;gap:4px;padding:14px 10px;border:1px solid #f0a37c40;border-radius:12px 12px 6px 6px;background:linear-gradient(#5a2a1c,#2a1712);color:#ffe3b0}.market-stall strong{font-size:1em}.market-stall span{font-size:.9em;color:#f0c9a0}.market-stall small{font-size:.66em;color:#f0a37c}.market-stall[aria-pressed=true]{background:#f0c9a0;color:#2a1712}.market-stall[aria-pressed=true] span,.market-stall[aria-pressed=true] small{color:#5a2a1c}.scale-demo{display:grid;gap:10px;margin:6px 0 12px}.scale-map span,.scale-city span{display:block;height:10px;border-radius:4px;background:#f0c9a0}.scale-city span{background:#e86f4a;height:14px}.scale-demo i{display:block;margin-top:4px;font-style:normal;font-size:.66em;color:#f0c9a0}.price-tag{display:inline-flex;align-items:center;gap:12px;margin:6px 0 12px;padding:10px 16px;border-radius:8px 20px 20px 8px;background:#f0c9a0;color:#2a1712;font-size:1.2em}.price-tag b{color:#b3321c}.rate-demo{display:flex;align-items:center;gap:6px;margin:6px 0 12px}.rate-demo i{width:18px;height:26px;border-radius:4px 4px 8px 8px;background:#f0c9a0}.rate-demo span{margin-left:8px;font-size:.8em;color:#f0c9a0}@media(max-width:560px){.clock-layout{grid-template-columns:1fr;justify-items:center}.ratio-board{grid-template-columns:1fr}}.beam-demo{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:44px;margin-bottom:8px}.beam-start{width:60px;height:4px;background:#ffe3a0;border-radius:2px;box-shadow:0 0 10px #ffe3a0aa}.beam-turn{position:relative;width:60px;height:4px;background:#ffe3a0;border-radius:2px;transform:rotate(var(--rot));transform-origin:0 50%;margin:18px 10px;box-shadow:0 0 10px #ffe3a0aa}.beam-turn b{position:absolute;left:50%;top:-20px;transform:translate(-50%) rotate(calc(-1 * var(--rot)));font-size:.6em;color:#9fb6e6}.fence-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}.fence-plot{display:grid;place-items:center;min-height:170px;border:1px dashed #9fb6e660;border-radius:10px;background:#14203f}.fence-plot span{display:block;max-width:100%;border:3px solid #ffe3a0;background:#3b6fe044;border-radius:3px;transition:width .2s,height .2s}.mosaic{display:grid;grid-template-columns:repeat(var(--cols),30px) 8px repeat(var(--cols),30px);gap:4px;justify-content:center;margin:8px 0 14px}.mosaic-cell{width:30px;height:30px;border-radius:5px;border:1px solid #9fb6e640;background:#14203f;padding:0}.mosaic-cell.on{background:#9fb6e6;border-color:#f2f4ff}.mosaic-cell.given{opacity:.9}.mosaic-cell.given.on{background:#3b6fe0}.mosaic-mirror{width:4px;border-radius:2px;background:#ffe3a0;box-shadow:0 0 8px #ffe3a0aa}.stamp-board{display:grid;grid-template-columns:repeat(5,34px);gap:3px;justify-content:center;margin:8px 0 12px}.stamp-cell{width:34px;height:34px;border-radius:5px;border:1px solid #9fb6e630;background:#14203f}.stamp-cell.mold{border:2px dashed #ffe3a0}.stamp-cell.piece{background:#3b6fe0cc}.stamp-cell.match{background:#ffe3a0;border-color:#ffe3a0}.triangle-demo{position:relative;display:flex;justify-content:center;gap:24px;padding:16px 0 34px}.triangle-corner{min-width:64px;padding:14px 10px;border:1px solid #9fb6e640;border-radius:10px;background:#14203f;color:#f2f4ff;font-size:1.1em!important}.triangle-corner[aria-pressed=true]{background:#ffe3a0;color:#14203f;transform:rotate(180deg)}.triangle-line{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:.72em;color:#9fb6e6}.triangle-demo.folded .triangle-line{color:#ffe3a0}.triangle-demo.folded:after{content:"";position:absolute;bottom:26px;left:15%;right:15%;height:3px;background:#ffe3a0;border-radius:2px}.pyth-layout{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:8px 0 14px}.pyth-square{display:grid;grid-template-columns:repeat(var(--n, 5),9px);gap:1px;padding:6px;border-radius:6px;background:#14203f;border:1px solid #9fb6e640;position:relative}.pyth-square i{width:9px;height:9px;border-radius:2px;background:#3b6fe0}.pyth-square.b i{background:#9fb6e6}.pyth-square.c{width:120px;height:120px;border:2px dashed #ffe3a0}.pyth-square b{position:absolute;left:50%;bottom:-22px;transform:translate(-50%);white-space:nowrap;font-size:.68em;color:#ffe3a0}.pyth-square.c b{bottom:auto;top:50%;transform:translate(-50%,-50%)}.pyth-plus{font-size:1.6em;color:#ffe3a0}.seed-bag{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:16px;margin:6px 0 12px;border-radius:40px 40px 16px 16px;background:#2c1540;border:1px solid #f0a6ff40}.seed-bag i{width:22px;height:26px;border-radius:50%/60% 60% 40% 40%;background:#ffe3a0}.seed-bag i.blue{background:#7cc3ff}.passage-options,.path-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:10px}.rain-bar{display:block;width:100%;height:8px;border-radius:4px;background:#ffffff14;overflow:hidden}.rain-bar i{display:block;height:100%;background:#7cc3ff}.market-stall[aria-pressed=true] .rain-bar i{background:#2c1540}.roll-strip{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-bottom:12px}.roll-strip i{display:grid;place-items:center;width:24px;height:24px;border-radius:5px;background:#f1c9ea;color:#2c1540;font-style:normal;font-weight:700;font-size:.72em}.tally-chart{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;align-items:end}.tally-column{display:grid;justify-items:center;gap:6px}.tally-bar{position:relative;display:block;width:30px;height:var(--h);min-height:2px;border-radius:4px 4px 0 0;background:#ff8fc8;transition:height .2s}.tally-bar b{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:.68em;color:#e6e0ff}.tally-column strong{color:#e6e0ff}.tally-column .learning-tools{margin:0;gap:4px}.tally-column .learning-button{min-width:30px;padding:6px 8px}.pile-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.pile{display:grid;justify-items:center;gap:6px;min-width:70px;padding:10px;border:1px solid #f0a6ff40;border-radius:10px;background:#2c1540;color:#e6e0ff}.pile-stack{display:flex;flex-direction:column-reverse;gap:2px;min-height:60px}.pile-stack i{width:26px;height:6px;border-radius:3px;background:#f0a6ff}.pile[aria-pressed=true]{background:#f0a6ff;color:#2c1540}.pile[aria-pressed=true] .pile-stack i{background:#2c1540}.pile small{font-size:.62em}.value-row{display:flex;justify-content:center;align-items:flex-end;gap:10px;min-height:90px;margin-bottom:8px}.value-chip{display:grid;place-items:end center;width:40px;height:var(--h);min-height:24px;border-radius:6px 6px 0 0;background:#b76cb0;color:#fff;font-size:.85em;padding-bottom:4px}.value-chip.middle{background:#ffe3a0;color:#2c1540}@media(max-width:560px){.fence-layout{grid-template-columns:1fr}.tally-chart{gap:3px}}.stair-demo{display:flex;align-items:flex-end;justify-content:center;gap:6px;height:90px;margin-bottom:10px}.stair-demo i{display:grid;place-items:start center;width:44px;height:var(--h);border-radius:4px 4px 0 0;background:#4b5566;border-top:3px solid #d9a441;font-style:normal}.stair-demo i b{color:#7fe0ff;font-size:.75em;margin-top:2px}.stair-demo i.next{background:#2a3140;border-top-style:dashed}.io-table{border-collapse:collapse;margin:0 auto 12px;font-size:1em}.io-table th,.io-table td{padding:6px 18px;border:1px solid #7fe0ff30;text-align:center}.io-table th{font-size:.66em;letter-spacing:.12em;text-transform:uppercase;color:#8fd3e6}.io-table .io-ask td{color:#d9a441;font-weight:700}.graph-layout{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;justify-content:center}.plot-grid{display:grid;grid-template-columns:22px repeat(5,28px);gap:3px;justify-content:center}.plot-cell{width:28px;height:28px;padding:0;border-radius:4px;border:1px solid #7fe0ff2a;background:#1c2129}.plot-cell.on{background:#d9a441;border-color:#ffe08a}.plot-axis{display:grid;place-items:center;font-size:.62em;color:#8fd3e6}.machine{display:grid;gap:6px;margin:8px 0;padding:10px;border:1px solid #d9a44140;border-radius:10px;background:#1c2129}.machine>span{font-size:.68em;letter-spacing:.12em;text-transform:uppercase;color:#8fd3e6}.pipeline{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:6px 0 12px;font-size:1.2em}.pipeline b{min-width:44px;padding:6px 10px;border-radius:8px;background:#2a3140;color:#ebf6f5;text-align:center}.pipeline b.hit{background:#d9a441;color:#1c2129}.pipeline i{color:#7fe0ff;font-style:normal}.ramp-demo{position:relative;height:150px;margin:6px 0 10px;border-bottom:2px solid #8fd3e660}.ramp-demo .ramp{position:absolute;left:20px;bottom:0;width:200px;height:6px;border-radius:3px;background:#d9a441;transform-origin:0 100%;transform:rotate(var(--angle))}.ramp-demo .ramp-target{position:absolute;left:calc(20px + var(--x));bottom:var(--y);transform:translate(-50%,50%);color:#7fe0ff;font-size:1.3em}.portal-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:6px 0 12px}.portal{display:grid;place-items:center;width:44px;height:60px;border-radius:50%;border:3px solid #3aa0ff;color:#ffd76a;font-weight:700;background:#0a1d3d}.explorer-dot{width:calc(8px * var(--s));height:calc(8px * var(--s));max-width:64px;max-height:64px;border-radius:50%;background:#ffd76a}.garden-grid{display:grid;grid-template-columns:repeat(var(--n),18px);gap:2px;justify-content:center;margin:6px 0 12px}.garden-grid i{width:18px;height:18px;border-radius:3px;background:#3aa0ff}.exponent-rows{display:grid;gap:8px;margin-bottom:8px}.exponent-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:8px 12px;border:1px solid #3aa0ff40;border-radius:10px;background:#0a1d3d}.exponent-row strong{font-size:1.3em;min-width:44px;color:#ffd76a}.exponent-row .learning-tools{margin:0}.cube-demo{position:relative;height:120px;margin:6px 0 12px}.cube-layer{position:absolute;left:50%;top:10px;display:grid;grid-template-columns:repeat(var(--n),16px);gap:2px;transform:translate(calc(-50% + var(--l) * 10px),calc(var(--l) * -10px));opacity:calc(1 - var(--l) * .18)}.cube-layer i{width:16px;height:16px;border-radius:2px;background:#3aa0ff;border:1px solid #dff2ff66}.scale-list{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}.scale-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid #3aa0ff40;border-radius:10px;background:#0a1d3d}.scale-item strong{flex:1}.scale-item small{color:#ffd76a}.scale-rank{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#3aa0ff;color:#0a1d3d;font-weight:700;font-size:.8em}.scale-item .learning-tools{margin:0;gap:4px}.scale-item .learning-button{min-width:34px;padding:6px 8px}@media(max-width:560px){.graph-layout{grid-template-columns:1fr;justify-items:center}}.learning-button{transition:transform .08s ease,box-shadow .08s ease,background .15s,border-color .15s}.learning-button.primary{box-shadow:0 4px #a8894a}.learning-button.primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #a8894a}.learning-button.secondary{box-shadow:0 4px #0b1a22}.learning-button.secondary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #0b1a22}.learning-button:disabled{box-shadow:none}.learning-feedback.success{background:#73e7c214;border-color:#73e7c255}.learning-feedback.success strong{color:#8ef0cf}.learning-feedback.error{border-color:#ff8f7d4d;background:#ff8f7d12}.learning-feedback.error strong{color:#ffac9e}.combo-chip{display:inline-flex;margin-left:10px;padding:2px 9px;border-radius:20px;background:#f5cf83;color:#1c1606;font-size:.85em;font-weight:800;letter-spacing:.3px;vertical-align:1px;animation:combo-pop .45s cubic-bezier(.2,.9,.3,1.4)}@keyframes combo-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.learning-action-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.learning-button.snap{animation:piece-snap .22s cubic-bezier(.2,.9,.3,1.5)}@keyframes piece-snap{0%{transform:scale(.7)}70%{transform:scale(1.08)}to{transform:scale(1)}}.help-star{display:inline-block;transform-origin:50% 60%;transition:color .2s}.help-star.luma-state-idle.idle-0{animation:luma-idle-breathe 4s ease-in-out infinite}.help-star.luma-state-idle.idle-1{animation:luma-idle-look 5s ease-in-out infinite}.help-star.luma-state-idle.idle-2{animation:luma-idle-twinkle 3.2s ease-in-out infinite}.help-star.luma-state-think{animation:luma-think 1.6s ease-in-out infinite;color:#cfe3ff}.help-star.luma-state-happy{animation:luma-happy .7s cubic-bezier(.2,.9,.3,1.4);color:#8ef0cf;text-shadow:0 0 16px #73e7c2aa}.help-star.luma-state-oops{animation:luma-oops .6s ease-in-out;color:#ffc2b8}.help-star.luma-state-combo{animation:luma-combo 1.1s cubic-bezier(.2,.9,.3,1.3) 2;color:#ffe29a;text-shadow:0 0 20px #f5cf83}@keyframes luma-idle-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes luma-idle-look{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg)}55%{transform:rotate(10deg)}}@keyframes luma-idle-twinkle{0%,to{opacity:1}45%{opacity:.55}55%{opacity:1;transform:scale(1.12)}}@keyframes luma-think{0%,to{transform:translateY(0)}50%{transform:translateY(-4px) rotate(12deg)}}@keyframes luma-happy{0%{transform:scale(.8)}60%{transform:scale(1.3) rotate(20deg)}to{transform:scale(1)}}@keyframes luma-oops{0%,to{transform:translate(0)}30%{transform:translate(-3px) rotate(-10deg)}70%{transform:translate(3px) rotate(6deg)}}@keyframes luma-combo{0%{transform:scale(1)}40%{transform:scale(1.4) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}.legendary-help{border-color:#f5cf8340}.reduced-motion .help-star,.reduced-motion .combo-chip,.reduced-motion .learning-button.snap{animation:none}.reduced-motion .learning-button{transition:none}