html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#101420;position:relative}body{touch-action:none;-webkit-user-select:none;user-select:none}canvas{display:block;width:100%;height:100%;image-rendering:auto}#orientation-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:none;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));box-sizing:border-box;overflow:hidden;background:#0d1322;color:#fff4b0;font-family:Arial,Helvetica,sans-serif;text-align:center}.orientation-gate__content{width:min(390px,100%)}.orientation-gate__device{position:relative;width:154px;height:86px;margin:0 auto 34px;border:5px solid #ffd84a;border-radius:18px;box-shadow:0 0 18px #ffd84abf,0 0 44px #28c4ff57;animation:citydogs-device-turn 1.8s ease-in-out infinite}.orientation-gate__device:after{content:"";position:absolute;top:50%;right:8px;width:5px;height:18px;border-radius:3px;background:#fff4b0;transform:translateY(-50%)}.orientation-gate__screen{position:absolute;top:10px;right:20px;bottom:10px;left:10px;border-radius:8px;background:#147bb4;box-shadow:inset 0 0 20px #41dbff6b}.orientation-gate__title{font-size:clamp(28px,8vw,40px);font-weight:900;line-height:1;letter-spacing:0;color:#ffdc4d;text-shadow:0 3px 0 #713500,0 0 18px rgba(255,216,74,.72)}.orientation-gate__text{margin-top:16px;color:#eef7ff;font-size:16px;font-weight:700;line-height:1.35}.orientation-gate__button{min-width:230px;min-height:54px;margin-top:28px;border:3px solid #ffe978;border-radius:8px;background:#087fc5;color:#fff477;font:900 17px/1 Arial,Helvetica,sans-serif;letter-spacing:0;text-shadow:0 2px 0 #08326c;box-shadow:0 5px #754000,0 0 24px #ffd84a6b;cursor:pointer;transition:transform .14s ease,filter .14s ease}.orientation-gate__button:active{transform:translateY(3px) scale(.98)}.orientation-gate.is-requesting .orientation-gate__button{filter:brightness(1.18)}.orientation-gate__status{min-height:38px;margin-top:18px;color:#e7f2ffc2;font-size:13px;font-weight:700;line-height:1.35}@keyframes citydogs-device-turn{0%,18%{transform:rotate(90deg) scale(.84)}55%,to{transform:rotate(0) scale(1)}}@media(max-width:820px)and (orientation:portrait)and (pointer:coarse){#orientation-gate{display:grid}}