.villa-map-page{min-height:100vh;margin:0;color:#4e2f33;background:radial-gradient(circle at 15% 10%,rgba(248,166,186,.38),transparent 32rem),radial-gradient(circle at 86% 18%,rgba(247,217,125,.42),transparent 28rem),linear-gradient(135deg,#fff9ef,#ffe5d8);font-family:Plus Jakarta Sans,Trebuchet MS,sans-serif}.villa-map-shell{position:relative;display:grid;grid-template-rows:auto 1fr;min-height:100vh;padding:1rem}.villa-map-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(var(--shell-max, 73.75rem),100%);margin:0 auto 1rem;padding:.85rem 1rem;border:1px solid rgba(120,76,78,.13);border-radius:999px;background:#fffcf6e0;box-shadow:0 14px 42px #5c3e371f;backdrop-filter:blur(14px)}.villa-map-brand{font-family:Fraunces,Georgia,serif;font-size:1.2rem;font-weight:800;letter-spacing:-.03em;text-decoration:none;color:inherit}.villa-map-back{display:inline-flex;align-items:center;justify-content:center;min-height:2.6rem;padding:.65rem 1rem;border-radius:999px;color:#fff9f6;background:linear-gradient(135deg,#d86b8d,#dd8b56);font-weight:800;text-decoration:none}.villa-map-shell>astro-island{display:contents}.villa-map-root{position:relative;overflow:hidden;width:min(var(--shell-max, 73.75rem),100%);min-height:min(45rem,calc(100vh - 7rem));margin:0 auto;border:1px solid rgba(120,76,78,.14);border-radius:36px;background:#ffe9d5;box-shadow:0 30px 90px #683f2d2e}.villa-map-canvas{display:block;width:100%;height:100%;min-height:inherit}.villa-map-overlay,.villa-map-loading,.villa-map-mobile-note,.interaction-panel{position:absolute;z-index:2}.villa-map-quality-hint{position:absolute;z-index:3;left:1rem;bottom:1rem;display:flex;align-items:center;gap:.5rem;margin:0;padding:.55rem .75rem;border:1px solid rgba(207,225,255,.18);border-radius:999px;color:#edf4ffe0;background:#050a189e;box-shadow:0 10px 28px #00000038;backdrop-filter:blur(10px);font-size:.82rem;font-weight:800;pointer-events:none}.villa-map-journal{position:absolute;z-index:5;inset:8% 50% auto auto;transform:translate(50%);width:min(46rem,calc(100% - 2rem));max-height:84%;overflow-y:auto;padding:1.2rem 1.4rem 1.4rem;border:1px solid rgba(207,225,255,.24);border-radius:22px;color:#edf4fff0;background:#060a18eb;box-shadow:0 22px 60px #00000073;backdrop-filter:blur(14px)}.villa-map-journal-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .9rem;margin-bottom:1rem}.villa-map-journal-header h2{margin:0;font-size:1.25rem;letter-spacing:.06em}.villa-map-journal-header p{margin:0;flex:1 1 14rem;font-size:.85rem;color:#cfe1ffc7}.villa-map-journal-header button{padding:.4rem .85rem;border:1px solid rgba(207,225,255,.3);border-radius:999px;color:inherit;background:#cfe1ff1a;font-size:.8rem;font-weight:700;cursor:pointer}.villa-map-journal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:.7rem;margin:0;padding:0;list-style:none}.villa-map-journal-card{padding:.75rem .85rem;border:1px dashed rgba(207,225,255,.18);border-radius:14px;background:#0f162c8c;opacity:.62}.villa-map-journal-card.is-seen{border-style:solid;border-color:#ffe09e66;background:#1e243ed9;opacity:1;box-shadow:0 6px 22px #00000040}.villa-map-journal-card h3{margin:0 0 .35rem;font-size:.95rem;letter-spacing:.05em}.villa-map-journal-card p{margin:0;font-size:.78rem;line-height:1.5;color:#dce8ffd1}.villa-map-journal-meta{margin-top:.4rem!important;font-size:.72rem!important;color:#ffe09ed9!important}.villa-map-rare-event{position:absolute;z-index:3;top:1.1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.45rem;margin:0;padding:.5rem .95rem;border:1px solid rgba(207,225,255,.22);border-radius:999px;color:#edf4ffeb;background:#050a18a8;box-shadow:0 10px 28px #00000042;backdrop-filter:blur(10px);font-size:.85rem;font-weight:800;letter-spacing:.04em;pointer-events:none;animation:villa-map-rare-event-in .6s ease-out}@keyframes villa-map-rare-event-in{0%{opacity:0;transform:translate(-50%) translateY(-.4rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.villa-map-rare-event{animation:none}}.villa-map-quality-hint kbd{min-width:1.65rem;padding:.18rem .4rem;border-radius:7px;color:#1a2438;background:#edf4ff;box-shadow:inset 0 -2px #22375b33;text-align:center}.villa-map-overlay{inset:1rem auto auto 1rem;width:min(25rem,calc(100% - 2rem));padding:1.1rem;border:1px solid rgba(120,76,78,.12);border-radius:28px;background:#fffcf6;box-shadow:0 18px 48px #5c3e371f}.villa-map-overlay h1{margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.8rem,4vw,3rem);line-height:.95;letter-spacing:-.04em}.villa-map-overlay p{margin:.75rem 0 0;color:#71535d;line-height:1.65}.villa-map-controls{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.9rem}.villa-map-controls kbd{min-width:2rem;padding:.35rem .5rem;border-radius:10px;color:#4e2f33;background:#fff;box-shadow:inset 0 -2px #784c4e24;text-align:center;font-weight:800}.villa-map-start{margin-top:1rem;min-height:3rem;padding:.75rem 1rem;border:0;border-radius:999px;color:#fff9f6;background:linear-gradient(135deg,#d86b8d,#dd8b56);box-shadow:0 14px 30px #d86b8d42;font:inherit;font-weight:900;cursor:pointer}.villa-map-status{margin-top:.7rem;color:#8c4d64;font-size:.92rem;font-weight:800}.villa-map-loading{inset:0;z-index:1;display:grid;place-content:center;gap:.6rem;text-align:center;background:radial-gradient(circle at 50% 40%,#fff4e6,#ffe9d5 55%,#f6d9c4);color:#8c4d64;font-weight:900;opacity:1;transition:opacity .55s ease}.villa-map-loading.is-ready{opacity:0;pointer-events:none}.villa-map-loading-label{margin:0;font-size:1.15rem}.villa-map-loading-bar{width:min(18rem,60vw);height:.55rem;margin:0 auto;overflow:hidden;border-radius:999px;background:#8c4d6429}.villa-map-loading-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d86b8d,#dd8b56);transition:width .25s ease}.villa-map-loading-hint{margin:0;color:#a06f80;font-size:.85rem;font-weight:700}.villa-map-start:disabled{cursor:progress;opacity:.6;box-shadow:none}.interaction-panel{right:1rem;bottom:1rem;width:min(25rem,calc(100% - 2rem));padding:1rem;border:1px solid rgba(120,76,78,.12);border-radius:26px;background:#fff8efe6;box-shadow:0 18px 48px #5c3e3724;backdrop-filter:blur(12px)}.interaction-panel h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:1.55rem}.interaction-panel p{margin:.45rem 0 0;color:#71535d;line-height:1.6}.interaction-panel .interaction-action-hint{display:flex;align-items:center;gap:.5rem;margin-top:.65rem;color:#8c4d64;font-weight:800}.interaction-panel .interaction-action-hint kbd{min-width:1.7rem;padding:.25rem .45rem;border-radius:8px;color:#4e2f33;background:#fff;box-shadow:inset 0 -2px #784c4e2e;text-align:center;font-weight:900}.villa-map-root.is-exploring,.villa-map-root.is-exploring *{cursor:none!important}.villa-map-mobile-note{display:none;inset:auto 1rem 1rem;padding:.9rem 1rem;border-radius:22px;background:#ffffffe6;color:#71535d;line-height:1.5}@media(max-width:760px){.villa-map-shell{padding:.6rem}.villa-map-header{border-radius:26px}.villa-map-root{min-height:calc(100vh - 6.4rem);border-radius:28px}.villa-map-overlay{inset:.75rem .75rem auto;width:auto}.villa-map-controls,.villa-map-start,.villa-map-status{display:none}.villa-map-mobile-note{display:block}.villa-map-quality-hint{display:none}}.villa-map-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.villa-map-noscript{width:min(var(--shell-max, 73.75rem),100%);margin:0 auto 1rem;padding:1rem 1.25rem;border-radius:1rem;background:#fffcf6e0;color:#4e2f33}