:root{--navy:#102e4d;--navy2:#1b466c;--cream:#fff8e7;--gold:#f2c35c;--wood:#9a5b2f;--leaf:#2c694e;--shadow:0 18px 50px rgba(5,25,38,.3);font-family:Georgia,'Times New Roman',serif;color:var(--navy);background:#0e2a44}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}button{font:inherit}.skip{position:fixed;left:1rem;top:-5rem;z-index:99;background:white;color:#102e4d;padding:.8rem 1rem;border-radius:.6rem}.skip:focus{top:1rem}.topbar{position:fixed;z-index:20;top:0;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 24px));min-height:76px;margin-top:10px;border:1px solid rgba(255,255,255,.7);border-radius:24px;background:rgba(255,250,236,.93);backdrop-filter:blur(16px);box-shadow:0 9px 34px rgba(10,37,54,.24);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.55rem .8rem}.brand{display:flex;align-items:center;gap:.7rem;border:0;background:none;color:var(--navy);text-align:left;cursor:pointer}.brand-mark{width:42px;height:42px;border-radius:14px;background:var(--navy);display:grid;place-items:center;color:white}.brand strong{display:block;font-size:clamp(1rem,2vw,1.45rem);line-height:1}.brand small{display:block;margin-top:.3rem;font:italic .72rem/1.1 Arial,sans-serif;white-space:nowrap}.topbar nav{display:flex;gap:.25rem}.topbar nav button,.weather{border:0;background:transparent;color:var(--navy);border-radius:14px;min-width:76px;padding:.45rem .65rem;cursor:pointer;font:700 .82rem/1.15 Arial,sans-serif}.topbar nav button span{display:block;font-size:1.3rem;margin-bottom:.15rem}.topbar nav button:hover,.topbar nav button:focus-visible,.weather:hover,.weather:focus-visible{background:#dde7eb;outline:3px solid rgba(18,53,85,.2)}.weather{justify-self:end;min-width:94px;background:var(--navy);color:white}.weather-icon{font-size:1.15rem;margin-right:.3rem}.world{height:calc(100svh - 42px);min-height:620px;overflow:auto;overscroll-behavior:none;scrollbar-width:none;background:#0d263e}.world::-webkit-scrollbar{display:none}.world-canvas{position:relative;height:100%;min-width:1080px;isolation:isolate}.scene{position:absolute;inset:0;transition:opacity 1.2s ease}.scene img{width:100%;height:100%;object-fit:cover}.rainy-scene{opacity:0}.world[data-weather=rain] .rainy-scene{opacity:1}.world[data-weather=rain] .sunny-scene{opacity:0}.sunwash{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,215,129,.1),transparent 38%,rgba(14,42,68,.02)),linear-gradient(0deg,rgba(5,26,37,.2),transparent 32%);pointer-events:none}.world[data-weather=rain] .sunwash{background:linear-gradient(0deg,rgba(7,27,44,.28),transparent 42%)}.welcome-plaque{position:absolute;z-index:5;top:15%;left:4.5%;width:300px;padding:1rem 1.25rem 1.15rem;text-align:center;color:#13314b;background:linear-gradient(135deg,#d99c54,#f4c979 50%,#c98543);border:4px solid rgba(96,53,25,.48);border-radius:14px 18px 12px 20px;box-shadow:var(--shadow);transform:rotate(-1deg)}.welcome-plaque:before,.welcome-plaque:after{content:'';position:absolute;top:-34px;width:6px;height:38px;background:#80502e;border-radius:10px}.welcome-plaque:before{left:54px}.welcome-plaque:after{right:54px}.eyebrow{font:700 1rem Arial,sans-serif}.welcome-plaque h1{font-size:2.15rem;line-height:.95;margin:.25rem 0 .55rem}.welcome-plaque p{font:italic 1rem/1.25 Arial,sans-serif;margin:0}.hotspot{position:absolute;z-index:6;border:0;background:none;cursor:pointer;padding:0;color:var(--navy)}.hotspot .sign{position:relative;display:flex;align-items:center;gap:.45rem;background:rgba(255,247,222,.96);border:2px solid rgba(111,69,36,.55);border-radius:999px;padding:.55rem .75rem .55rem .65rem;box-shadow:0 8px 25px rgba(8,31,43,.28);font:800 1rem Arial,sans-serif;white-space:nowrap}.hotspot .sign i{font-style:normal;width:24px;height:24px;background:#bb7744;color:#fff;border-radius:50%;display:grid;place-items:center}.hotspot .pulse{position:absolute;inset:50% auto auto 50%;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.5);transform:translate(-50%,-50%);animation:pulse 2.3s infinite}.hotspot:hover .sign,.hotspot:focus-visible .sign{transform:translateY(-3px);outline:4px solid rgba(255,255,255,.65)}.hotspot.home{left:17%;bottom:20%}.hotspot.treehouse{left:57%;top:25%}.hotspot.pond{right:9%;bottom:19%}.hotspot.gate{left:35%;bottom:11%}@keyframes pulse{0%,100%{opacity:0;transform:translate(-50%,-50%) scale(.7)}45%{opacity:.8}90%{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}.secret{position:absolute;z-index:7;border:0;border-radius:50%;width:30px;height:30px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.45);cursor:pointer}.secret:hover,.secret:focus-visible{background:var(--gold);color:var(--navy);outline:4px solid white}.secret-bird{right:7%;top:22%}.secret-flower{left:44%;bottom:16%}.paw-trail{position:absolute;z-index:4;left:39%;bottom:5%;display:flex;gap:1.1rem;transform:rotate(-7deg);color:#3b2a1d;text-shadow:0 2px 3px #fff;font-size:1.45rem;opacity:.75}.paw-trail span:nth-child(even){transform:translateY(-8px) rotate(14deg)}.world-note{position:absolute;z-index:5;left:4%;bottom:5%;margin:0;padding:.65rem 1rem;background:rgba(99,57,31,.8);color:white;border-radius:10px;font:italic 1rem Georgia,serif;box-shadow:var(--shadow)}.pan-hint{display:none;position:fixed;z-index:15;left:50%;bottom:64px;transform:translateX(-50%);background:rgba(13,42,65,.85);color:white;padding:.45rem .8rem;border-radius:99px;font:700 .75rem Arial,sans-serif}footer{height:42px;background:linear-gradient(90deg,#123555,#22567b);color:white;display:flex;align-items:center;justify-content:center;gap:1.2rem;padding:0 1rem;font:italic .9rem Georgia,serif}footer button{border:0;background:none;color:white;text-decoration:underline;cursor:pointer;font:700 .75rem Arial,sans-serif}dialog{width:min(880px,calc(100% - 28px));padding:0;border:0;border-radius:24px;background:var(--cream);color:var(--navy);box-shadow:0 26px 90px rgba(3,19,33,.55);overflow:hidden}dialog::backdrop{background:rgba(6,25,39,.66);backdrop-filter:blur(5px)}dialog[open]{display:grid;grid-template-columns:1.08fr .92fr;animation:arrive .35s ease-out}.dialog-art{min-height:390px;background:#153652}.dialog-art img{width:100%;height:100%;object-fit:cover}.dialog-copy{padding:2.4rem 2.1rem;align-self:center}.dialog-kicker{text-transform:uppercase;letter-spacing:.16em;color:#9c5e32;font:800 .74rem Arial,sans-serif}.dialog-copy h2{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1;margin:.65rem 0 1rem}.dialog-copy p{font:1.05rem/1.65 Arial,sans-serif}.dialog-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.3rem}.dialog-actions button{border:0;border-radius:999px;background:var(--navy);color:white;padding:.8rem 1rem;font:800 .88rem Arial,sans-serif;cursor:pointer}.dialog-actions button.secondary{background:#dfe9e6;color:var(--navy)}.close{position:absolute;z-index:2;right:.8rem;top:.8rem;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:var(--navy);font:700 1.7rem Arial,sans-serif;cursor:pointer}.toast{position:fixed;z-index:40;left:50%;bottom:68px;transform:translate(-50%,20px);opacity:0;background:var(--navy);color:white;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:.8rem 1.1rem;font:700 .9rem Arial,sans-serif;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes arrive{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:820px){.topbar{grid-template-columns:1fr auto;min-height:68px}.brand small,.topbar nav{display:none}.weather{min-width:88px}.world{height:calc(100svh - 44px);min-height:590px}.world-canvas{height:100%;min-width:1050px}.welcome-plaque{top:15%;left:2%;width:260px}.pan-hint{display:block}.hotspot.home{left:15%}.hotspot.treehouse{left:58%}.hotspot.pond{right:8%}.hotspot.gate{left:36%}dialog[open]{grid-template-columns:1fr}.dialog-art{min-height:220px;max-height:36vh}.dialog-copy{padding:1.45rem}.dialog-copy p{font-size:1rem}.footer-copy{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}