@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=DM+Serif+Display:ital@0;1&display=swap');
.culture{display:block;margin-top:24px;font-size:13px;font-weight:700;color:#617068}.culture select{display:block;margin-top:8px;max-width:100%;padding:10px 12px;border:1px solid #dce3d7;border-radius:6px;background:#fff;color:#18241e;font:inherit}
.worlds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;background:#f4e7db;padding:30px;border-radius:8px}.worlds>div{grid-column:1/-1}.worlds h2{font-family:"DM Serif Display",serif;font-size:34px;font-weight:400;margin:12px 0}.worlds h2 span{color:#e48462}.worlds p{color:#617068;line-height:1.7}.world-card{background:#fffdf8;border:1px solid #e6d7ca;border-radius:7px;padding:20px}.world-card h3{font-family:"DM Serif Display",serif;font-size:25px;font-weight:400;margin:12px 0}.world-card p{font-size:14px}@media(max-width:800px){.worlds{grid-template-columns:1fr}.worlds>div{grid-column:auto}}
.preferences{display:flex;gap:18px;flex-wrap:wrap}.preferences .culture{min-width:180px;flex:1}.preferences select{width:100%}.visual{perspective:1000px}.float-label{transition:transform .35s ease,box-shadow .35s ease;animation:drift 6s ease-in-out infinite}.label-two{animation-delay:-2s}.label-three{animation-delay:-4s}.visual:hover .label-one{transform:translateY(-8px) rotate(-4deg)}.visual:hover .label-two{transform:translateY(7px) rotate(3deg)}.visual:hover .label-three{transform:translateY(-6px) rotate(1deg)}.visual-center{transition:transform .5s ease}.visual:hover .visual-center{transform:scale(1.04)}.answer,.world-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.answer:hover,.world-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #405d431a}.quiz-content h1,.result-grid,.worlds{animation:arrive .35s ease both}@keyframes drift{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
:root{--ink:#18241e;--muted:#617068;--paper:#f8f8f2;--green:#d9ef9a;--line:#dce3d7;--orange:#f1a57f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}[hidden]{display:none!important}.header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 6%;gap:65px;background:var(--paper)}.brand{font-size:23px;font-weight:800;letter-spacing:0;display:flex;align-items:center;gap:9px}.brand-icon{width:31px;height:31px;border-radius:8px;background:var(--ink);color:#d9ef9a;display:grid;place-items:center;font-size:19px;position:relative}.brand-icon span{font-size:9px;position:absolute;top:-5px;right:-5px;color:#ec9074}.brand-dot,.how h2 span,.result-details h2 span,.coming h2 span{color:#e48462}.header nav{display:flex;gap:34px;font-size:14px;font-weight:700}.header-note{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:1.3px;color:#829086}.intro{max-width:1500px;margin:auto;min-height:650px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:65px 6% 70px}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:800;color:#638045}.spark{color:#e28f6b;font-size:19px;margin-right:6px}.intro h1,.quiz-content h1,.result-card h1{font-family:"DM Serif Display",serif;font-weight:400;font-size:76px;line-height:1.04;margin:24px 0;color:var(--ink)}.intro h1 em{color:#679050;font-weight:400}.intro-copy>p{font-size:17px;line-height:1.8;max-width:470px;color:var(--muted)}.intro-action{display:flex;align-items:center;gap:20px;margin-top:32px;flex-wrap:wrap}.intro-action>span{font-size:13px;color:var(--muted)}.primary,.secondary{border:0;border-radius:7px;padding:16px 22px;font-weight:800}.primary{background:var(--ink);color:white}.primary:hover{background:#3a5940}.primary span{margin-left:25px}.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.trust{display:flex;gap:22px;margin-top:48px;color:#718177;font-size:12px;font-weight:700}.visual{height:480px;position:relative;overflow:hidden;background:#e6efd8;border-radius:8px;display:grid;place-items:center}.visual:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:#c9deaa}.orbit{position:absolute;border:1px solid #a8bf96;border-radius:50%;width:420px;height:420px}.orbit-two{width:365px;height:365px}.visual-center{z-index:1;width:230px;height:230px;background:#405d43;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f8f9ef;text-align:center;font-size:13px;line-height:1.5;letter-spacing:2px;font-weight:800}.visual-star{font-size:80px;color:#f5c279;line-height:1}.float-label{position:absolute;z-index:2;background:#fffdf6;border-radius:6px;padding:14px 18px;font-size:10px;letter-spacing:1px;font-weight:800;box-shadow:0 10px 25px #405d4315}.float-label b{font-size:19px;color:#dc8061;margin-left:7px}.label-one{top:75px;left:8%;transform:rotate(-7deg)}.label-two{top:100px;right:8%;transform:rotate(6deg)}.label-three{bottom:100px;left:13%;transform:rotate(4deg)}.visual-caption{position:absolute;bottom:22px;font-size:10px;letter-spacing:2px;color:#75916b;font-weight:800}.how{background:#e9eee3;display:grid;grid-template-columns:1fr 1fr auto;gap:50px;padding:70px 8%;align-items:center}.how h2,.result-details h2,.coming h2{font-family:"DM Serif Display",serif;font-size:40px;font-weight:400;line-height:1.1;margin:16px 0}.how-copy{max-width:520px;color:var(--muted);line-height:1.7}.how-stamp{width:120px;height:120px;border:1px solid #8fa98c;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:10px;font-weight:800;letter-spacing:1px;color:#607e59}.how-stamp span{font-size:24px;color:#e48462}footer{display:flex;align-items:center;gap:25px;padding:32px 6%;flex-wrap:wrap}footer p,footer small{color:var(--muted);font-size:12px}footer div{display:flex;gap:20px;margin-left:auto;font-size:13px}footer small{width:100%}.quiz-shell,.result-shell{max-width:1080px;margin:0 auto;padding:50px 24px 80px;min-height:660px}.quiz-heading{display:flex;justify-content:space-between;font-size:12px;font-weight:800;color:var(--muted);letter-spacing:1px}.progress{height:5px;background:#e4e9df;margin-top:25px;border-radius:9px;overflow:hidden}.progress div{height:100%;background:#8ead6c;transition:width .2s}.quiz-content{max-width:720px;margin:65px auto}.quiz-content h1{font-size:48px;margin:18px 0}.quiz-content p,.result-details p,.coming p{color:var(--muted);line-height:1.7}fieldset{border:0;padding:0;margin:30px 0;display:grid;gap:12px}.answer{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:7px;cursor:pointer;font-weight:700}.answer.selected{border-color:#78975e;background:#eef6e3}.answer input{position:absolute;opacity:0}.answer:has(input:focus-visible){outline:3px solid #e48462}.answer-letter{width:34px;height:34px;display:grid;place-items:center;border-radius:5px;background:#edf2e8;color:#68815e}.answer-check{margin-left:auto;visibility:hidden}.selected .answer-check{visibility:visible}.quiz-controls,.result-top{display:flex;justify-content:space-between;align-items:center}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin:35px 0 70px}.result-card{background:#dcebc9;border-radius:8px;padding:45px;min-height:470px}.result-symbol{font-size:90px;color:#527351}.result-kicker{text-transform:uppercase;letter-spacing:2px;font-weight:800;font-size:12px}.result-card h1{font-size:58px;margin:15px 0}.result-card p{line-height:1.7;color:#506653}.tags,.future-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.tags span,.future-tags span{padding:9px 14px;border:1px solid #a6be9c;border-radius:50px;font-size:12px;font-weight:700}.result-details h3{font-size:15px;margin-top:25px}.result-details li{margin:8px 0;color:var(--muted)}.result-details small{display:block;color:var(--muted);margin-top:20px;line-height:1.6}.coming{background:#f4e7db;border-radius:8px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.coming h2{font-size:32px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:800px){.header{height:auto;padding:18px 5%;gap:20px;flex-wrap:wrap}.header-note{display:none}.header nav{margin-left:auto;gap:18px}.intro{grid-template-columns:1fr;padding:50px 5%;gap:35px}.intro h1{font-size:54px}.visual{height:350px}.visual:before{width:260px;height:260px}.orbit{width:330px;height:330px}.orbit-two{width:290px;height:290px}.visual-center{width:185px;height:185px}.visual-star{font-size:60px}.trust{margin-top:30px;flex-wrap:wrap;gap:12px}.how{grid-template-columns:1fr;gap:15px;padding:50px 6%}.how-stamp{display:none}.result-grid{grid-template-columns:1fr;gap:30px}.coming{display:block}.quiz-content h1{font-size:36px}footer div{margin-left:0}}