:root{--navy:#07122e;--navy2:#0c1c45;--ink:#eaf5ff;--muted:#adbad7;--orange:#ff9c21;--pink:#f931a6;--cyan:#26d8ed;--purple:#a954fb;--panel:#101a42;--ring:rgba(177,210,255,.15);--wrap:1190px;--rounded:24px;color-scheme:dark;scroll-behavior:smooth}
*{box-sizing:border-box}html{scroll-padding-top:96px}body{margin:0;min-width:320px;background:var(--navy);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}body.dialog-open{overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{display:block}::selection{background:#ff9e21;color:#09152f}:focus-visible{outline:3px solid #5be9ff;outline-offset:4px}.wrap{width:min(calc(100% - 52px),var(--wrap));margin-inline:auto}.skip-link{position:absolute;z-index:99;left:15px;top:-55px;background:#fff;color:#0c1940;padding:8px 15px;border-radius:9px}.skip-link:focus{top:14px}
.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(100px);z-index:-1;opacity:.24}.ambient--one{height:570px;width:570px;background:#94237f;top:400px;left:-400px}.ambient--two{height:590px;width:590px;background:#0074ab;top:900px;right:-430px}
.site-header{position:sticky;top:0;z-index:40;background:rgba(7,18,46,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(198,214,255,.10)}.nav{height:78px;display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:10px;flex:none;background:#fff;padding:7px 12px;border-radius:13px;box-shadow:0 0 28px rgba(41,210,228,.11);min-height:45px}.brand img{width:148px;height:auto}.brand-dot{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px var(--cyan)}.nav-links{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:720;color:#deebff}.nav-links a{transition:color .2s ease}.nav-links a:hover{color:#ffab40}.nav-actions{display:flex;align-items:center;gap:12px}.icon-button,.language-button,.nav-play{border:1px solid rgba(217,228,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;background:#131f46;border-radius:100px;font-weight:800;transition:transform .2s,border-color .2s,background .2s}.icon-button:hover,.language-button:hover,.nav-play:hover{transform:translateY(-2px);border-color:#eaa8f7}.icon-button{height:38px;width:38px}.icon-button svg{width:19px;stroke:#fff;stroke-width:1.8;fill:none;stroke-linejoin:round;stroke-linecap:round}.sound-wave{display:none}.icon-button[aria-pressed="true"] .sound-wave{display:block}.icon-button[aria-pressed="true"] .mute-stroke{display:none}.language-button{height:38px;min-width:47px;font-size:12px}.nav-play{height:38px;padding:0 19px;background:linear-gradient(115deg,#ff8e16,#f1309b);border-color:transparent;box-shadow:0 6px 22px rgba(241,60,173,.17);gap:6px}.star-small{color:#ffdb73;font-size:12px}
.hero{isolation:isolate;position:relative;overflow:hidden;min-height:780px;background:radial-gradient(ellipse at 50% 30%,rgba(31,74,134,.74) 0%,transparent 42%),radial-gradient(ellipse at 50% 85%,rgba(129,34,125,.35),transparent 55%),linear-gradient(180deg,#081936 0%,#0b2355 44%,#111a48 74%,#101431 100%);border-bottom:1px solid rgba(230,129,255,.14)}.hero:before{content:"";pointer-events:none;position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:63px 63px;opacity:.08;mask-image:linear-gradient(to bottom,#000,transparent 75%)}.hero-scene{position:absolute;width:min(47vw,700px);height:560px;top:40px;background-size:cover;background-position:center top;opacity:.78;pointer-events:none}.hero-scene--left{left:-5%;background-image:linear-gradient(to right,rgba(12,25,58,.02),rgba(11,31,73,.28)),url('assets/scene-left.webp');mask-image:linear-gradient(to right,black 30%,transparent 95%)}.hero-scene--right{right:-7%;background-image:linear-gradient(to left,rgba(9,29,64,.02),rgba(9,29,64,.35)),url('assets/scene-right.webp');mask-image:linear-gradient(to left,black 30%,transparent 95%)}.hero-inner{position:relative;z-index:2;text-align:center;padding-top:18px;padding-bottom:112px}.hero-mark{width:360px;height:290px;margin:0 auto;position:relative;display:flex;justify-content:center;align-items:center}.hero-glow{position:absolute;inset:23px -40px 0;border-radius:50%;background:radial-gradient(ellipse,#fff 0%,#f3f9ff 45%,rgba(220,247,255,.75) 56%,transparent 72%);filter:blur(11px);opacity:.94;animation:breath 5s ease-in-out infinite}.hero-logo{position:relative;width:335px;height:auto;max-height:286px;object-fit:contain;filter:drop-shadow(0 15px 17px rgba(1,7,42,.25));animation:arrival 1.2s cubic-bezier(.2,.8,.2,1) both}.eyebrow,.overline{letter-spacing:.25em;text-transform:uppercase;font-size:11px;font-weight:850;color:#ffc777}.eyebrow{display:flex;justify-content:center;align-items:center;gap:14px;margin:0 0 11px}.eyebrow-mark{color:#ffbb55;font-size:15px}.hero h1{font-size:clamp(40px,5.5vw,76px);letter-spacing:-.065em;font-weight:950;line-height:1.07;margin:7px auto 15px;text-shadow:0 3px 18px rgba(2,5,25,.30);max-width:1100px}.text-gradient{background:linear-gradient(110deg,#ffb327 10%,#ff6a6c 58%,#f83ac6 96%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:clamp(15px,1.55vw,19px);max-width:640px;line-height:1.72;margin:0 auto;color:#d7e5fa}.hero-buttons{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;border-radius:100px;font-weight:850;font-size:14px;letter-spacing:-.008em;border:1px solid transparent;padding:0 23px;transition:transform .22s ease,box-shadow .22s ease,background .22s ease;position:relative}.button:hover{transform:translateY(-3px)}.button--primary{color:#fff;background:linear-gradient(110deg,#ff9910 3%,#ff6933 45%,#ee24b8 95%);box-shadow:0 9px 26px rgba(251,60,151,.28),0 0 0 3px rgba(255,134,51,.11);border:1px solid rgba(255,190,99,.65)}.button--primary:hover{box-shadow:0 13px 35px rgba(245,54,164,.42)}.button--ghost{border-color:rgba(209,223,255,.28);background:rgba(10,23,55,.65);color:#eaf3ff}.button--ghost:hover{background:rgba(36,55,98,.8)}.button--secondary{color:#fff;border-color:rgba(255,151,228,.35);background:linear-gradient(120deg,rgba(230,38,154,.15),rgba(34,175,213,.18))}.play-circle{height:25px;width:25px;display:grid;place-items:center;border-radius:50%;font-size:10px;background:rgba(255,255,255,.2);padding-left:2px}.hero-micro{margin-top:24px;color:#dae4f9;font-size:12px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.hero-micro b{font-size:14px;color:#ffb95f}.micro-sep{width:4px;height:4px;background:#6893c8;border-radius:50%}.hero-bottom{height:37px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#0b1634,transparent);display:flex;align-items:flex-end;justify-content:center;gap:17px}.hero-bottom span{height:2px;width:75px;background:linear-gradient(90deg,transparent,#38e1f5,transparent);opacity:.35}.hero-particles i{position:absolute;z-index:1;width:5px;height:5px;background:#ffd48a;border-radius:50%;box-shadow:0 0 17px 4px rgba(249,180,50,.45);animation:floatParticle 8s ease-in-out infinite;pointer-events:none}.hero-particles i:nth-child(1){left:9%;top:25%}.hero-particles i:nth-child(2){left:23%;top:54%;animation-delay:-3s}.hero-particles i:nth-child(3){left:32%;top:10%;animation-delay:-6s}.hero-particles i:nth-child(4){left:57%;top:15%;animation-delay:-1s}.hero-particles i:nth-child(5){left:82%;top:26%;animation-delay:-4s}.hero-particles i:nth-child(6){left:90%;top:66%;animation-delay:-2s}.hero-particles i:nth-child(7){left:11%;top:77%;animation-delay:-7s}.hero-particles i:nth-child(8){left:42%;top:73%;animation-delay:-2.6s}.hero-particles i:nth-child(9){left:69%;top:67%;animation-delay:-3.2s}.hero-particles i:nth-child(10){left:76%;top:13%;animation-delay:-4.6s}
.section{padding-top:92px;padding-bottom:94px}.section-heading{max-width:740px;margin:0 auto 39px}.section-heading.centered{text-align:center}.section-heading h2{margin:7px 0 12px;font-size:clamp(31px,3.5vw,46px);line-height:1.15;font-weight:900;letter-spacing:-.045em}.section-heading p:not(.overline){margin:0;font-size:16px;color:#aebfdb}.overline{margin:0;color:#ffbc6d}.totems-section{position:relative}.totem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.totem-card{--accent:#ffb63b;min-width:0;min-height:294px;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);background:radial-gradient(ellipse at 20% 55%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 54%),linear-gradient(140deg,#192247,#0e1532 73%);border-radius:25px;box-shadow:0 8px 30px color-mix(in srgb,var(--accent) 12%,transparent),inset 0 0 0 1px rgba(255,255,255,.05);transition:transform .24s,box-shadow .24s,border-color .24s;isolation:isolate}.totem-card:hover{transform:translateY(-7px);box-shadow:0 16px 42px color-mix(in srgb,var(--accent) 20%,transparent),inset 0 0 0 1px rgba(255,255,255,.06);border-color:var(--accent)}.totem-card--panther{--accent:#e852ec;background:radial-gradient(ellipse at 13% 45%,rgba(109,40,194,.58),transparent 69%),linear-gradient(130deg,#21103e,#0d173a)}.totem-card--elephant{--accent:#23dcec;background:radial-gradient(ellipse at 10% 48%,rgba(8,135,153,.48),transparent 65%),linear-gradient(130deg,#0a3244,#0a1c33)}.animal-art{position:absolute;left:-4%;width:72%;height:100%;top:0;overflow:hidden;mask-image:linear-gradient(to right,#000 0%,#000 55%,transparent 97%)}.animal-art img{height:100%;width:100%;object-fit:cover;object-position:48% 50%;filter:saturate(1.13);transition:transform .45s ease}.totem-card:hover .animal-art img{transform:scale(1.065)}.card-light{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 25%,rgba(8,12,38,.64) 50%,rgba(8,14,34,.86) 79%)}.totem-card-copy{position:absolute;right:18px;left:47%;top:24px;bottom:22px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;z-index:1}.totem-number{font-size:10px;font-weight:800;letter-spacing:.22em;color:var(--accent);opacity:.92}.totem-glyph{margin:auto 0 4px;color:var(--accent);font-size:30px;text-shadow:0 0 14px var(--accent)}.totem-card-copy h3{font-size:27px;letter-spacing:-.04em;line-height:1.1;margin:0 0 8px;font-weight:900}.totem-card-copy p{font-size:13px;color:#d6e7fa;line-height:1.42;margin:0 0 17px}.card-button{font-size:12px;font-weight:850;color:#fff;background:rgba(13,18,49,.6);border:1px solid var(--accent);border-radius:99px;padding:10px 15px;display:flex;justify-content:space-between;align-items:center;gap:13px;box-shadow:0 0 16px color-mix(in srgb,var(--accent) 13%,transparent)}.card-button:hover{background:color-mix(in srgb,var(--accent) 26%,transparent)}.totem-hint{text-align:center;margin:24px auto 0;font-size:13px;color:#91a4c9}
.journey-section{background:linear-gradient(180deg,rgba(20,26,68,.16),rgba(15,23,64,.72) 52%,rgba(20,26,69,.15));border-top:1px solid rgba(184,154,255,.08);border-bottom:1px solid rgba(184,154,255,.08)}.steps{max-width:980px;margin:38px auto 0;display:grid;grid-template-columns:1fr 100px 1fr 100px 1fr;gap:18px;align-items:start}.step{text-align:center}.step-visual{--sc:#ffb43b;position:relative;width:126px;height:126px;display:grid;place-items:center;margin:0 auto 18px;border:1px solid color-mix(in srgb,var(--sc) 50%,transparent);border-radius:37px;background:radial-gradient(circle,color-mix(in srgb,var(--sc) 18%,transparent),rgba(20,28,62,.8));color:var(--sc);box-shadow:0 0 30px color-mix(in srgb,var(--sc) 10%,transparent)}.step-visual svg{width:69px;height:69px}.step-visual--two{--sc:#ef55d1}.step-visual--three{--sc:#2bdaf1}.step-number{position:absolute;top:-14px;left:-14px;display:grid;place-items:center;height:34px;width:34px;border-radius:50%;font-size:13px;font-weight:900;background:var(--sc);color:#0d183d;box-shadow:0 4px 18px color-mix(in srgb,var(--sc) 25%,transparent)}.step h3{font-size:21px;margin:0 0 8px;font-weight:900}.step p{font-size:14px;margin:0 auto;max-width:210px;line-height:1.7;color:#acbbd8}.step-connector{font-size:15px;color:#d9a870;white-space:nowrap;text-align:center;padding-top:57px;letter-spacing:.04em}
.story-section{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.story-art{height:450px;position:relative;display:grid;place-items:center}.story-orbit{position:absolute;width:410px;height:410px;border-radius:50%;border:1px solid rgba(80,199,246,.2);background:radial-gradient(circle,rgba(252,243,232,.9) 0 28%,rgba(255,239,221,.83) 42%,rgba(53,46,113,.22) 65%,transparent 75%);box-shadow:0 0 90px rgba(196,65,220,.17);animation:breath 7s ease-in-out infinite}.story-orbit:before{content:"";position:absolute;inset:20px;border:1px dashed rgba(240,134,241,.34);border-radius:50%;animation:orbit 33s linear infinite}.story-orbit-inner{position:absolute;inset:45px;display:grid;place-items:center}.story-orbit-inner img{width:260px;height:auto;max-height:305px;object-fit:contain}.orbit-star{position:absolute;color:#ffb353;text-shadow:0 0 17px currentColor;animation:floatParticle 6s ease-in-out infinite}.orbit-star--one{top:52px;left:16%;font-size:28px}.orbit-star--two{right:13%;bottom:49px;font-size:23px;animation-delay:-2s;color:#e54dec}.orbit-star--three{right:17%;top:78px;font-size:32px;animation-delay:-4s;color:#3be5ed}.story-copy h2{font-size:clamp(32px,4vw,50px);font-weight:950;letter-spacing:-.05em;line-height:1.11;margin:9px 0 20px}.story-copy>p:not(.overline){font-size:16px;line-height:1.82;color:#bfcee6;margin:0 0 20px}.story-tag{font-size:10px;letter-spacing:.16em;color:#f2b8f0;font-weight:800;margin-bottom:24px}
.end-section{padding-top:20px;padding-bottom:95px}.end-panel{border-radius:33px;overflow:hidden;position:relative;text-align:center;padding:68px 24px 72px;isolation:isolate;background:radial-gradient(ellipse at 60% 90%,rgba(198,39,159,.41),transparent 62%),radial-gradient(ellipse at 8% 0,rgba(26,205,236,.21),transparent 48%),linear-gradient(115deg,#18295d,#271449 65%,#131d4c);border:1px solid rgba(226,148,248,.33);box-shadow:0 16px 53px rgba(0,0,0,.16)}.end-panel:after{content:"";position:absolute;z-index:-1;inset:-2px;background-image:linear-gradient(35deg,transparent 45%,rgba(243,83,221,.05) 50%,transparent 55%);background-size:34px 34px}.end-panel h2{font-size:clamp(32px,4.5vw,57px);letter-spacing:-.055em;font-weight:950;line-height:1.15;margin:8px auto 12px;max-width:810px}.end-panel p:not(.overline){color:#d0dcf5;margin:0 auto 24px;font-size:16px}.end-spark{position:absolute;color:#ffb153;font-size:52px;opacity:.66}.end-spark--one{left:8%;top:22%}.end-spark--two{right:8%;bottom:14%;color:#e850dc}
.faq-section{padding-top:25px}.faq-grid{max-width:920px;margin:auto;display:grid;grid-template-columns:1fr;gap:12px}.faq-grid details{border-radius:16px;padding:0 20px;border:1px solid rgba(210,225,255,.14);background:rgba(20,32,70,.65)}.faq-grid summary{cursor:pointer;font-weight:750;padding:19px 25px 19px 0;position:relative;list-style:none}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary:after{content:'+';font-size:23px;color:var(--cyan);right:0;top:13px;position:absolute}.faq-grid details[open] summary:after{content:'−'}.faq-grid details p{color:var(--muted);font-size:14px;max-width:790px;line-height:1.7;margin:0 0 20px}
.site-footer{background:#080f28;border-top:1px solid rgba(195,211,255,.11);padding:26px 0 18px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-logo{background:white;padding:6px 12px;border-radius:12px}.footer-logo img{width:149px;height:auto}.footer-inner p{color:#a8b8d7;font-size:13px;margin:0}.top-link{font-size:12px;font-weight:850;color:#e2c5f1}.footer-bottom{margin-top:23px;padding-top:16px;border-top:1px solid rgba(202,220,255,.1);color:#7285a8;font-size:11px;display:flex;justify-content:space-between;gap:15px}
.game-dialog{border:0;padding:0;background:transparent;color:#fff;max-width:min(95vw,805px);width:805px;max-height:min(94dvh,950px);overflow:visible;border-radius:26px;box-shadow:0 35px 130px rgba(0,0,0,.73)}.game-dialog::backdrop{background:rgba(2,7,24,.83);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}.game-dialog[open]{animation:dialogUp .32s cubic-bezier(.2,.8,.2,1) both}.game-shell{border-radius:26px;background:radial-gradient(ellipse at 50% 0,rgba(71,57,144,.4),transparent 65%),linear-gradient(160deg,#162455,#0b1636);border:1px solid rgba(177,211,255,.22);overflow:hidden;max-height:min(94dvh,950px);overflow-y:auto}.game-header{height:74px;padding:0 24px 0 29px;border-bottom:1px solid rgba(233,219,255,.13);display:flex;align-items:center;justify-content:space-between;gap:12px}.game-brand{display:flex;align-items:center;gap:11px;color:#deeafc;font-size:12px;font-weight:850;letter-spacing:.14em}.game-brand-symbol{font-size:28px;color:var(--orange);text-shadow:0 0 18px rgba(255,164,40,.3)}.dialog-close{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.04);color:#fff;font-size:17px}.dialog-close:hover{background:rgba(255,255,255,.15)}.game-content{padding:39px clamp(20px,6vw,60px) 46px;min-height:425px}.game-topline{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;letter-spacing:.13em;font-weight:800;color:#ffbf78;text-transform:uppercase;margin-bottom:13px}.progress-track{height:6px;background:rgba(225,215,255,.15);border-radius:20px;margin:0 0 30px;overflow:hidden}.progress-bar{height:100%;border-radius:20px;background:linear-gradient(90deg,#ffa027,#fd5e75,#e830cc);transition:width .35s ease}.quiz-title{font-size:clamp(27px,4.5vw,42px);letter-spacing:-.05em;font-weight:900;line-height:1.2;margin:4px 0 13px}.quiz-subtitle{font-size:14px;color:#bac8e1;line-height:1.6;margin:0 0 27px}.answers{display:grid;gap:12px}.answer{display:flex;text-align:left;align-items:center;gap:17px;padding:17px 20px;background:rgba(255,255,255,.045);color:#fff;border:1px solid rgba(206,222,255,.16);border-radius:17px;min-height:72px;font-size:15px;font-weight:720;transition:background .2s,transform .2s,border-color .2s}.answer:hover{background:rgba(241,88,195,.16);border-color:#ef88d1;transform:translateX(4px)}.answer:active{transform:scale(.99)}.answer-marker{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#ffb861;background:rgba(255,155,40,.09);border:1px solid rgba(255,158,67,.32);flex:none;font-size:12px;font-weight:900}.quiz-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:29px}.text-button{background:none;color:#a8b9da;border:0;padding:9px 0;font-size:13px;font-weight:790}.text-button:hover{color:#fff}.quiz-tip{font-size:12px;color:#8193b8}.choice-top{text-align:center}.choice-top .overline{margin-bottom:10px}.choice-top h2,.result-top h2{font-size:clamp(30px,5vw,47px);line-height:1.17;letter-spacing:-.05em;margin:0 0 10px}.choice-top p{max-width:560px;margin:0 auto 20px;color:#bdd0e7}.choice-art{display:flex;justify-content:center;margin:0 auto 18px;max-width:360px;height:245px;border-radius:23px;overflow:hidden;border:1px solid var(--selected-accent);position:relative;background:radial-gradient(ellipse at 65% 45%,rgba(124,42,187,.53),#0f1841)}.choice-art img{width:100%;height:100%;object-fit:cover}.choice-art:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 55px rgba(11,19,44,.45);pointer-events:none}.choice-desc{color:#c4d1e9;font-size:14px;max-width:570px;margin:0 auto 19px;line-height:1.8}.choice-traits{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:25px}.choice-traits span{color:#f1d6fc;border-radius:40px;background:rgba(237,89,210,.12);border:1px solid rgba(231,134,231,.23);font-size:12px;font-weight:800;padding:6px 12px}.choice-actions,.result-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.button--light{background:#fff;color:#162149}.button--light:hover{box-shadow:0 8px 30px rgba(255,255,255,.18)}.result-top{text-align:center}.result-top .overline{margin-bottom:12px}.result-top h2 .result-name{background:linear-gradient(100deg,#ffbd4a,#ff57a5,#b48aff);background-clip:text;color:transparent}.result-top p{font-size:15px;color:#c4d5ef;margin:0 auto 19px;max-width:510px}.result-card{min-height:260px;border-radius:24px;overflow:hidden;border:1px solid var(--selected-accent);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:radial-gradient(ellipse at 25% 50%,color-mix(in srgb,var(--selected-accent) 27%,transparent),transparent 66%),#0c1740;position:relative;margin:0 auto 21px}.result-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 36%,rgba(8,16,46,.16) 66%,rgba(11,15,48,.53));pointer-events:none}.result-card img{width:100%;height:260px;object-fit:cover;mask-image:linear-gradient(to right,black 55%,transparent)}.result-card-text{z-index:1;position:relative;padding:24px 18px 24px 0;align-self:center}.result-card-text span{font-weight:900;letter-spacing:.12em;font-size:10px;color:var(--selected-accent)}.result-card-text h3{font-size:clamp(28px,4vw,44px);margin:4px 0 8px;line-height:1.05;letter-spacing:-.05em}.result-card-text p{font-size:13px;color:#d1def6;line-height:1.7;margin:0}.result-quote{text-align:center;color:#f4c0e3;font-size:14px;font-weight:690;margin:0 0 23px}.result-footer{text-align:center;margin-top:18px}.result-footer .text-button{margin:0 13px}.result-disclaimer{font-size:11px;color:#8fa2c2;margin:17px 0 0;text-align:center}.reveal-screen{min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.reveal-glyph{height:150px;width:150px;border-radius:50%;border:1px solid rgba(235,160,232,.45);display:grid;place-items:center;font-size:70px;color:#ffbd75;position:relative;background:radial-gradient(circle,rgba(251,196,122,.15),rgba(219,66,206,.14),transparent);animation:revealPulse 1.1s ease-in-out infinite}.reveal-glyph:before,.reveal-glyph:after{content:"";position:absolute;inset:-19px;border:1px dashed rgba(198,149,247,.45);border-radius:50%;animation:orbit 3s linear infinite}.reveal-glyph:after{inset:-36px;border-color:rgba(88,214,247,.30);animation-direction:reverse}.reveal-screen h2{margin:45px 0 7px;font-size:31px;letter-spacing:-.04em}.reveal-screen p{margin:0;color:#aebdde}
.toast{position:fixed;left:50%;bottom:25px;z-index:150;background:#f4fafc;color:#12204e;box-shadow:0 12px 50px rgba(0,0,0,.35);padding:12px 22px;max-width:calc(100% - 24px);border-radius:12px;font-size:13px;font-weight:850;transform:translate(-50%,150%);opacity:0;transition:transform .25s,opacity .25s;pointer-events:none}.toast.show{transform:translate(-50%,0);opacity:1}
@keyframes breath{0%,100%{transform:scale(1);opacity:.89}50%{transform:scale(1.045);opacity:1}}@keyframes floatParticle{0%,100%{transform:translate(0,0) scale(.7);opacity:.45}50%{transform:translate(10px,-20px) scale(1.3);opacity:1}}@keyframes arrival{from{opacity:0;transform:translateY(-13px) scale(.93)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialogUp{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes revealPulse{50%{transform:scale(1.08);box-shadow:0 0 50px rgba(247,113,233,.26)}}
@media(max-width:1100px){.nav-links{gap:17px;font-size:12px}.totem-card{min-height:270px}.totem-card-copy{left:46%;right:12px}.totem-card-copy h3{font-size:23px}.animal-art{width:75%}}
@media(max-width:900px){.nav-links{display:none}.hero{min-height:740px}.hero-scene{opacity:.58}.totem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.totem-card:last-child{grid-column:1/-1;max-width:450px;width:100%;justify-self:center}.steps{grid-template-columns:1fr 30px 1fr 30px 1fr;gap:8px}.step-connector{font-size:8px;letter-spacing:0}.story-section{gap:3%}.story-art{height:390px}.story-orbit{width:340px;height:340px}.story-orbit-inner img{width:210px}}
@media(max-width:650px){.wrap{width:min(calc(100% - 32px),var(--wrap))}.site-header .nav{height:68px}.brand{padding:7px 10px;min-height:42px}.brand img{width:120px}.nav-actions{gap:7px}.nav-play{padding:0 14px}.icon-button,.language-button,.nav-play{height:36px}.icon-button{width:36px}.hero{min-height:780px}.hero-inner{padding-top:22px;padding-bottom:90px}.hero-mark{width:min(100%,310px);height:283px}.hero-logo{width:290px;max-height:280px}.hero-glow{inset:32px 0 0}.hero-scene{width:78%;top:90px;height:390px;opacity:.4}.hero-scene--left{left:-38%}.hero-scene--right{right:-42%}.hero h1{font-size:clamp(37px,9.1vw,56px);line-height:1.08;margin:12px 0}.hero-lead{font-size:15px;max-width:450px}.hero-buttons{gap:11px;margin-top:22px}.hero-buttons .button{width:100%;max-width:330px}.hero-micro{gap:8px;font-size:11px}.micro-sep{width:3px;height:3px}.eyebrow{font-size:9px;letter-spacing:.18em;gap:9px}.section{padding-top:72px;padding-bottom:74px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:31px}.section-heading p:not(.overline){font-size:14px}.totem-grid{grid-template-columns:1fr;gap:17px}.totem-card,.totem-card:last-child{grid-column:auto;max-width:none;min-height:272px}.animal-art{width:75%}.totem-card-copy{left:51%;right:18px}.totem-card-copy h3{font-size:27px}.totem-card-copy p{font-size:13px}.steps{grid-template-columns:1fr;gap:21px;max-width:370px}.step{display:grid;grid-template-columns:95px 1fr;column-gap:22px;text-align:left;align-items:center}.step-visual{grid-row:span 2;width:91px;height:91px;margin:0;border-radius:26px}.step-visual svg{width:55px;height:55px}.step-number{top:-10px;left:-10px;width:27px;height:27px;font-size:11px}.step h3{font-size:19px;margin:4px 0 0;align-self:end}.step p{max-width:none;font-size:13px;align-self:start}.step-connector{display:none}.story-section{grid-template-columns:1fr;text-align:center;gap:0}.story-art{height:310px}.story-orbit{width:292px;height:292px}.story-orbit-inner{inset:40px}.story-orbit-inner img{width:200px}.story-copy h2{font-size:37px}.story-copy>p:not(.overline){font-size:15px}.story-tag{line-height:2}.end-section{padding-bottom:75px}.end-panel{padding:56px 17px}.end-panel h2{font-size:33px}.end-spark{font-size:29px}.footer-inner{display:grid;grid-template-columns:auto auto;gap:15px}.footer-inner p{grid-column:1/-1;grid-row:2;font-size:12px}.top-link{text-align:right}.footer-bottom{font-size:10px;flex-direction:column;gap:5px}.game-dialog{width:100%;max-width:calc(100% - 14px);max-height:calc(100dvh - 18px)}.game-shell{max-height:calc(100dvh - 18px)}.game-header{height:62px;padding:0 17px}.game-content{padding:27px 20px 31px;min-height:350px}.quiz-title{font-size:29px}.answer{padding:13px 14px;font-size:14px;min-height:66px}.quiz-tip{font-size:10px}.choice-art{height:225px}.result-card{grid-template-columns:1fr;min-height:340px}.result-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65;mask-image:linear-gradient(to bottom,#000 25%,transparent 95%)}.result-card:after{background:linear-gradient(0deg,rgba(8,14,46,.98),rgba(10,18,50,.15) 85%)}.result-card-text{align-self:end;padding:140px 20px 19px;text-align:center}.result-card-text h3{font-size:37px}.result-actions .button{width:100%}.result-top h2{font-size:35px}.choice-actions .button{width:100%}}
@media(max-width:390px){.brand img{width:105px}.nav-actions{gap:4px}.nav-play{padding:0 10px}.totem-card-copy{left:50%;right:12px}.totem-card-copy h3{font-size:25px}.hero-mark{height:262px}.hero-logo{width:268px}.hero h1{font-size:36px}.hero-micro{gap:6px}.micro-sep{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.return-button{display:block;margin:18px auto 0;background:rgba(13,30,62,.72);border:1px solid rgba(107,239,239,.38);color:#b9f9ff;font-weight:800;font-size:12px;padding:10px 18px;border-radius:30px}.return-button:hover{background:rgba(20,70,100,.6)}.share-notice{position:fixed;z-index:45;top:86px;left:50%;transform:translateX(-50%);width:min(94%,780px);padding:13px 16px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:18px;background:linear-gradient(120deg,#2d1b54,#143856);border:1px solid #f8a9dc;box-shadow:0 12px 38px rgba(0,0,0,.32);font-size:13px;font-weight:700}.share-notice-glyph{color:#ffbe64;font-size:25px}.share-notice-button{border-radius:30px;border:0;padding:8px 13px;background:linear-gradient(105deg,#ff9713,#f232a5);font-size:12px;font-weight:900;color:white;white-space:nowrap}.share-notice-close{border:0;background:transparent;color:#fff;font-size:15px;padding:5px}
@media(max-width:650px){.share-notice{top:76px;gap:8px;padding:10px;font-size:11px}.share-notice-button{padding:8px 10px;font-size:11px}.return-button{max-width:95%}}