:root{--ink:#142a34;--paper:#f2efe6;--acid:#d9e566;--line:#142a3430}*{box-sizing:border-box}html,body{background:var(--paper)}body{color:var(--ink);margin:0;font-family:Noto Serif SC,Songti SC,serif}button{font:inherit}.app-shell{min-height:100vh;padding:0 5vw;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;opacity:.22;background-image:radial-gradient(#142a345c .55px,#0000 .55px);background-size:5px 5px;position:fixed;inset:0}.nav-bar{border-bottom:1px solid var(--line);z-index:2;align-items:center;gap:16px;height:92px;display:flex;position:relative}.brand-mark{border:1px solid var(--ink);place-items:center;width:46px;height:46px;font:700 18px/1 Georgia,serif;display:grid}.brand-mark span{color:#b49242}.brand-name{letter-spacing:.18em;font-size:15px}.nav-note{letter-spacing:.18em;opacity:.58;margin-left:auto;font:10px/1.2 Arial,sans-serif}.hero{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;min-height:calc(100vh - 152px);display:grid;position:relative}.hero-copy{max-width:620px;padding:70px 0}.eyebrow{letter-spacing:.2em;align-items:center;gap:14px;font:11px Arial,sans-serif;display:flex}.eyebrow span{background:var(--ink);color:var(--paper);padding:7px 10px}.eyebrow i{background:var(--ink);width:54px;height:1px}h1{letter-spacing:-.055em;margin:32px 0;font-size:clamp(58px,7vw,112px);font-weight:400;line-height:.94}h1 em{color:#0000;-webkit-text-stroke:1.5px var(--ink);white-space:nowrap;font-style:normal}.intro{letter-spacing:.05em;opacity:.78;max-width:470px;font-size:16px;line-height:2}.primary{color:var(--ink);background:var(--acid);cursor:pointer;min-width:190px;box-shadow:7px 7px 0 var(--ink);border:0;justify-content:space-between;margin:26px 0 34px;padding:17px 22px 17px 28px;transition:all .18s;display:flex}.primary:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(3px,3px)}.facts{letter-spacing:.08em;gap:28px;font:11px Arial,sans-serif;display:flex}.facts span{align-items:baseline;gap:5px;display:flex}.facts b{font:26px Georgia,serif}.specimen{aspect-ratio:1;justify-self:center;place-items:center;width:min(42vw,580px);display:grid;position:relative}.specimen:before,.specimen:after{content:"";background:var(--line);position:absolute}.specimen:before{width:112%;height:1px}.specimen:after{width:1px;height:112%}.orbit{border:1px solid var(--line);border-radius:50%;position:absolute}.orbit span{border:1px solid var(--ink);background:var(--paper);border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;display:grid;position:absolute}.orbit-one{animation:34s linear infinite spin;inset:4%}.orbit-one span:first-child{top:10%;left:7%}.orbit-one span:last-child{top:47%;right:-2%}.orbit-two{animation:26s linear infinite reverse spin;inset:18%}.orbit-two span:first-child{bottom:-5%;left:44%}.orbit-two span:last-child{top:-5%;left:42%}.animal-core{aspect-ratio:1;background:var(--ink);width:46%;color:var(--paper);border-radius:50%;place-items:center;display:grid;position:relative}.ears{justify-content:space-between;display:flex;position:absolute;inset:-13% 8% auto}.ears i{aspect-ratio:.85;background:var(--ink);clip-path:polygon(50% 0,100% 100%,0 100%);width:42%}.face{width:70%;height:45%;position:relative}.eye{background:var(--acid);border-radius:50%;width:7px;height:7px;position:absolute;top:30%}.eye.left{left:23%}.eye.right{right:23%}.nose{background:var(--paper);border-radius:50%;width:9px;height:6px;position:absolute;top:53%;left:calc(50% - 4px)}.animal-core p{text-align:center;letter-spacing:.24em;opacity:.6;font:8px/1.5 Arial,sans-serif;position:absolute;bottom:12%}.coordinate{background:var(--paper);letter-spacing:.15em;padding:5px 8px;font:9px Arial,sans-serif;position:absolute}.coordinate.top{top:12%;right:12%}.coordinate.bottom{bottom:14%;left:9%}footer{border-top:1px solid var(--line);letter-spacing:.08em;opacity:.55;z-index:2;justify-content:space-between;align-items:center;height:60px;font-size:10px;display:flex;position:relative}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.app-shell{padding:0 22px}.nav-bar{height:72px}.nav-note{display:none}.brand-name{font-size:13px}.hero{flex-direction:column;min-height:auto;padding:36px 0 30px;display:flex}.hero-copy{width:100%;padding:0}h1{margin:25px 0;font-size:clamp(50px,16.5vw,76px)}.intro{font-size:14px;line-height:1.85}.specimen{order:-1;width:72vw;max-width:340px;margin-top:8px}.facts{justify-content:space-between;gap:12px}.facts b{font-size:20px}.facts span{line-height:1.7;display:block}.primary{width:calc(100% - 7px)}footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;height:auto;min-height:58px}}@media (prefers-reduced-motion:reduce){.orbit{animation:none}.primary{transition:none}}.quiz-shell{max-width:920px;min-height:calc(100vh - 152px);margin:0 auto;padding:44px 0 70px}.quiz-head{letter-spacing:.12em;align-items:center;gap:20px;font:11px Arial,sans-serif;display:flex}.quiz-head>button{border:1px solid var(--ink);cursor:pointer;background:0 0;width:42px;height:42px}.progress{background:var(--line);flex:1;height:4px;overflow:hidden}.progress i{background:var(--acid);height:100%;transition:width .3s;display:block}.question-card{padding:8vh 8%;animation:.35s reveal}.scene-label{letter-spacing:.22em;opacity:.55;font:10px Arial,sans-serif}.scene{opacity:.65;margin:22px 0 12px;font-size:15px}.question-card h2{margin:0 0 38px;font-size:clamp(28px,4vw,48px);font-weight:400;line-height:1.35}.options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.options button{border:1px solid var(--line);color:var(--ink);text-align:left;cursor:pointer;background:#ffffff3d;grid-template-columns:34px 1fr 20px;align-items:center;gap:12px;padding:20px;transition:all .18s;display:grid}.options button:hover,.options button.chosen{background:var(--ink);color:var(--paper);transform:translateY(-2px)}.options b{font:12px Georgia,serif}.options span{font-size:14px;line-height:1.5}.options i{opacity:.45;font-style:normal}.quiz-tip{text-align:center;opacity:.45;margin-top:30px;font-size:11px}.result-shell{max-width:1120px;min-height:calc(100vh - 152px);margin:0 auto;padding:42px 0 80px}.result-stamp{letter-spacing:.2em;border-bottom:1px solid var(--line);padding-bottom:14px;font:10px Arial,sans-serif}.result-grid{grid-template-columns:.8fr 1.2fr;gap:7vw;padding-top:50px;display:grid}.result-visual{aspect-ratio:1;background:var(--result-color);width:100%;max-width:390px;min-height:0;color:var(--paper);place-items:center;display:grid;position:relative;overflow:hidden}.result-visual:before,.result-visual:after{content:"";aspect-ratio:1;border:1px solid #ffffff59;border-radius:50%;width:76%;position:absolute}.result-visual:after{width:54%}.result-animal{z-index:2;mix-blend-mode:soft-light;font-size:clamp(120px,18vw,230px);line-height:1;position:relative}.latin,.serial{letter-spacing:.2em;font:9px Arial,sans-serif;position:absolute}.latin{top:22px;left:22px}.serial{bottom:22px;right:22px}.result-copy>p{letter-spacing:.12em;opacity:.55;font-size:13px}.result-copy h2{margin:8px 0 18px;font-size:clamp(64px,9vw,118px);font-weight:400;line-height:1}.result-copy h3{margin:0 0 28px;font-size:20px;font-weight:400}.summary{letter-spacing:.03em!important;opacity:.8!important;font-size:15px!important;line-height:1.9!important}.result-info{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;margin-top:30px;display:grid}.result-info div{border-bottom:1px solid var(--line);padding:18px 16px 18px 0}.result-info div:nth-child(odd){border-right:1px solid var(--line)}.result-info div:nth-child(2n){padding-left:18px}.result-info b{letter-spacing:.12em;font-size:11px}.result-info p{opacity:.65;margin:7px 0 0;font-size:12px;line-height:1.6}.result-actions{align-items:center;gap:28px;display:flex}.secondary{border:0;border-bottom:1px solid var(--ink);cursor:pointer;background:0 0;padding:8px 0}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}}@media (width<=760px){.quiz-shell{padding-top:26px}.question-card{padding:55px 0 20px}.question-card h2{font-size:29px}.options{grid-template-columns:1fr}.options button{padding:17px 15px}.result-shell{padding-top:28px}.result-grid{grid-template-columns:1fr;gap:35px;padding-top:28px}.result-visual{min-height:360px}.result-copy h2{font-size:72px}.result-info{grid-template-columns:1fr}.result-info div:nth-child(odd){border-right:0}.result-info div:nth-child(2n){padding-left:0}.result-actions{justify-content:space-between}.screen-quiz footer,.screen-result footer{margin-top:10px}}.access-banner{border:1px solid var(--line);text-align:center;letter-spacing:.08em;z-index:3;max-width:760px;margin:18px auto 0;padding:12px 18px;font:12px Arial,sans-serif;position:relative}.access-banner.valid{background:var(--acid)}.access-banner.invalid,.access-banner.missing{color:#873b2f;border-color:#a84e3d}.primary:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.method-note{border-left:3px solid var(--ink);background:#ffffff42;gap:6px;max-width:510px;margin:22px 0 0;padding:14px 16px;display:grid}.method-note b{letter-spacing:.13em;font-size:12px}.method-note span{opacity:.7;font-size:13px;line-height:1.75}.result-guide{max-width:560px;letter-spacing:.04em!important;opacity:.67!important;margin:20px 0 0!important;font-size:13px!important;line-height:1.8!important}@media (width<=760px){.method-note{margin-top:18px}.result-guide{font-size:12px!important}}.result-animal-image{background-image:url(/animals/animal-archetypes.png);background-size:400% 300%;background-position:var(--animal-x) var(--animal-y);z-index:1;background-repeat:no-repeat;position:absolute;inset:0}.result-visual:before,.result-visual:after{z-index:2;pointer-events:none}.result-visual .latin,.result-visual .serial{z-index:3;background:#142a34b8;padding:7px 9px}