.island-world{--gold:#f5bb62;--night:#302b52;color:#fff7e9;background:linear-gradient(#5e547d 0%,#d88d7f 39%,#f4bd73 64%,#79769a 100%);width:100%;height:100svh;font-family:Arial,Helvetica,sans-serif;position:relative;overflow:hidden}.sky-glow{background:radial-gradient(circle at 52% 38%,#ffeeaaf2,#f4976540 28%,#0000 52%);animation:9s ease-in-out infinite breathe;position:absolute;inset:-20%}.island-scene{filter:saturate(.95)contrast(1.02);background-image:linear-gradient(#2b204214,#1d1a3633),url(/islands/island-world.png);background-position:50%;background-size:cover;transition:transform 1.3s cubic-bezier(.22,1,.36,1),filter 1s;position:absolute;inset:-4%;transform:scale(1.02)}.viewing-core .island-scene{transform:scale(1.72)translateY(1%)}.viewing-academic .island-scene{transform:scale(1.75)translate(19%,15%)}.viewing-interest .island-scene{transform:scale(1.75)translate(-19%,14%)}.viewing-family .island-scene{transform:scale(1.8)translate(21%,-17%)}.viewing-growth .island-scene{transform:scale(1.8)translate(-20%,-17%)}.is-viewing .island-scene{filter:saturate(.8)brightness(.65)blur(1.5px)}.cloud{filter:blur(28px);pointer-events:none;background:#fff5e147;border-radius:50%;width:45vw;height:16vw;animation:25s linear infinite drift;position:absolute}.cloud-one{bottom:-4%;left:-20%}.cloud-two{animation-duration:32s;bottom:5%;right:-18%}.cloud-three{opacity:.4;animation-duration:40s;top:-10%;left:25%}.island-header{z-index:40;justify-content:space-between;align-items:center;width:min(94vw,1180px);display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.back-home,.world-actions button{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#2a1f3761;border:1px solid #ffffff85;border-radius:999px;box-shadow:0 12px 34px #190f262e}.back-home{letter-spacing:-.04em;padding:12px 18px;font-size:14px;font-weight:900}.back-home span{color:#ffbf66;margin-left:3px}.world-actions{gap:8px;display:flex}.world-actions button{cursor:pointer;padding:11px 15px;font-size:12px;font-weight:800}.world-map{z-index:10;perspective:1000px;position:absolute;inset:0}.island-hotspot{color:#fff;cursor:pointer;text-shadow:0 2px 18px #22162fcc;background:0 0;border:0;width:18vw;height:20vh;padding:0;position:absolute}.hotspot-core{width:19%;height:27%;top:34%;left:41%}.hotspot-academic{top:17%;left:13%}.hotspot-interest{top:17%;right:12%}.hotspot-family{bottom:9%;left:14%}.hotspot-growth{bottom:8%;right:13%}.island-hotspot span{-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);white-space:nowrap;background:#291e3c7a;border:1px solid #ffffff80;border-radius:999px;padding:8px 12px;font-size:clamp(11px,1vw,14px);font-weight:900;transition:transform .25s,background .25s,box-shadow .25s;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.island-hotspot small{opacity:0;width:230px;font-family:Georgia,serif;font-size:13px;transition:all .25s;position:absolute;bottom:-32px;left:50%;transform:translate(-50%,8px)}.island-hotspot:hover span,.island-hotspot:focus-visible span{color:#30253b;background:#ffb762e0;transform:translate(-50%)scale(1.12);box-shadow:0 12px 28px #20122d47}.island-hotspot:hover small,.island-hotspot:focus-visible small{opacity:1;transform:translate(-50%)}.drag-hint{letter-spacing:.12em;text-transform:uppercase;opacity:.8;white-space:nowrap;margin:0;font-size:11px;font-weight:800;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.island-detail{z-index:20;background:linear-gradient(90deg,#1e1630c7,#281e3933 55%,#2219367a);grid-template-columns:minmax(270px,.72fr) 1.28fr;align-items:center;gap:5vw;padding:100px clamp(22px,7vw,100px) 50px;display:grid;position:absolute;inset:0}.detail-heading{align-self:center}.detail-heading p{letter-spacing:.16em;margin:0 0 15px;font-size:11px;font-weight:900}.detail-heading h1{letter-spacing:-.065em;max-width:580px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(58px,7vw,112px);font-weight:400;line-height:.86}.detail-heading>span{max-width:390px;margin-top:28px;font-size:clamp(16px,1.6vw,23px);line-height:1.35;display:block}.artifact-field{height:min(64vh,600px);position:relative}.artifact{color:#fff;cursor:pointer;filter:drop-shadow(0 10px 15px #1a0f2659);background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0;transition:transform .25s;display:flex;position:absolute}.artifact:hover,.artifact:focus-visible{transform:translateY(-8px)scale(1.08)}.artifact b{aspect-ratio:1;background:linear-gradient(145deg,#ffd899e6,#9972b1d1);border:1px solid #ffffff85;border-radius:30%;place-items:center;width:clamp(72px,8vw,116px);font-size:clamp(28px,4vw,52px);display:grid;box-shadow:inset 0 2px 15px #fff6}.artifact span{background:#1d152ba6;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850}.artifact-1{top:7%;left:8%}.artifact-2{top:12%;right:5%}.artifact-3{bottom:4%;left:27%}.artifact-4{bottom:12%;right:9%}.artifact-5{top:35%;left:48%}.story-card{z-index:50;color:#2b2136;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf0e0f0;border:1px solid #ffffff8c;border-radius:24px;width:min(400px,88vw);padding:26px 28px 30px;position:absolute;bottom:45px;right:clamp(20px,5vw,75px);box-shadow:0 24px 80px #150d2259}.story-card button{cursor:pointer;background:0 0;border:0;font-size:26px;position:absolute;top:12px;right:15px}.story-card p{letter-spacing:.16em;margin:0 0 17px;font-size:10px;font-weight:900}.story-card h2{margin:0 0 12px;font-family:Georgia,serif;font-size:35px;font-weight:400}.story-card span{font-size:15px;line-height:1.5}.world-intro{z-index:100;background:radial-gradient(circle at 50% 48%,#efae6fd9,#3d3054f7 72%);place-items:center;display:grid;position:fixed;inset:0}.world-intro p{text-align:center;width:min(760px,84vw);margin:0;font-family:Georgia,serif;font-size:clamp(32px,5vw,72px);line-height:1.05}.world-intro button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff9;border-radius:999px;padding:10px 17px;position:absolute;bottom:28px;right:30px}.rotate-note{display:none}@keyframes drift{50%{transform:translate(12vw)scale(1.12)}}@keyframes breathe{50%{opacity:.72;transform:scale(1.04)}}@media (width<=800px){.island-hotspot{width:29vw}.hotspot-core{width:32%;left:34%}.hotspot-academic{left:2%}.hotspot-interest{right:2%}.hotspot-family{left:3%}.hotspot-growth{right:3%}.island-detail{grid-template-columns:1fr;align-content:start;padding-top:95px;overflow-y:auto}.detail-heading h1{font-size:15vw}.detail-heading>span{margin-top:14px}.artifact-field{height:420px}.story-card{position:fixed}.rotate-note{z-index:60;white-space:nowrap;background:#1e16309e;border-radius:999px;padding:8px 12px;font-size:10px;animation:6s forwards note-away;display:block;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.drag-hint{bottom:48px}}@media (width<=520px){.island-scene{background-position:50%;inset:-2%}.island-hotspot span{font-size:10px}.island-hotspot small{display:none}.hotspot-academic,.hotspot-interest{top:20%}.hotspot-family,.hotspot-growth{bottom:12%}.world-actions button:first-child{display:none}.detail-heading h1{font-size:16vw}.artifact-field{height:390px}.artifact b{width:70px}.artifact-1{left:2%}.artifact-2{right:0}.artifact-3{left:16%}.artifact-4{right:1%}.artifact-5{left:42%}}@keyframes note-away{0%,70%{opacity:1}to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.cloud,.sky-glow{animation:none}.island-scene{transition:none}}