:root{color:#f8f3ff;font-synthesis:none;text-rendering:optimizelegibility;background:#11101d;font-family:Segoe UI Variable,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible{outline:3px solid color-mix(in srgb, var(--world-accent,#ffcf57) 82%, white);outline-offset:3px}a:focus-visible{outline:3px solid color-mix(in srgb, var(--world-accent,#ffcf57) 82%, white);outline-offset:3px}input:focus-visible{outline:3px solid color-mix(in srgb, var(--world-accent,#ffcf57) 82%, white);outline-offset:3px}.app-shell{--world-bg:#11101d;--world-surface:#1d1933;--world-accent:#ffcf57;--world-glow:#ff7a90;min-height:100vh;background:radial-gradient(circle at 78% 4%, color-mix(in srgb, var(--world-glow) 28%, transparent), transparent 30rem), radial-gradient(circle at 3% 40%, color-mix(in srgb, var(--world-accent) 14%, transparent), transparent 25rem), var(--world-bg);color:#faf8ff;min-height:100dvh;transition:background .9s;position:relative;overflow:hidden}.constellation{z-index:0;pointer-events:none;opacity:.82;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;overflow:visible}.constellation__links line{stroke:color-mix(in srgb, var(--world-accent) 20%, transparent);stroke-width:.14px}.constellation__star{pointer-events:auto;cursor:pointer;transform-box:fill-box;transform-origin:50%}.constellation__star .constellation__halo{transform-box:fill-box;transform-origin:50%;animation:4.6s ease-in-out infinite alternate star-twinkle}.constellation__halo{fill:color-mix(in srgb, var(--world-accent) 17%, transparent)}.constellation__core{fill:var(--world-accent);filter:drop-shadow(0 0 1px var(--world-accent)) drop-shadow(0 0 4px var(--world-glow));transition:transform .18s}.constellation__star:hover .constellation__core{transform:scale(1.6)}.constellation__star--new .constellation__halo{animation:1.4s cubic-bezier(.2,.8,.3,1) both star-fall}.constellation__star--new .constellation__core{animation:1.4s both core-flash}.constellation__tag{animation:.32s cubic-bezier(.3,1.4,.5,1) both tag-pop}.constellation__tag text{fill:#f8f3ff;paint-order:stroke;stroke:#0a0818cc;stroke-width:.5px;font:700 2.2px/1.4 ui-monospace,monospace}.topbar,.page-grid,.museum-page,.lab-page,footer{z-index:1;position:relative}.topbar{max-width:1240px;padding:max(28px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) 14px max(28px, env(safe-area-inset-left));grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;margin:0 auto;display:grid}.brand{cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:10px;padding:0;display:flex}.brand__mark{color:#17121e;background:var(--world-accent);width:38px;height:38px;box-shadow:0 8px 24px color-mix(in srgb, var(--world-accent) 35%, transparent);border-radius:13px;place-items:center;font-size:24px;font-weight:800;display:grid}.brand>span:nth-child(2){letter-spacing:-.02em;font-weight:800}.brand small{color:#afa9c2}nav{background:#ffffff0e;border:1px solid #ffffff14;border-radius:999px;padding:5px;display:flex}nav button{color:#aaa3bd;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 18px}nav button.active{color:#191423;background:#f7f2ff}.platform-pill{color:var(--world-accent);border:1px solid color-mix(in srgb, var(--world-accent) 35%, transparent);border-radius:999px;justify-self:end;padding:9px 12px;font:500 12px/1 ui-monospace,monospace}.page-grid{grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr);gap:18px;max-width:1240px;margin:0 auto;padding:38px 28px 72px;display:grid}.panel{background:color-mix(in srgb, var(--world-surface) 88%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid #ffffff17;box-shadow:0 26px 80px #0000003d}.hero{border-radius:34px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:470px;padding:max(30px,min(5vw,70px));display:flex;position:relative;overflow:hidden}.hero__orbit{color:color-mix(in srgb, var(--world-accent) 8%, transparent);-webkit-user-select:none;user-select:none;font-size:350px;font-weight:800;line-height:1;position:absolute;bottom:-110px;right:-36px}.eyebrow{color:var(--world-accent);text-transform:uppercase;letter-spacing:.13em;margin:0 0 12px;font:500 12px/1.5 ui-monospace,monospace}h1,h2,h3,p{z-index:1;position:relative}h1{letter-spacing:-.055em;max-width:820px;margin:0;font-size:max(42px,min(6vw,82px));line-height:1.03}.hero__detail{color:#c7c0d4;max-width:680px;font-size:17px;line-height:1.8}.reason-row{z-index:1;flex-wrap:wrap;gap:9px;margin:12px 0 28px;display:flex;position:relative}.reason-row span,.mood-chip{color:#d9d2e5;background:#fff1;border-radius:999px;padding:7px 11px;font-size:12px}.primary-button,.secondary-button,.text-button{z-index:2;cursor:pointer;transition:transform .18s,opacity .18s,background .18s;position:relative}.primary-button{background:var(--world-accent);color:#17131f;box-shadow:0 12px 34px color-mix(in srgb, var(--world-accent) 28%, transparent);border:0;border-radius:17px;padding:16px 22px;font-weight:800;position:relative;overflow:hidden}.primary-button:hover{transform:translateY(-2px)rotate(-.4deg)}.primary-button:active{transform:translateY(1px)scale(.97)}.primary-button:disabled,.secondary-button:disabled,.text-button:disabled{cursor:default;opacity:.55;transform:none}.temperament-calm{animation:3.4s ease-in-out infinite calm-pulse}.temperament-calm:hover{transform:translateY(-2px)}.temperament-shy{animation:4.4s ease-in-out infinite shy-shift}.temperament-shy:hover{transform:translate(16px)}.temperament-dramatic{animation:2s ease-in-out infinite dramatic-heartbeat}.temperament-dramatic:hover{transform:scale(1.07)rotate(-2deg)}.temperament-bouncy{animation:1.6s ease-in-out infinite soft-bounce}.temperament-bouncy:active{animation:none;transform:scale(.94)translateY(2px)}.primary-button.is-busy{animation-play-state:paused}.primary-button.is-busy:after{content:"";background:linear-gradient(105deg,#0000 35%,#ffffff80 50%,#0000 65%) 0 0/220% 100%;animation:1.15s linear infinite busy-sweep;position:absolute;top:0;bottom:0;left:0;right:0}.notice{color:#ada5bd;min-height:24px;margin:15px 0 0;font-size:13px}.notice--error{color:#ff9eae}.companion{text-align:center;border-radius:34px;align-content:center;place-items:center;padding:36px;display:grid}.companion__stage{place-items:center;display:grid;position:relative}.creature{cursor:pointer;background:0 0;border:0;justify-items:center;padding:0;display:grid;position:relative}.creature__body{background:radial-gradient(circle at 34% 28%, color-mix(in srgb, var(--world-glow) 62%, white 10%), var(--world-glow) 58%, color-mix(in srgb, var(--world-glow) 74%, #000 26%));width:132px;height:132px;box-shadow:inset -14px -16px 26px #00000029, 0 24px 52px color-mix(in srgb, var(--world-glow) 30%, transparent);border-radius:45% 55% 46% 54%/52% 46% 56% 48%;place-items:center;animation:5s ease-in-out infinite creature-idle;display:grid;position:relative}.creature__glyph{color:color-mix(in srgb, var(--world-glow) 66%, white);text-shadow:0 4px 16px color-mix(in srgb, var(--world-glow) 40%, transparent);margin-top:12px;font-size:26px;font-weight:800}.creature__eye{background:#1d1630;border-radius:50%;place-items:center;width:20px;height:22px;animation:4.4s infinite creature-blink;display:grid;position:absolute;top:42px}.creature__eye:after{content:"";background:#fff;border-radius:50%;width:9px;height:11px}.creature__eye--left{left:34px}.creature__eye--right{right:34px}.creature__mouth{border:3px solid #1d1630;border-top:0;border-radius:0 0 14px 14px;width:18px;height:9px;position:absolute;top:84px;left:50%;transform:translate(-50%)}.creature__blush{background:color-mix(in srgb, var(--world-accent) 56%, transparent);opacity:0;border-radius:50%;width:16px;height:8px;transition:opacity .4s;position:absolute;top:62px}.creature__blush--left{left:18px}.creature__blush--right{right:18px}.creature--happy .creature__blush{opacity:1}.creature--happy .creature__body{animation:1.1s ease-in-out infinite creature-happy}.creature--happy .creature__mouth{border-top:3px solid #1d1630;border-bottom:0;border-radius:14px 14px 0 0;margin-top:-8px}.creature--sleepy .creature__body{animation:6.2s ease-in-out infinite creature-sleep}.creature--sleepy .creature__eye{border-radius:999px;width:18px;height:4px;margin-top:9px}.creature--sleepy .creature__eye:after{opacity:0}.creature--sleepy .creature__mouth{opacity:.45;background:#1d1630;border:0;border-radius:50%;width:12px;height:6px}.creature--curious .creature__body{animation:3.2s ease-in-out infinite creature-tilt}.creature--curious .creature__eye{width:24px;height:25px;animation:none}.creature--curious .creature__eye:after{width:11px;height:13px}.creature--curious .creature__mouth{background:#1d1630;border:3px solid #1d1630;border-radius:50%;width:11px;height:11px;top:78px}.creature__mood{color:#bdb5c9;margin:14px 0 0;font-size:13px}.companion__stage h2{margin:26px 0 0;font-size:28px}.creature__bubble{color:#241d33;z-index:3;background:#f7f2ff;border-radius:18px;max-width:240px;margin:0;padding:12px 16px;font-size:14px;line-height:1.55;animation:.3s cubic-bezier(.3,1.4,.5,1) both bubble-pop;position:absolute;top:-58px;box-shadow:0 14px 40px #00000059}.creature__bubble:after{content:"";border:8px solid #0000;border-top-color:#f7f2ff;border-bottom:0;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.world-note{border-radius:28px;grid-column:1/-1;grid-template-columns:1.2fr .8fr;align-items:center;gap:25px;padding:28px 34px;display:grid}blockquote{letter-spacing:-.035em;margin:0;font-size:max(23px,min(3vw,38px));font-weight:700}.world-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.world-stats span{color:#aaa2b8;background:#ffffff0b;border-radius:18px;padding:18px 14px;font-size:12px}.world-stats strong{color:#fff;font:500 25px/1.3 ui-monospace,monospace;display:block}.latest-list,.heartbeat{border-radius:28px;grid-column:1/-1;padding:30px 34px 34px}.heartbeat__body{gap:22px;display:grid}.heartbeat__stats{flex-wrap:wrap;gap:26px;display:flex}.heartbeat__stats span{color:#aaa2b8;font-size:13px}.heartbeat__stats strong{color:var(--world-accent);margin-right:8px;font:700 30px/1.2 ui-monospace,monospace}.heartbeat__grid{grid-template-rows:repeat(7,15px);grid-auto-flow:column;gap:5px;width:fit-content;max-width:100%;padding-bottom:4px;display:grid;overflow-x:auto}.heartbeat__cell{background:#ffffff0d;border-radius:4px;width:15px;height:15px;transition:transform .14s,background .14s,box-shadow .14s}.heartbeat__cell:hover{transform:scale(1.35)}.heartbeat__cell.level-1{background:color-mix(in srgb, var(--world-accent) 30%, #ffffff0d)}.heartbeat__cell.level-2{background:color-mix(in srgb, var(--world-accent) 55%, transparent)}.heartbeat__cell.level-3{background:color-mix(in srgb, var(--world-accent) 78%, transparent)}.heartbeat__cell.level-4{background:var(--world-accent);box-shadow:0 0 10px color-mix(in srgb, var(--world-glow) 60%, transparent)}.heartbeat__legend{margin:0;font-size:12px}.burst{z-index:4;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.burst__ring{border:3px solid var(--world-accent);border-radius:50%;width:26px;height:26px;margin:-13px;animation:.8s ease-out both burst-ring;position:absolute;bottom:88px;left:50%}.burst__particle{width:var(--psize);height:var(--psize);margin:calc(var(--psize) / -2);background:var(--world-accent);box-shadow:0 0 10px var(--world-accent), 0 0 22px var(--world-glow);animation:burst-fly 1.05s cubic-bezier(.15, .6, .4, 1) var(--pdelay) both;border-radius:50%;position:absolute;bottom:88px;left:50%}.crash-panel{flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;min-height:100vh;padding:64px 28px;display:flex}.crash-panel h1{font-size:max(40px,min(6vw,64px))}.crash-panel__detail{color:#bdb5c9;max-width:560px;line-height:1.7}.section-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.section-heading h1,.section-heading h2,.latest-list h2{margin:0}.section-heading h1{font-size:max(42px,min(6vw,72px))}.cards-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.update-card{background:#ffffff0b;border:1px solid #ffffff12;border-radius:20px;flex-direction:column;align-items:flex-start;min-height:210px;padding:20px;display:flex}.update-card__meta{color:#958da6;flex-wrap:wrap;gap:6px;font:400 10px/1.4 ui-monospace,monospace;display:flex}.update-card__meta span{background:#ffffff0b;border-radius:7px;padding:4px 7px}.update-card h3{margin:18px 0 7px;font-size:20px;line-height:1.35}.update-card p{color:#a9a1b7;margin:0 0 18px;font-size:13px}.text-button{color:var(--world-accent);background:0 0;border:0;margin-top:auto;padding:0;font-weight:700}.museum-page,.lab-page{border-radius:34px;max-width:1184px;min-height:70vh;margin:38px auto 80px;padding:max(28px,min(5vw,60px))}.museum-page>.section-heading p:not(.eyebrow),.lead{color:#b6aebf;max-width:680px;line-height:1.7}.secondary-button{background:#ffffff0f;border:1px solid #ffffff24;border-radius:14px;padding:12px 16px}.secondary-button:hover{background:#ffffff1c}.museum-layout{grid-template-columns:minmax(0,1.5fr) minmax(270px,.65fr);gap:20px;display:grid}.timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cabinet{background:#00000024;border-radius:22px;padding:22px}.cabinet h2{margin-top:0}.relic{border-top:1px solid #ffffff14;grid-template-columns:50px 1fr;gap:12px;padding:13px 0;display:grid}.relic>span{background:var(--world-accent);color:#17131f;border-radius:13px;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.relic p{color:#aaa2b5;margin:4px 0 0;font-size:12px}.muted{color:#948ba2}.capability-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px;display:grid}.capability-grid article{background:#ffffff0b;border:1px solid #ffffff12;border-radius:20px;min-height:180px;padding:24px}.capability-grid article>span{color:var(--world-accent);font:500 11px/1 ui-monospace,monospace}.capability-grid h2{margin:25px 0 8px}.capability-grid p{color:#a9a1b7;font-size:14px;line-height:1.6}.lab-controls{background:#00000021;border-radius:18px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:20px;margin-top:28px;padding:22px;display:flex}.lab-controls label{color:#c4bdce;align-items:center;gap:10px;display:flex}footer{color:#81798f;justify-content:space-between;max-width:1184px;margin:0 auto;padding:0 28px 32px;font-size:12px;display:flex}footer a{color:var(--world-accent);text-decoration:none}@keyframes soft-bounce{50%{transform:translateY(-3px)}}@keyframes calm-pulse{0%,to{box-shadow:0 12px 34px color-mix(in srgb, var(--world-accent) 28%, transparent)}50%{box-shadow:0 12px 48px color-mix(in srgb, var(--world-accent) 62%, transparent)}}@keyframes shy-shift{0%,to{transform:translate(0)}40%{transform:translate(7px)}55%{transform:translate(7px)}}@keyframes dramatic-heartbeat{0%,to{transform:scale(1)}12%{transform:scale(1.08)}24%{transform:scale(1)}36%{transform:scale(1.05)}48%{transform:scale(1)}}@keyframes busy-sweep{to{background-position:-220% 0}}@keyframes star-twinkle{0%{opacity:.35}to{opacity:1}}@keyframes star-fall{0%{opacity:0;transform:scale(2.6)}to{opacity:1;transform:scale(1)}}@keyframes core-flash{0%{opacity:0}35%{opacity:1;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}@keyframes tag-pop{0%{opacity:0;transform:translateY(6px)scale(.6)}}@keyframes creature-idle{0%,to{border-radius:45% 55% 46% 54%/52% 46% 56% 48%;transform:rotate(0)}33%{border-radius:50% 48% 55% 44%/46% 56% 45% 55%;transform:rotate(1.5deg)}66%{border-radius:46% 52% 44% 56%/54% 45% 55% 46%;transform:rotate(-1.5deg)}}@keyframes creature-happy{50%{transform:translateY(-12px)rotate(2deg)}}@keyframes creature-sleep{0%,to{transform:scale(1)}50%{transform:scale(.94)translateY(3px)}}@keyframes creature-tilt{0%,to{transform:rotate(0)}25%{transform:rotate(6deg)}75%{transform:rotate(-6deg)}}@keyframes creature-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.12)}}@keyframes bubble-pop{0%{opacity:0;transform:translateY(10px)scale(.7)}}@keyframes burst-fly{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(var(--rot)) scale(.35)}}@keyframes burst-ring{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(7)}}@media (max-width:860px){.topbar{grid-template-columns:1fr auto}nav{order:3;grid-column:1/-1;justify-content:stretch}nav button{flex:1}.platform-pill{grid-area:1/2}.page-grid{grid-template-columns:1fr;padding-top:18px}.companion{min-height:360px}.world-note{grid-column:1;grid-template-columns:1fr}.latest-list{grid-column:1}.cards-grid,.capability-grid{grid-template-columns:repeat(2,1fr)}.museum-layout{grid-template-columns:1fr}}@media (max-width:560px){.topbar,.page-grid{padding-left:16px;padding-right:16px}.brand small,.platform-pill{display:none}.hero{border-radius:25px;min-height:480px;padding:28px 22px}h1{font-size:43px}.reason-row span{font-size:11px}.world-note,.latest-list,.heartbeat,.museum-page,.lab-page{border-radius:23px;padding:24px 20px}.heartbeat__grid{grid-template-rows:repeat(7,11px);gap:3px}.heartbeat__cell{width:11px;height:11px}.world-stats,.cards-grid,.timeline,.capability-grid{grid-template-columns:1fr}.section-heading,.lab-controls{flex-direction:column}footer{flex-direction:column;gap:8px;padding-left:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}