.walk-page{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;padding:0;margin:0;overflow:hidden}.walk-page .walk-canvas{position:absolute;inset:0;min-height:0;height:100%}.walk-page .walk-player-controls{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 24px);justify-content:center;margin:0;padding:8px;border-radius:14px;background:#0c191fcc}.walk-player-back,.walk-player-retry{position:absolute;z-index:2;top:max(12px,env(safe-area-inset-top));display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#0c191fcc;text-decoration:none;font-size:1.4rem}.walk-player-back{left:max(12px,env(safe-area-inset-left))}.walk-player-retry{right:max(12px,env(safe-area-inset-right))}.walk-player-status{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 32px);border-radius:12px;background:#0c191fcc}.walk-player-status:empty{display:none}.walk-player-status:not(:empty){padding:12px}.walk-player-status p{margin:4px}.walk-player-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.walk-page .walk-player-controls button{min-width:44px;min-height:44px;padding:4px;font-size:1.35rem}.walk-page .walk-player-controls{left:max(20px,env(safe-area-inset-left));transform:none;background:none;padding:0;align-items:flex-end;gap:18px}.walk-joystick{position:relative;display:block;width:128px;height:128px;border-radius:50%;background:#0c191f66;border:1px solid #ffffff50;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.walk-joystick-ring{position:absolute;inset:18px;border:1px solid #ffffff30;border-radius:50%}.walk-joystick-thumb{position:absolute;left:39px;top:39px;width:48px;height:48px;border-radius:50%;background:#fffb;border:1px solid #ffffff;box-shadow:0 3px 12px #0006;pointer-events:none}.walk-page .walk-player-reset{border-radius:50%;background:#0c191fcc}.walk-joystick:active{cursor:grabbing}.walk-location-header{display:flex;align-items:center;gap:8px;position:absolute;z-index:2;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 144px);pointer-events:none}.walk-location-badge{display:flex;align-items:center;gap:12px;min-width:0;padding:8px 16px;border-radius:14px;background:#0c191fe0;color:#edf6f4;text-align:center;pointer-events:none}.walk-view-compass{flex:0 0 64px;width:64px;color:#edf6f4;background:#0c191fe0;border-radius:14px;padding:5px;box-sizing:border-box;text-align:center;pointer-events:auto}.walk-view-compass svg{display:block;width:100%}.walk-view-compass>span{display:block;font:600 .65rem/1.5 ui-monospace,monospace;white-space:nowrap}.walk-location-coordinates{display:flex;flex-direction:column;text-align:left;font:.65rem/1.4 ui-monospace,monospace;color:#b8d9d3;pointer-events:auto;-webkit-user-select:text;user-select:text;overflow-wrap:anywhere;min-width:0;flex-shrink:0}.walk-location-coordinates>span{white-space:nowrap}.walk-location-coordinates small{font-size:.6rem}.walk-location-name{min-width:0}@media(max-width:600px){.walk-location-badge{padding:6px 10px;gap:2px;flex-direction:column}.walk-view-compass{flex-basis:48px;width:48px;padding:3px}.walk-view-compass>span{font-size:.5rem}.walk-location-coordinates{font-size:.5rem;line-height:1.2}.walk-location-header .walk-location-street{font-size:.8rem;line-height:1.2}.walk-location-header .walk-location-detail{font-size:.6rem;line-height:1.2}}.walk-location-street{display:block;font-weight:650;font-size:1rem;overflow-wrap:anywhere}.walk-location-detail{display:block;margin-top:2px;font-size:.75rem;color:#b8d9d3}.walk-current-environment-status{position:absolute;z-index:4;right:max(12px,env(safe-area-inset-right));bottom:calc(222px + env(safe-area-inset-bottom,0px));max-width:calc(100% - 170px);padding:7px 10px;border-radius:10px;color:#edf6f4;background:#0c191fe0;font-size:.75rem;pointer-events:none}.walk-minimap{position:absolute;z-index:3;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:180px;height:198px;border:1px solid #ffffff90;border-radius:14px;overflow:hidden;background:#e4e9dfed;box-shadow:0 3px 16px #0003;pointer-events:none}.walk-minimap svg{display:block;width:100%;height:180px}.walk-minimap-north{position:absolute;right:8px;top:6px;color:#23413b;font-size:.75rem;font-weight:700}.walk-minimap-caption{display:block;height:18px;background:#0c191fe0;color:#edf6f4;text-align:center;font-size:.7rem}@media(max-width:480px){.walk-minimap{width:148px;height:166px}.walk-minimap svg{height:148px}.walk-current-environment-status{bottom:calc(190px + env(safe-area-inset-bottom,0px))}}.walk-game-page .walk-player-retry{right:max(64px,calc(env(safe-area-inset-right) + 52px))}.game-help-link{position:absolute;z-index:41;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;border:1px solid #b8d9d3;border-radius:50%;background:#10272ef2;color:#eaf6f4;font:700 1.4rem system-ui;text-decoration:none}.game-help-link:hover{background:#25494c}.game-help-link:focus-visible{outline:3px solid #f1d998;outline-offset:3px}@media(max-width:600px){.walk-game-page .walk-location-header{top:max(64px,calc(env(safe-area-inset-top) + 52px));max-width:calc(100% - 24px)}.walk-game-page .aci-game .game-electorate{top:max(164px,calc(env(safe-area-inset-top) + 152px))}}.game-orientation-notice{position:fixed;inset:0;margin:0;z-index:90;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px 72px;background:#10272e;color:#eaf6f4;text-align:center;font:17px/1.5 system-ui,sans-serif}.game-orientation-notice h1{margin:24px 0 8px;font-size:1.7rem}.game-orientation-notice p{max-width:28ch;margin:0 0 20px}.game-orientation-notice a{color:#bce8e0;padding:12px}.game-orientation-notice a:focus-visible{outline:3px solid #f4d27d}.game-rotate-phone{transform-origin:60px 60px;animation:game-rotate-phone 3s ease-in-out infinite}body:has(.game-orientation-notice) .aci-legal-overlay{z-index:91}@keyframes game-rotate-phone{0%,20%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@media(prefers-reduced-motion:reduce){.game-rotate-phone{animation:none;transform:rotate(90deg)}}@media(pointer:coarse)and (orientation:landscape)and (max-height:500px){.walk-game-page .game-electorate{top:68px;right:10px;width:190px;max-height:calc(100dvh - 228px);overflow:auto;padding:8px}.walk-game-page .game-account{top:64px;max-height:calc(100dvh - 128px)}body .walk-game-page:has(.game-hud) .walk-minimap{width:110px;height:128px;bottom:max(12px,env(safe-area-inset-bottom))}.walk-game-page .walk-minimap svg{height:110px}body .walk-game-page:has(.game-hud) .walk-current-environment-status{bottom:148px;font-size:11px}.walk-game-page .game-chat-dock{width:calc(100vw - 360px);min-width:260px}}