:root{--room-1:#101a2e;--room-2:#070c17;--glow:#25406a;--ice:#8fd3ff;--cream:#eaf3ff;--brass-hi:#e7c684;--brass:#b8862f;--brass-lo:#7c531b;--brass-ink:#3a2708}*{box-sizing:border-box}html,body{height:100%}html{overflow:hidden}body{min-height:100svh;color:var(--cream);background:radial-gradient(120% 90% at 50% 6%, var(--room-1), transparent 55%), radial-gradient(140% 120% at 50% 120%, var(--glow), transparent 60%), var(--room-2);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;margin:0;font-family:Inter,system-ui,sans-serif;display:flex;overflow:clip hidden}.stage{flex-direction:column;flex:none;align-items:center;gap:clamp(14px,3.2vh,30px);margin-inline:auto;padding:24px;display:flex}.scene{flex-direction:column;align-items:center;display:flex;position:relative}.scene:after{content:"";filter:blur(6px);z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#8fd3ff24,#0000 72%);width:100%;height:26%;position:absolute;bottom:-6%;left:50%;translate:-50%}.globe{aspect-ratio:1;cursor:grab;touch-action:none;will-change:transform;border-radius:50%;outline:none;width:clamp(280px,62vmin,470px);position:relative;transform:translateZ(0)}.globe:active{cursor:grabbing}.globe:focus-visible{box-shadow:0 0 0 3px #8fd3ffa6}.globe canvas{width:100%;height:100%;display:block}.base{clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);background:linear-gradient(180deg, #f4dca0 0, var(--brass-hi) 10%, var(--brass) 52%, var(--brass-lo) 100%);flex-direction:column;justify-content:center;align-items:center;gap:2px;width:64%;min-height:clamp(46px,9vmin,74px);margin-top:-6%;padding:10px 8px 12px;display:flex;position:relative;box-shadow:inset 0 2px #ffffff8c,inset 0 -6px 12px #00000059,0 18px 30px -14px #000000b3}.engrave{letter-spacing:.34em;color:var(--brass-ink);text-shadow:0 1px #ffffff73,0 -1px 1px #00000059;padding-left:.34em;font-family:Cinzel,serif;font-size:clamp(.72rem,2.4vmin,1.02rem);font-weight:600}.est{letter-spacing:.3em;color:#3a2708b8;text-shadow:0 1px #fff6;padding-left:.3em;font-family:Cinzel,serif;font-size:clamp(.52rem,1.5vmin,.62rem)}.hint{letter-spacing:.06em;color:#eaf3ffb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#8fd3ff14;border:1px solid #8fd3ff2e;border-radius:999px;align-items:center;gap:9px;margin:0;padding:8px 15px;font-size:.82rem;transition:opacity .5s,transform .5s;animation:2.6s ease-in-out infinite bob;display:flex}.hint__grip{border:2px solid #eaf3ffb3;border-radius:50%;width:14px;height:14px;position:relative}.hint__grip:after{content:"";background:#eaf3ffb3;border-radius:50%;position:absolute;inset:3px}.hint.is-gone{opacity:0;pointer-events:none;transform:translateY(6px)}@keyframes bob{50%{transform:translateY(-4px)}}.mute{width:44px;height:44px;color:var(--cream);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:50%;place-items:center;transition:background .2s,transform .2s,border-color .2s;display:grid;position:fixed;top:clamp(14px,3vh,26px);right:clamp(14px,3vw,26px)}.mute:hover{background:#ffffff1f;transform:scale(1.05)}.mute:focus-visible{outline:2px solid var(--ice);outline-offset:3px}.mute svg{fill:currentColor;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;fill-rule:evenodd;width:22px;height:22px}.mute .wave{fill:none;transition:opacity .2s}.mute[aria-pressed=false] .wave{opacity:.15}.mute[aria-pressed=true] .wave{opacity:1}@media (prefers-reduced-motion:reduce){.hint{animation:none}.mute{transition:none}}