.eye-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0}.eye-heading h1{font:clamp(34px,4vw,53px) Georgia,serif;margin:9px 0}.eye-heading p:not(.eyebrow){font-size:13px;color:#a6bdc2;line-height:1.7}.eye-heading .text-link{color:#dbc48f;font-size:12px}.eye-layout{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.3fr);gap:30px;align-items:start}.eye-compass{text-align:center;padding:25px 18px;background:radial-gradient(circle at 50% 40%,#27474466,#0d202944 65%);border:1px solid #b99d5633;border-radius:24px}.eye-caption{font-size:9px;letter-spacing:.25em;color:#afc0be}.eye-flower{position:relative;width:100%;max-width:450px;aspect-ratio:1;margin:5px auto 0;isolation:isolate}.eye-geometry{position:absolute;inset:10%;width:80%;height:80%;opacity:.65;animation:eye-spin 90s linear infinite;pointer-events:none}.eye-orbit{position:absolute;inset:13%;border:1px solid #d1b77444;border-radius:50%;box-shadow:0 0 60px #c8ae7014;pointer-events:none}.eye-flower:hover .eye-geometry,.eye-flower:focus-within .eye-geometry,.eye-flower:active .eye-geometry,.eye-flower.is-paused .eye-geometry{animation-play-state:paused}.eye-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:112px;height:112px;border:1px solid #ead098;border-radius:50%;background:#10272c;box-shadow:0 0 30px #e0c78724;z-index:2}.eye-portrait{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:linear-gradient(135deg,#607b68,#293f4b);font:20px Georgia,serif;color:#f6e4bc}.eye-center strong{font:17px Georgia,serif}.eye-center small{font-size:9px;color:#c8b681}.eye-petal{position:absolute;transform:translate(-50%,-50%);border:1px solid #7c93885c;border-radius:20px;background:#0a1d27f2;color:#adbdc1;min-width:92px;min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;z-index:3;transition:background .2s,border-color .2s}.eye-petal>span{font-size:24px;color:#cdb77e}.eye-petal strong{font:11px 'DM Sans',sans-serif}.eye-petal.selected,.eye-petal:hover{background:#39433a;border-color:#e8c784;color:#fff1cd}.eye-petal-0{left:50%;top:10%}.eye-petal-1{left:85%;top:37%}.eye-petal-2{left:72%;top:80%}.eye-petal-3{left:28%;top:80%}.eye-petal-4{left:15%;top:37%}.eye-motion{border:0;background:none;color:#d9c38d;font:11px 'DM Sans',sans-serif;padding:10px 16px;cursor:pointer}.eye-hint{color:#8faab3;font-size:11px;line-height:1.8;margin:12px 0}.eye-open{display:flex;justify-content:center;width:100%;margin-top:16px}.eye-explore{border:1px solid #779a9833;border-radius:24px;padding:24px;background:#0a1d25}.eye-map-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.eye-map-heading h2{font:30px Georgia,serif;margin-top:6px}.eye-map{position:relative;aspect-ratio:1.8;background:#071520;border:1px solid #74938e33;border-radius:16px;overflow:hidden;isolation:isolate}.eye-map>svg{position:absolute;inset:0;width:100%;height:100%;opacity:.9}.eye-map-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 28% 50%,#afc98a15,transparent 60%);pointer-events:none}.eye-pin{position:absolute;left:var(--x);top:var(--y);display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #b4a06a88;border-radius:16px;background:#091d27f2;color:#f2dab0;font:10px 'DM Sans',sans-serif;min-height:34px;cursor:pointer;transform:translate(-25%,-50%);white-space:nowrap}.eye-pin>span{width:6px;height:6px;background:#e5c277;border-radius:50%;box-shadow:0 0 12px #ffdf90}.eye-pin small{background:#d7bd7c;color:#11232a;border-radius:50%;padding:3px 5px}.eye-pin.selected{background:#365149;border-color:#f7dfa6}.eye-map-note{position:absolute;bottom:12px;left:12px;font-size:9px;color:#9eb2bc}.eye-results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 10px}.eye-results-heading h3{font:22px Georgia,serif}.eye-results-heading>span{font-size:10px;color:#8faab3}.eye-results-heading button{background:none;border:0;color:#d7bd7c;font-size:11px;cursor:pointer}.eye-results{display:grid;gap:9px}.eye-result{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #688a8730;border-radius:12px;background:#10283266}.eye-result:hover{border-color:#ceb77599;background:#203a3b}.eye-result-icon{display:grid;place-items:center;flex:0 0 35px;height:40px;color:#dcc28c;font-size:25px}.eye-result>span:nth-child(2){min-width:0}.eye-result small,.eye-result strong,.eye-result em{display:block}.eye-result small{color:#cbb47d;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.eye-result strong{font-size:13px;font-weight:500;margin:4px 0;overflow-wrap:anywhere}.eye-result em{font-size:10px;color:#9db4bd;font-style:normal}.eye-result b{margin-left:auto;font-weight:400;color:#ccb681}.eye-entry{display:flex;align-items:center;gap:13px;border:1px solid #c8ae7055;border-radius:14px;padding:14px 18px;margin:20px 0;color:#e6cf9b;background:#173038}.eye-entry img{width:35px;height:35px}.eye-entry span{flex:1}.eye-entry strong{display:block;font-size:13px}.eye-entry small{display:block;color:#a4bdc2;font-size:10px;margin-top:4px}.eye-page :focus-visible{outline:2px solid #eed397;outline-offset:4px}@keyframes eye-spin{to{transform:rotate(360deg)}}@media(max-width:780px){.eye-layout{grid-template-columns:1fr;gap:18px}.eye-heading{padding:0 0 20px;align-items:flex-start;flex-direction:column;gap:12px}.eye-heading h1{font-size:37px}.eye-heading .eyebrow{font-size:8px;letter-spacing:.15em}.eye-compass{padding:20px 10px}.eye-flower{max-width:360px}.eye-center{width:96px;height:96px}.eye-portrait{width:34px;height:34px;font-size:17px}.eye-petal{min-width:80px;min-height:64px;border-radius:17px}.eye-petal strong{font-size:10px}.eye-petal>span{font-size:21px}.eye-explore{padding:18px 12px}.eye-map{aspect-ratio:1.4}.eye-map-heading h2{font-size:27px}.eye-map-note{font-size:8px}.eye-pin{font-size:9px;padding:7px;gap:4px}.eye-results-heading{align-items:start}.eye-results-heading>span{display:none}.eye-result{padding:12px}.eye-entry{margin-top:0}}@media(prefers-reduced-motion:reduce){.eye-geometry{animation:none}.eye-petal{transition:none}}
.eye-page .eye-layout{grid-template-columns:minmax(230px,.65fr) minmax(0,1.65fr)}
.eye-page .eye-flower{max-width:310px}.eye-page .eye-heading{padding:18px 0}.eye-page .eye-compass{padding:16px 10px}.eye-page .eye-caption{display:none}.eye-page .eye-open{margin-top:8px}.eye-page .eye-hint{margin:6px 0;font-size:10px}.eye-page .eye-center{width:84px;height:84px}.eye-page .eye-portrait{width:29px;height:29px;font-size:14px}.eye-page .eye-center strong{font-size:14px}.eye-page .eye-petal{min-width:78px;min-height:55px;border-radius:16px;touch-action:manipulation}.eye-page .eye-petal strong{font-size:10px}.eye-page .eye-petal>span{font-size:20px}
@media(max-width:780px){
 .eye-page .eye-layout{display:flex;flex-direction:column;gap:10px}.eye-page .eye-compass,.eye-page .eye-explore{width:100%}.eye-page .eye-heading{padding:0 0 10px}.eye-page .eye-heading h1{font-size:28px;margin:0}.eye-page .eye-heading p,.eye-page .eye-heading>.text-link{display:none}.eye-page .eye-compass{position:relative;padding:4px 8px 8px}.eye-page .eye-flower{width:222px;max-width:100%;margin:0 auto;height:206px;aspect-ratio:auto}.eye-page .eye-petal{min-width:70px;min-height:44px;border-radius:13px;padding:4px}.eye-page .eye-petal>span{display:none}.eye-page .eye-petal-0{top:12%}.eye-page .eye-petal-2,.eye-page .eye-petal-3{top:83%}.eye-page .eye-center{width:67px;height:67px;gap:2px}.eye-page .eye-center small{font-size:8px}.eye-page .eye-center strong{font-size:12px}.eye-page .eye-portrait{width:24px;height:24px;font-size:12px}.eye-page .eye-motion{position:absolute;right:4px;top:4px;min-height:28px;padding:4px;font-size:9px;max-width:58px}.eye-page .eye-open{display:inline-flex;width:auto;min-height:32px;margin:4px 0 0;padding:6px 15px;font-size:10px}.eye-page .eye-explore{padding:10px}.eye-page .eye-map-heading{margin-bottom:8px}.eye-page .eye-map-heading h2{font-size:21px;margin:0}.eye-page .eye-map-heading .eyebrow{display:none}.eye-page .eye-map-heading .tag{margin:0;font-size:9px}.eye-page .eye-map{height:175px;aspect-ratio:auto}.eye-page .eye-results-heading{margin:15px 0 8px}.eye-page .eye-results-heading h3{font-size:19px}.eye-page .eye-map-note{font-size:7px;bottom:6px}.eye-page .eye-pin{min-height:30px!important;font-size:8px}
}