html,body,#root{width:100%;height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.canvas-wrap{position:relative;width:100%;height:100%;margin:0 auto;touch-action:pan-y;isolation:isolate}.canvas-wrap canvas{touch-action:pan-y pinch-zoom!important}@media (hover: hover) and (pointer: fine){.canvas-wrap canvas{touch-action:none!important}}.compass-label{font-weight:800;font-size:22px;color:#d4af37;background:#fff0;padding:0;-webkit-user-select:none;user-select:none;pointer-events:none}.compass-cinematic-caption{position:absolute;top:.9rem;left:50%;transform:translate(-50%);color:#f4e9cd;background:linear-gradient(120deg,#1e293bbf,#65816dad);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.45rem .95rem;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;opacity:1;transition:opacity .4s ease,transform .4s ease}.compass-cinematic-caption.is-hidden{opacity:0;transform:translate(-50%) translateY(-8px)}.compass-cinematic-hint{position:absolute;bottom:.95rem;left:50%;transform:translate(-50%);color:#fff;background:#1e293bbd;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.45rem .9rem;font-size:.72rem;font-weight:600;white-space:nowrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;opacity:0;transition:opacity .35s ease}.compass-cinematic-hint.is-visible{opacity:1;animation:compassHintFade 8s ease 1.2s forwards}.compass-quote-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(340px,84vw);border-radius:1rem;border:1px solid rgba(244,233,205,.42);background:linear-gradient(160deg,#1e293bd6,#65816dd1);color:#f8fafc;text-align:center;padding:.9rem .95rem .75rem;box-shadow:0 16px 36px #0f172a57;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s ease,transform .3s ease}.compass-quote-overlay p{margin:0;font-size:.78rem;line-height:1.45;font-weight:600;color:#f8fafc}.compass-quote-overlay span{display:block;margin-top:.45rem;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#f4e9cdeb}.compass-quote-overlay.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}@keyframes compassHintFade{0%{opacity:1}72%{opacity:1}to{opacity:0}}@media (max-width: 640px){.compass-cinematic-caption,.compass-cinematic-hint{font-size:.66rem;padding:.38rem .75rem}.compass-quote-overlay{width:min(315px,86vw);padding:.78rem .82rem .65rem}.compass-quote-overlay p{font-size:.72rem}}