:root{--night:#11143b;--paper:#fffdf7;--ink:#20234b;--coral:#ff6b6b;--gold:#ffbd3e;--mint:#39d8b4;--blue:#4e8cff;--violet:#9d6bff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--night);color:var(--ink);margin:0;font-family:Avenir Next,Avenir,Segoe UI,system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:4px solid #fff}.site-shell{background:radial-gradient(circle at 50% -10%,#7b67ff6b,#0000 34%),linear-gradient(#10143d 0 44%,#f5f0e8 44% 100%);min-height:100vh;position:relative;overflow:hidden}.stars{pointer-events:none;height:48rem;position:absolute;inset:0 0 auto}.stars span{opacity:.72;background:#fff;border-radius:50%;width:3px;height:3px;animation:3s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 8px #fff}.stars span:nth-child(3n){width:5px;height:5px;animation-delay:-1.2s}.stars span:nth-child(4n){background:#ffd573;animation-delay:-2s}.stars span:first-child{top:9%;left:4%}.stars span:nth-child(2){top:30%;left:11%}.stars span:nth-child(3){top:16%;left:17%}.stars span:nth-child(4){top:36%;left:25%}.stars span:nth-child(5){top:9%;left:31%}.stars span:nth-child(6){top:27%;left:39%}.stars span:nth-child(7){top:13%;left:47%}.stars span:nth-child(8){top:35%;left:55%}.stars span:nth-child(9){top:8%;left:63%}.stars span:nth-child(10){top:27%;left:71%}.stars span:nth-child(11){top:14%;left:78%}.stars span:nth-child(12){top:31%;left:88%}.stars span:nth-child(13){top:10%;left:95%}.stars span:nth-child(14){top:47%;left:7%}.stars span:nth-child(15){top:55%;left:19%}.stars span:nth-child(16){top:46%;left:30%}.stars span:nth-child(17){top:59%;left:42%}.stars span:nth-child(18){top:49%;left:52%}.stars span:nth-child(19){top:57%;left:67%}.stars span:nth-child(20){top:49%;left:82%}.stars span:nth-child(21){top:60%;left:92%}.stars span:nth-child(22){top:70%;left:2%}.stars span:nth-child(23){top:72%;left:23%}.stars span:nth-child(24){top:71%;left:58%}.stars span:nth-child(25){top:75%;left:75%}.stars span:nth-child(26){top:72%;left:98%}.topbar{z-index:2;color:#fff;justify-content:space-between;align-items:center;width:min(1120px,100% - 40px);margin:0 auto;padding:24px 0;display:flex;position:relative}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-orbit{background:linear-gradient(135deg, var(--gold), #ff7f6b);color:#2b2452;border-radius:50%;place-items:center;width:50px;height:50px;font-size:25px;font-weight:900;display:grid;transform:rotate(-7deg);box-shadow:0 6px #00000024}.brand strong{font-size:19px;line-height:1;display:block}.brand small{color:#cbd0ff;letter-spacing:.04em;margin-top:4px;font-weight:700;display:block}.mission-pill{background:#ffffff17;border:1px solid #fff3;border-radius:999px;padding:10px 15px;font-size:13px;font-weight:700}.mission-pill span{color:var(--gold);margin-right:6px}.hero{z-index:1;color:#fff;text-align:center;padding:58px 20px 184px;position:relative}.eyebrow{color:#74709b;letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:900}.hero .eyebrow{color:#ffcd69}.hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,7vw,76px);font-weight:900;line-height:1}.hero h1 em{color:#7ee4cf;font-style:normal;position:relative}.hero h1 em:after{content:"";background:var(--coral);border-radius:50%;height:7px;position:absolute;bottom:-7px;left:5%;right:1%;transform:rotate(-2deg)}.intro{color:#cdd1f2;max-width:620px;margin:25px auto 28px;font-size:clamp(16px,2vw,19px)}.level-picker{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.level{cursor:pointer;color:#dfe2ff;background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;padding:11px 16px;font-weight:800;transition:transform .16s,background .16s}.level span{margin-right:7px}.level:hover{background:#ffffff24;transform:translateY(-2px)}.level.active{color:#20234b;background:#fff;border-color:#fff;transform:translateY(-2px);box-shadow:0 7px #00000029}.number-card{z-index:3;background:var(--paper);border:1px solid #2123491a;border-radius:30px;width:min(960px,100% - 32px);margin:-125px auto 0;padding:28px;position:relative;box-shadow:0 28px 80px #13163e38,0 7px #ded6c9}.card-topline{color:#6d6b86;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:13px;font-weight:800;display:flex}.live-dot i{background:var(--mint);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block;box-shadow:0 0 0 5px #39d8b421}.level-name{color:#8d87a7}.number-display{font-variant-numeric:tabular-nums;flex-wrap:nowrap;justify-content:center;align-items:baseline;margin:32px 0 27px;animation:.42s cubic-bezier(.2,.9,.25,1.25) pop-in;display:flex}.digit-group{letter-spacing:-.055em;text-shadow:0 3px #0000000f;color:var(--group);font-size:clamp(34px,7.5vw,72px);font-weight:950;line-height:1}.digit-group b{color:#c8c3ba;margin-right:.08em}.coral{--group:var(--coral)}.gold{--group:#e9a51c}.mint{--group:#13ad91}.blue{--group:var(--blue)}.violet{--group:var(--violet)}.word-panel{background:#f2efff;border:1px dashed #bcb1f7;border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:18px;min-height:98px;padding:18px 22px;display:grid}.word-panel-label{color:#756ba6;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;flex-direction:column;align-items:center;font-size:11px;font-weight:900;display:flex}.word-panel-label span:first-child{margin-bottom:3px;font-size:25px}.words{color:#3b376b;margin:0;font-size:clamp(18px,3vw,27px);font-weight:850;line-height:1.4}.words.hidden{color:#7d789e;font-style:italic;font-weight:700}.actions{flex-wrap:wrap;justify-content:center;gap:11px;margin-top:20px;display:flex}.actions button{cursor:pointer;border:0;border-radius:14px;min-height:50px;padding:0 19px;font-weight:900;transition:transform .15s,box-shadow .15s}.actions button:hover{transform:translateY(-2px)}.primary-button{color:#fff;background:#5f55df;box-shadow:0 6px #4239aa}.secondary-button{color:#285c53;background:#c9f5e9;box-shadow:0 6px #91d9c6}.challenge-button{color:#634e2b;background:#ffe8ae;box-shadow:0 6px #e6c16a}.actions button:active{transform:translateY(4px);box-shadow:0 2px #0000002e}.actions button:disabled{opacity:.65}.decoder{width:min(1120px,100% - 32px);margin:76px auto;position:relative}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.section-heading h2{color:#252755;letter-spacing:-.04em;margin:0;font-size:clamp(28px,4vw,43px)}.tip{color:#625c80;background:#fff;border:1px solid #e6ded3;border-radius:999px;padding:10px 15px;font-size:13px;box-shadow:0 3px #e3dacd}.tip b{color:#ed696d}.chunk-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.chunk-card{border-top:7px solid var(--group);background:#fff;border-radius:22px;min-height:210px;padding:20px;position:relative;overflow:hidden;box-shadow:0 6px #ded7cd,0 12px 30px #26234714}.chunk-card:after{content:"";background:var(--group);opacity:.1;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-40px;right:-35px}.chunk-card .step{color:#9993aa;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:900}.chunk-card strong{color:var(--group);letter-spacing:-.04em;margin-top:15px;font-size:42px;display:block}.chunk-card p{color:#575574;min-height:46px;margin:2px 0 14px;font-weight:750;line-height:1.35}.chunk-card .scale{color:#fff;background:var(--group);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;display:inline-block}.reading-path{color:#625f7c;text-align:center;justify-content:center;align-items:center;gap:8px;margin:27px auto 0;font-size:14px;display:flex}.reading-path p{margin:0}.reading-order-narrow{display:none}footer{color:#77728d;text-align:center;justify-content:center;gap:12px;padding:36px 20px 45px;font-size:13px;font-weight:750;display:flex}footer span{color:#f3af35}@keyframes pop-in{0%{opacity:0;transform:scale(.93)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes twinkle{50%{opacity:.22;transform:scale(.6)}}@media (max-width:720px){.mission-pill{display:none}.hero{padding-top:39px;padding-bottom:160px}.number-card{border-radius:24px;padding:20px 16px 24px}.number-display{margin:28px -8px 24px}.word-panel{text-align:center;grid-template-columns:1fr;gap:8px}.word-panel-label{flex-direction:row;justify-content:center;gap:7px}.word-panel-label span:first-child{margin:0}.actions button{flex:42%;padding:0 12px}.primary-button{flex-basis:100%!important}.section-heading{display:block}.tip{margin-top:16px;display:inline-block}.chunk-grid{grid-template-columns:repeat(2,1fr)}.chunk-card{min-height:190px;padding:16px}.chunk-card strong{font-size:34px}}@media (max-width:420px){.topbar{width:calc(100% - 28px)}.brand-orbit{width:44px;height:44px}.hero h1{font-size:44px}.level{padding:10px 12px;font-size:13px}.digit-group{font-size:clamp(28px,9vw,40px)}.chunk-grid{grid-template-columns:1fr}.chunk-card{min-height:0}.reading-order-wide{display:none}.reading-order-narrow{display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}