html[data-skyfall-entry="claw"],html[data-skyfall-entry="claw"] body{width:100%;height:100%;margin:0;overflow:hidden;background:#090214;overscroll-behavior:none}
html[data-skyfall-entry="claw"] #orientationNotice,
html[data-skyfall-entry="claw"] #opening,
html[data-skyfall-entry="claw"] #lobby,
html[data-skyfall-entry="claw"] #firstFlight{display:none!important}
html[data-skyfall-entry="claw"] .droneClawClose{display:none!important}
html[data-skyfall-entry="claw"] #droneClaw{padding:max(4px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))}
.standaloneClawBoot{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#35104f 0,#13051f 35%,#05010c 75%);color:#fff;font:700 13px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-align:center;transition:opacity .18s ease,visibility .18s ease}
.standaloneClawBoot:before{content:"DRONE CLAW";padding:18px 24px;border:1px solid rgba(54,231,255,.55);box-shadow:0 0 28px rgba(255,20,147,.26),inset 0 0 24px rgba(54,231,255,.08)}
html.skyfall-claw-ready .standaloneClawBoot{opacity:0;visibility:hidden;pointer-events:none}
@media (orientation:portrait){
  html[data-skyfall-entry="claw"] #droneClaw{padding:max(3px,env(safe-area-inset-top)) max(3px,env(safe-area-inset-right)) max(3px,env(safe-area-inset-bottom)) max(3px,env(safe-area-inset-left))}
  html[data-skyfall-entry="claw"] .droneClawTitle{top:10px;left:10px;max-width:54%}
  html[data-skyfall-entry="claw"] .droneClawTitle small{font-size:6px;letter-spacing:.12em}
  html[data-skyfall-entry="claw"] .droneClawTitle h1{font-size:17px}
  html[data-skyfall-entry="claw"] .droneClawCollection{top:10px;right:10px}
  html[data-skyfall-entry="claw"] .droneClawStatus{top:54px;max-width:74vw;overflow:hidden;text-overflow:ellipsis}
  html[data-skyfall-entry="claw"] .droneClawJoystick{left:max(14px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:108px;height:108px}
  html[data-skyfall-entry="claw"] .droneClawDrop{right:max(16px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));width:86px;height:86px}
  html[data-skyfall-entry="claw"] .droneClawSuccessBanner{top:12%;min-width:76vw;max-width:88vw}
}
@media (orientation:portrait){
  html[data-skyfall-entry="claw"] .droneClawTuning{bottom:max(142px,calc(env(safe-area-inset-bottom) + 132px));width:calc(100% - 18px)}
}