@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@500;600;700&display=swap";:root{color:#fff;font-family:DM Sans,system-ui,sans-serif;font-synthesis:none;--ink: #132119;--lime: #d8ff42}*{box-sizing:border-box}html,body,#app,.game-shell{width:100%;height:100%;margin:0;overflow:hidden}body{background:#8ec9ec}button{font:inherit}.game-shell{position:relative;isolation:isolate;-webkit-user-select:none;user-select:none}.game,.game canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.game:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(32,93,120,.08),transparent 30%,rgba(17,34,22,.12))}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.brand{position:absolute;top:max(20px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));display:flex;align-items:center;gap:10px;font-family:Archivo Black,sans-serif;font-size:15px;letter-spacing:.12em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.35)}.brand__cube{width:20px;height:20px;display:block;background:var(--lime);box-shadow:inset -5px -5px #8ebc1e,0 4px 10px #17301140;transform:rotate(8deg)}.world-info{position:absolute;top:max(20px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));display:flex;align-items:center;gap:10px;padding:8px 13px;border:1px solid rgba(255,255,255,.18);background:#0e1e1870;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:11px;font-weight:700;letter-spacing:.06em;text-shadow:0 1px 4px rgba(0,0,0,.25)}.world-info__dot{width:3px;height:3px;border-radius:50%;background:var(--lime)}.compass{position:absolute;top:max(18px,env(safe-area-inset-top));left:50%;width:58px;height:38px;display:grid;place-items:center;transform:translate(-50%);border:1px solid rgba(255,255,255,.22);background:#0d1b149e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 1px 4px rgba(0,0,0,.5)}.compass b{margin-top:-10px;color:var(--lime);font-family:Archivo Black,sans-serif;font-size:10px}.compass span{position:absolute;top:14px;font-size:16px;transform-origin:center}.crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#fff;border-radius:1px;box-shadow:0 1px 2px #000000bf}.crosshair:before{width:18px;height:2px;top:8px}.crosshair:after{width:2px;height:18px;left:8px}.crosshair--visible{opacity:.9}.crosshair--target:before,.crosshair--target:after{background:#ff3b30;box-shadow:0 0 0 1px #ffffffe6,0 0 10px #ff3b30f2}.target-info{position:absolute;left:50%;top:calc(50% + 22px);min-width:150px;padding:5px 8px;transform:translate(-50%) translateY(4px);border:1px solid rgba(255,255,255,.7);background:#a81510db;color:#fff;font-size:9px;font-weight:800;letter-spacing:.035em;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5);opacity:0;transition:opacity .12s ease,transform .12s ease}.target-info--visible{opacity:1;transform:translate(-50%) translateY(0)}.hotbar{position:absolute;left:50%;bottom:max(34px,env(safe-area-inset-bottom));display:flex;gap:5px;transform:translate(-50%);pointer-events:auto;padding:6px;border:1px solid rgba(255,255,255,.2);background:#0d1b14c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 36px #08160e40}.hotbar__slot{position:relative;width:62px;height:58px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#fff;cursor:pointer}.hotbar__slot:hover{background:#ffffff1f}.hotbar__slot--active{border:2px solid var(--lime);background:#d8ff421f;transform:translateY(-4px)}.hotbar__number{position:absolute;top:3px;left:5px;font-size:9px;opacity:.55}.hotbar__block{display:block;width:27px;height:27px;margin:7px auto 1px;background:var(--block-color);box-shadow:inset -7px -7px #00000029,inset 5px 5px #ffffff1f;transform:rotate(4deg)}.hotbar__name{display:block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.desktop-hint{position:absolute;left:50%;bottom:12px;transform:translate(-50%);white-space:nowrap;font-size:10px;font-weight:700;letter-spacing:.035em;text-shadow:0 2px 4px rgba(0,0,0,.55);opacity:.78}.quick-actions{position:absolute;top:max(62px,calc(env(safe-area-inset-top) + 42px));left:max(24px,env(safe-area-inset-left));display:flex;max-width:calc(100vw - 48px);flex-wrap:wrap;gap:6px;pointer-events:auto}.build-tools{position:relative}.build-menu[hidden]{display:none}.build-menu{position:absolute;top:calc(100% + 7px);left:0;z-index:10;width:min(270px,calc(100vw - 28px));display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:7px;border:1px solid rgba(255,255,255,.22);border-top:3px solid #ff3b30;background:#0a1711f5;box-shadow:0 18px 45px #0006;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.build-menu button{min-height:58px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:8px 9px;border:1px solid rgba(255,255,255,.1);background:#ffffff0b;color:#fff;text-align:left;cursor:pointer}.build-menu button:hover,.build-menu button:active,.build-menu__active{border-color:var(--lime)!important;background:#d8ff421f!important}.build-menu b{font-family:Archivo Black,sans-serif;font-size:9px;letter-spacing:.035em}.build-menu span{color:#ffffff94;font-size:8px;line-height:1.25}.build-menu__active b{color:var(--lime)}.quick-action{min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.2);background:#0d1b14b8;color:#fff;font-family:Archivo Black,sans-serif;font-size:9px;letter-spacing:.05em;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quick-action:hover,.quick-action:active{border-color:var(--lime);color:var(--lime)}.quick-action--icon{min-width:34px;padding:0 8px;font-size:18px}.quick-action--active{border-color:#ff3b30;background:#911a15d6;color:#fff}.quick-action--muted{opacity:.62}.map-panel[hidden]{display:none}.map-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:14;display:grid;place-items:center;padding:20px;background:#050f0ac2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;-webkit-user-select:auto;user-select:auto}.map-card{width:min(760px,96vw);max-height:calc(100vh - 40px);overflow:auto;padding:24px;border:1px solid rgba(255,255,255,.18);border-top:4px solid var(--lime);background:linear-gradient(140deg,#14291e,#09170f);box-shadow:0 30px 80px #00000085}.map-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.map-head span{color:var(--lime);font-size:9px;font-weight:800;letter-spacing:.15em}.map-head h2{margin:3px 0 0;font-family:Archivo Black,sans-serif;font-size:clamp(26px,6vw,42px);letter-spacing:-.04em}.map-head button{width:36px;height:36px;border:1px solid rgba(255,255,255,.18);background:#ffffff0a;color:#fff;font-size:23px;cursor:pointer}.map-layout{display:grid;grid-template-columns:322px minmax(0,1fr);gap:22px;align-items:start}.map-canvas-wrap{position:relative;width:322px;height:322px;border:3px solid rgba(255,255,255,.7);background:#07130d;box-shadow:0 12px 30px #00000059}.map-canvas-wrap canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.map-edge{position:absolute;min-width:20px;padding:2px 4px;background:#ff3b30;color:#fff;font-family:Archivo Black,sans-serif;font-size:9px;text-align:center}.map-edge--north{top:-12px;left:50%;transform:translate(-50%)}.map-edge--east{top:50%;right:-12px;transform:translateY(-50%)}.map-edge--south{bottom:-12px;left:50%;transform:translate(-50%)}.map-edge--west{top:50%;left:-12px;transform:translateY(-50%)}.waypoints h3{margin:0 0 10px;font-family:Archivo Black,sans-serif;font-size:13px;letter-spacing:.04em}.waypoint-form{display:grid;gap:7px;margin-bottom:12px}.waypoint-form input{min-height:42px;padding:0 11px;border:1px solid rgba(255,255,255,.18);outline:none;background:#ffffff0f;color:#fff}.waypoint-form input:focus{border-color:var(--lime)}.waypoint-form input::placeholder{color:#ffffff61}.waypoint-form button{min-height:40px;border:0;background:var(--lime);color:var(--ink);font-family:Archivo Black,sans-serif;font-size:9px;letter-spacing:.05em;cursor:pointer}.waypoint-list{max-height:190px;display:grid;gap:6px;overflow-y:auto}.waypoint-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid rgba(255,255,255,.11);background:#ffffff0a}.waypoint-row div{min-width:0;display:grid;gap:2px}.waypoint-row b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.waypoint-row span,.waypoint-empty{margin:0;color:#ffffff85;font-size:9px}.waypoint-row button{flex:0 0 auto;width:28px;height:28px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#fff;cursor:pointer}.map-card>small{display:block;margin-top:16px;color:#ffffff73;font-size:9px}.visit-panel[hidden]{display:none}.visit-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:grid;place-items:center;padding:20px;background:#050f0ab8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:auto;-webkit-user-select:auto;user-select:auto}.visit-card{position:relative;width:min(520px,94vw);padding:30px;border:1px solid rgba(255,255,255,.17);border-top:4px solid var(--lime);background:linear-gradient(140deg,#14291e,#0b1912);box-shadow:0 30px 80px #0000007a}.visit-card h2{margin:10px 0 8px;font-family:Archivo Black,sans-serif;font-size:clamp(28px,7vw,44px);letter-spacing:-.04em}.visit-card p{margin:0 0 18px;color:#ffffffa8;font-size:13px;line-height:1.55}.visit-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;font-size:22px;cursor:pointer}.visit-label{display:grid;gap:6px;color:var(--lime);font-size:9px;font-weight:800;letter-spacing:.12em}.visit-label input,.visit-join input{width:100%;min-height:46px;padding:0 13px;border:1px solid rgba(255,255,255,.18);border-radius:0;outline:0;background:#ffffff0f;color:#fff;font:700 16px DM Sans,sans-serif}.visit-label input:focus,.visit-join input:focus{border-color:var(--lime)}.visit-host,.visit-join{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.visit-host button,.visit-join button,.leave-world{min-height:48px;border:0;background:var(--lime);color:var(--ink);font-family:Archivo Black,sans-serif;font-size:10px;letter-spacing:.05em;cursor:pointer}.visit-host button:disabled,.visit-join button:disabled{opacity:.45;cursor:default}.visit-host strong{display:grid;place-items:center;min-height:48px;border:1px dashed rgba(216,255,66,.5);color:var(--lime);font-family:Archivo Black,sans-serif;font-size:18px;letter-spacing:.12em}.visit-join input{text-transform:uppercase;letter-spacing:.22em;text-align:center}.leave-world{width:100%;margin-top:10px;border:1px solid #ff957e;background:transparent;color:#ffb09f}.visit-card small{display:block;min-height:16px;margin-top:12px;color:#ffffff7a;font-size:10px;line-height:1.5}.quick-action:disabled{cursor:default;opacity:.42}.quick-action--unread{border-color:var(--lime);color:var(--lime)}.quick-action--voice{border-color:#ff8d79;background:#8f2a1fe6;color:#fff;box-shadow:0 0 0 3px #ff6f5826}#unread-count{min-width:17px;height:17px;margin-left:4px;padding:0 4px;border-radius:9px;background:var(--lime);color:var(--ink);line-height:17px}.comms-panel[hidden]{display:none}.comms-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:13;pointer-events:none;-webkit-user-select:auto;user-select:auto}.comms-card{position:absolute;top:max(112px,calc(env(safe-area-inset-top) + 92px));right:max(24px,env(safe-area-inset-right));width:min(390px,calc(100vw - 32px));max-height:calc(100vh - 150px);display:flex;flex-direction:column;padding:18px;border:1px solid rgba(255,255,255,.18);border-top:4px solid var(--lime);background:linear-gradient(145deg,#12271cfa,#08140ef7);box-shadow:0 26px 72px #0000007a;pointer-events:auto}.comms-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.comms-head>div>span{color:var(--lime);font-size:8px;font-weight:800;letter-spacing:.16em}.comms-head h2{margin:3px 0 0;font-family:Archivo Black,sans-serif;font-size:23px;letter-spacing:-.035em}.comms-head button{width:34px;height:34px;flex:0 0 auto;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;font-size:22px;cursor:pointer}.chat-log{height:210px;margin-top:14px;padding:10px;overflow-y:auto;border:1px solid rgba(255,255,255,.1);background:#0003;overscroll-behavior:contain}.chat-empty{margin:58px 18px 0;color:#ffffff61;font-size:11px;line-height:1.5;text-align:center}.chat-message{display:grid;gap:2px;margin-bottom:8px;padding:7px 9px;background:#ffffff0e;font-size:11px;line-height:1.35}.chat-message b{color:var(--lime);font-size:9px;letter-spacing:.05em}.chat-message span{overflow-wrap:anywhere;color:#ffffffdb}.chat-message--own{margin-left:28px;border-right:2px solid var(--lime);text-align:right}.chat-message--emote span{font-size:14px}.chat-message--system{background:transparent;border-left:2px solid rgba(255,255,255,.2)}.chat-message--system b{color:#ffffff7a}.emote-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.emote-row button{min-width:0;min-height:54px;display:grid;place-items:center;gap:1px;padding:5px 2px;border:1px solid rgba(255,255,255,.12);background:#ffffff0e;color:#fff;font-size:18px;cursor:pointer}.emote-row span{font-size:7px;font-weight:800;letter-spacing:.05em}.emote-row button:hover,.emote-row button:active{border-color:var(--lime);background:#d8ff421f}.chat-form{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:8px}.chat-form input{min-width:0;height:44px;padding:0 11px;border:1px solid rgba(255,255,255,.18);border-radius:0;outline:0;background:#ffffff0f;color:#fff;font:700 16px DM Sans,sans-serif}.chat-form input:focus{border-color:var(--lime)}.chat-form button,.voice-box button{min-height:44px;border:0;background:var(--lime);color:var(--ink);font-family:Archivo Black,sans-serif;font-size:9px;letter-spacing:.04em;cursor:pointer}.chat-form button{padding:0 13px}.voice-box{display:grid;gap:5px;margin-top:8px}.voice-box button{width:100%}.voice-box button:disabled{cursor:wait;opacity:.55}.voice-box .voice-button--live{background:#ff6f58;color:#fff;box-shadow:0 0 0 3px #ff6f582e}.voice-box small{min-height:14px;color:#ffffff7a;font-size:9px;line-height:1.4;text-align:center}.remote-voice-audio{display:none}.voice-help{margin-top:7px;padding:7px 9px;border:1px solid rgba(255,255,255,.1);background:#ffffff09;color:#ffffff94;font-size:9px;line-height:1.45}.voice-help summary{color:#ffffffc7;font-weight:700;cursor:pointer}.voice-help p{margin:6px 0 0;color:#ffffff8c;font-size:9px;line-height:1.45}.comms-card{overflow-y:auto;overscroll-behavior:contain}.toast{position:absolute;top:76px;left:50%;padding:8px 13px;background:#0d1b14cc;border-left:3px solid var(--lime);transform:translate(-50%,-8px);font-size:12px;font-weight:700;opacity:0;transition:.2s ease}.toast--show{opacity:1;transform:translate(-50%)}.welcome{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 75% 20%,rgba(216,255,66,.18),transparent 26%),linear-gradient(100deg,#0a1912b8,#0a191247);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:1;transition:opacity .22s ease}.welcome--hidden{opacity:0;pointer-events:none}.welcome__card{width:min(720px,94vw);padding:clamp(26px,5vw,50px);border:1px solid rgba(255,255,255,.17);border-top:4px solid var(--lime);background:linear-gradient(140deg,#112319f2,#0a1711db);box-shadow:0 34px 90px #04120a73}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.18em}.eyebrow span{width:24px;height:2px;background:var(--lime)}.welcome h1{margin:13px 0 15px;font-family:Archivo Black,sans-serif;font-size:clamp(48px,9vw,82px);line-height:.85;letter-spacing:-.055em}.welcome h1 span{color:var(--lime)}.welcome p{max-width:480px;margin:0;color:#ffffffb8;font-size:14px;line-height:1.65}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.feature-row div{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid rgba(255,255,255,.09);background:#ffffff09}.feature-row strong{color:var(--lime);font-family:Archivo Black,sans-serif;font-size:22px}.feature-row span{font-size:10px;font-weight:700;text-transform:uppercase;line-height:1.15}.avatar-section{margin:-10px 0 14px}.avatar-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:7px}.avatar-section__head b{color:var(--lime);font-family:Archivo Black,sans-serif;font-size:10px;letter-spacing:.08em}.avatar-section__head span{color:#ffffff78;font-size:8px}.avatar-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.avatar-choice{min-width:0;min-height:88px;display:grid;place-items:center;gap:3px;padding:5px 3px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff;cursor:pointer}.avatar-choice:hover{border-color:#d8ff42a6;background:#d8ff4212}.avatar-choice--active{border-color:var(--lime);background:#d8ff421f;box-shadow:inset 0 -3px var(--lime)}.avatar-choice b{overflow:hidden;max-width:100%;font-family:Archivo Black,sans-serif;font-size:7px;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.avatar-figure{position:relative;width:50px;height:64px;display:block;filter:drop-shadow(0 5px 4px rgba(0,0,0,.28))}.avatar-figure i{position:absolute;display:block;box-shadow:inset -3px -3px #0000001f}.avatar-figure__hair{top:5px;left:14px;width:22px;height:7px;background:var(--avatar-hair)}.avatar-figure__head{top:9px;left:15px;width:20px;height:20px;background:var(--avatar-skin)}.avatar-figure__body{top:29px;left:13px;width:24px;height:26px;border-top:4px solid var(--avatar-accent);background:var(--avatar-shirt)}.avatar-figure__arm{top:31px;width:8px;height:23px;background:var(--avatar-shirt)}.avatar-figure__arm--left{left:4px}.avatar-figure__arm--right{right:4px}.avatar-figure__leg{top:52px;width:10px;height:12px;background:var(--avatar-pants)}.avatar-figure__leg--left{left:13px}.avatar-figure__leg--right{right:13px}.world-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 12px}.world-choice{min-height:70px;padding:11px;border:1px solid rgba(255,255,255,.13);background:#ffffff0b;color:#fff;text-align:left;cursor:pointer}.world-choice b,.world-choice span{display:block}.world-choice b{font-family:Archivo Black,sans-serif;font-size:11px;letter-spacing:.035em}.world-choice span{margin-top:5px;color:#ffffff8a;font-size:9px;line-height:1.3}.world-choice:hover{background:#ffffff1a}.world-choice--active{border-color:var(--lime);background:#d8ff421f;box-shadow:inset 0 -3px var(--lime)}.world-choice--active b{color:var(--lime)}.world-choice:disabled{cursor:not-allowed;opacity:.38}.welcome--paused .world-picker,.welcome--paused .feature-row,.welcome--paused .avatar-section{display:none}.welcome--paused .welcome__card{width:min(560px,92vw)}.start-button{width:100%;min-height:58px;display:flex;justify-content:space-between;align-items:center;padding:0 11px 0 22px;border:0;background:var(--lime);color:var(--ink);cursor:pointer;font-family:Archivo Black,sans-serif;font-size:13px;letter-spacing:.07em;box-shadow:0 12px 30px #97c61926}.start-button:hover{filter:brightness(1.08)}.start-button b{display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:var(--lime);font-size:20px}.welcome small{display:block;margin-top:12px;color:#fff6;font-size:10px;text-align:center}.touch-controls{display:none}@media (max-width: 680px){.brand{top:14px;left:14px}.world-info{top:14px;right:14px}#block-count,.world-info__dot{display:none}.welcome{padding:14px}.welcome__card{padding:26px 22px}.feature-row{gap:5px}.feature-row div{padding:8px 5px;gap:5px}.quick-actions{top:58px;left:14px;gap:4px}.quick-action{min-height:32px;padding:0 7px;font-size:8px}.quick-actions{max-width:calc(100vw - 28px);flex-wrap:wrap}.comms-card{top:max(14px,env(safe-area-inset-top));right:14px;left:14px;width:auto;max-height:calc(100vh - 28px - env(safe-area-inset-top));padding:14px}.avatar-picker{grid-template-columns:repeat(3,1fr)}.avatar-choice{min-height:76px}.avatar-section__head span{display:none}.chat-log{height:min(210px,31vh)}.hotbar{bottom:max(18px,env(safe-area-inset-bottom));gap:1px;padding:4px}.hotbar__slot{width:36px;height:46px}.hotbar__block{width:22px;height:22px;margin-top:5px}.hotbar__name,.desktop-hint{display:none}}@media (max-width: 520px){.visit-card{padding:26px 20px}.build-menu{position:fixed;top:96px;left:14px}.visit-host,.visit-join{grid-template-columns:1fr 1fr}.world-picker{grid-template-columns:1fr;gap:5px}.world-choice{min-height:52px;padding:8px 10px}.welcome__card{max-height:calc(100vh - 28px);overflow-y:auto}.welcome h1{font-size:48px}.welcome p{font-size:13px}.feature-row{margin:14px 0}}@media (hover: none),(pointer: coarse){.game-shell,.game,.game canvas{touch-action:none;overscroll-behavior:none}.avatar-section{margin-top:0}.avatar-choice b{font-size:6px}.desktop-hint{display:none}.hotbar{bottom:max(22px,env(safe-area-inset-bottom))}.touch-controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:flex-end;justify-content:space-between;padding:0 24px max(22px,env(safe-area-inset-bottom));pointer-events:none}.touch-pause{position:absolute;top:max(64px,calc(env(safe-area-inset-top) + 48px));right:max(24px,env(safe-area-inset-right));width:48px;height:48px;border:1px solid rgba(255,255,255,.24);border-radius:14px;background:#0d1b14b3;color:#fff;font-family:Archivo Black,sans-serif;font-size:17px;pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.touch-look-hint{position:absolute;top:max(70px,calc(env(safe-area-inset-top) + 54px));left:50%;display:flex;align-items:center;gap:8px;transform:translate(-50%);color:#ffffffb8;font-size:8px;font-weight:800;letter-spacing:.11em;line-height:1.2;text-shadow:0 2px 6px rgba(0,0,0,.5)}.touch-look-hint b{color:var(--lime);font-size:25px;line-height:1}.touch-stick{width:148px;height:170px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;pointer-events:auto;touch-action:none}.touch-stick__base{position:relative;width:138px;height:138px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.08) 50%,transparent 51%),linear-gradient(transparent 49%,rgba(255,255,255,.08) 50%,transparent 51%),#0d1b1475;box-shadow:inset 0 0 0 8px #ffffff06,0 12px 32px #05120a38;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.touch-stick__thumb{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border:2px solid rgba(255,255,255,.54);border-radius:50%;background:#d8ff42db;box-shadow:inset -8px -8px #4a670f33,0 8px 18px #00000042;transition:transform 80ms ease-out;will-change:transform}.touch-stick:active .touch-stick__thumb{transition:none}.touch-stick__label{font-size:9px;font-weight:800;letter-spacing:.14em;text-shadow:0 2px 5px rgba(0,0,0,.55)}.touch-actions{display:flex;align-items:flex-end;gap:10px;pointer-events:auto}.touch-action{width:72px;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid rgba(255,255,255,.28);border-radius:20px;background:#0d1b14b8;color:#fff;box-shadow:0 10px 26px #05120a40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:none}.touch-action b{font-family:Archivo Black,sans-serif;font-size:28px;line-height:.9}.touch-action span{font-size:8px;font-weight:800;letter-spacing:.1em}.touch-action--jump{background:#d8ff42e0;color:var(--ink)}.touch-action:active,.touch-pause:active{border-color:var(--lime);background:#fff;color:var(--ink);transform:translateY(2px) scale(.97)}}@media (hover: none) and (max-width: 900px),(pointer: coarse) and (max-width: 900px){.hotbar{bottom:max(108px,env(safe-area-inset-bottom))}.touch-controls{padding-right:16px;padding-left:16px}.touch-stick{width:126px;height:142px}.touch-stick__base{width:116px;height:116px}.touch-stick__thumb{width:52px;height:52px;margin:-26px 0 0 -26px}.touch-actions{gap:7px}.touch-action{width:62px;height:62px;border-radius:17px}.touch-action b{font-size:23px}}@media (hover: none) and (max-height: 560px),(pointer: coarse) and (max-height: 560px){.touch-stick{width:112px;height:124px}.touch-stick__base{width:100px;height:100px}.touch-stick__thumb{width:46px;height:46px;margin:-23px 0 0 -23px}.touch-action{width:58px;height:58px}.touch-look-hint{display:none}}@media (max-height: 620px){.welcome__card{max-height:calc(100vh - 28px);padding-top:22px;padding-bottom:22px;overflow-y:auto}.welcome h1{font-size:48px}.feature-row{margin:14px 0}.world-choice{min-height:58px;padding:8px}}@media (max-width: 740px){.map-panel{padding:12px}.map-card{max-height:calc(100vh - 24px);padding:18px}.map-layout{grid-template-columns:1fr;justify-items:center}.map-canvas-wrap{width:min(322px,calc(100vw - 62px));height:min(322px,calc(100vw - 62px))}.waypoints{width:100%}.waypoint-list{max-height:128px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important}}