:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#02030a;color:#f7f8ff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button{font:inherit}#root,.experience-shell{width:100vw;height:100vh}.experience-shell{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 30%,#101b42,#03040b 58%)}.experience-shell:after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(1,3,12,.38),transparent 26%,transparent 68%,rgba(1,2,8,.66)),radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.32) 100%)}canvas{display:block}.hud{position:fixed;inset:0;z-index:2;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:24px 28px}.hud-top,.hud-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.hud-bottom{align-items:flex-end}.brand-row{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.08em}.brand{font-weight:780;font-size:clamp(15px,1.7vw,21px);text-shadow:0 3px 22px rgba(91,232,255,.22)}.live-dot{display:block;width:7px;height:7px;border-radius:50%;background:#5be8ff;box-shadow:0 0 14px #5be8ff;animation:breathe 1.8s ease-in-out infinite}.live-label,.coordinate,.world-status,.eyebrow,.external-note{font-size:10px;letter-spacing:.16em;text-transform:uppercase}.live-label{color:#5be8ff;font-weight:700}.coordinate,.world-status,.external-note{color:#a9b2c8;margin:7px 0 0}.outline-button,.primary-button{pointer-events:auto;border-radius:8px;padding:12px 16px;border:1px solid rgba(155,229,255,.42);background:linear-gradient(135deg,#080f20e6,#0f172cb8);color:#f6f8ff;cursor:pointer;font-weight:760;font-size:10px;letter-spacing:.16em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff17,0 8px 24px #00000038;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.outline-button:hover{border-color:#5be8ff;background:#1a4f6c94;transform:translateY(-1px);box-shadow:0 10px 30px #33c8ff2e}.controls-card{display:flex;flex-wrap:wrap;max-width:550px;gap:7px 13px;padding:11px 13px;border:1px solid rgba(175,200,255,.16);border-radius:8px;background:linear-gradient(110deg,#040914d1,#09112194);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 34px #00000047;color:#bbc6dc;font-size:10px;text-transform:uppercase;letter-spacing:.1em}kbd{padding:3px 5px;margin-right:2px;border:1px solid rgba(170,220,255,.25);border-radius:3px;color:#f6f8ff;background:#ffffff0f;font-family:inherit;font-size:8px}.screen-state{width:min(480px,calc(100vw - 48px));position:fixed;inset:0;margin:auto;height:max-content;z-index:5;padding:38px;text-align:center;border:1px solid rgba(151,216,255,.2);border-radius:14px;background:linear-gradient(145deg,#060f20f0,#040711e8);box-shadow:0 30px 120px #00000094,inset 0 1px #ffffff14}.loading-mark{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 22px;border:1px solid #5be8ff;border-radius:10px;color:#5be8ff;font-size:12px;font-weight:800;letter-spacing:.12em;box-shadow:0 0 36px #5be8ff47,inset 0 0 20px #5be8ff1a}.screen-state h1,.modal h2{margin:6px 0 12px;font-size:clamp(24px,4vw,36px);letter-spacing:-.04em}.eyebrow{margin:0;color:#5be8ff;font-weight:700}.muted{color:#a9b2c8;line-height:1.6}.progress-track{overflow:hidden;height:3px;margin:26px 0 11px;border-radius:999px;background:#ffffff1f}.progress-value{height:100%;border-radius:inherit;background:linear-gradient(90deg,#5be8ff,#8b8dff 60%,#fc4acb);box-shadow:0 0 12px #5be8ffb3;transition:width .35s ease}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{position:relative;width:min(510px,100%);padding:38px;border:1px solid rgba(151,216,255,.22);border-radius:14px;background:linear-gradient(145deg,#091226f7,#040712f7);box-shadow:0 30px 120px #000000a3,inset 0 1px #ffffff12}.compact-modal{width:min(440px,100%)}.close-button{position:absolute;top:15px;right:17px;border:0;background:transparent;color:#a9b2c8;cursor:pointer;font-size:28px;line-height:1}.headline{margin:0 0 18px;color:#8fefff;font-size:18px;font-weight:600}.modal-description{color:#c4ccdf;line-height:1.65}.primary-button{width:100%;margin-top:22px;border-color:#5be8ff;background:linear-gradient(100deg,#eafcff,#5be8ff);color:#06101c}.primary-button:hover:not(:disabled){background:#d8fbff;transform:translateY(-1px);box-shadow:0 12px 30px #5be8ff47}.primary-button:disabled{cursor:not-allowed;opacity:.55}.external-note{text-align:center}@keyframes breathe{50%{opacity:.45;transform:scale(.8)}}@media(max-width:640px){.hud{padding:16px}.coordinate,.world-status{display:none}.controls-card{max-width:330px;gap:8px}.hud-bottom{justify-content:flex-start}.modal,.screen-state{padding:28px 24px}}