*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#77beda}#native-scene,#native-ui,.native-layer{position:absolute;inset:0}#native-ui,.native-layer{pointer-events:none}.native-ui-canvas,.native-controls{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.native-hit,.native-input{position:absolute;left:0;top:0;padding:0;border:0;background:transparent;color:transparent;cursor:pointer;pointer-events:auto}.native-input{cursor:text;outline:0}.native-hit:focus-visible{outline:2px solid #fff;outline-offset:4px}.native-hit:disabled{cursor:default}#native-inspector{position:fixed;z-index:100000;left:8px;bottom:8px;padding:7px 10px;background:#111c;color:white;font:12px system-ui;display:flex;gap:10px;align-items:center;border-radius:6px}#native-inspector select{font:inherit;background:#eee;color:#111;max-width:220px}#native-inspector output{max-width:650px}

#native-feedback{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#native-orientation{display:none}
@media(max-width:700px) and (orientation:portrait){
  body{background:#172d22}
  #native-scene,#native-ui{inset:auto 0;top:50%;width:100%;height:56.25vw;transform:translateY(-50%)}
  #native-orientation{display:block;position:absolute;left:8%;right:8%;top:calc(50% + 28.125vw + 28px);color:#fff;text-align:center;font:600 16px/1.5 system-ui;pointer-events:none}
}

.native-range,.native-toggle{position:absolute;left:0;top:0;margin:0;padding:0;border:0;appearance:none;background:transparent;pointer-events:auto;cursor:pointer;outline:0}.native-range::-webkit-slider-thumb{appearance:none;width:28px;height:28px;background:transparent}.native-range:focus-visible,.native-toggle:focus-visible{outline:2px solid #fff}

.native-scroll-hit{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:auto;touch-action:none;outline:0}.native-scroll-hit:focus-visible{outline:2px solid #fff}

#native-bootstrap{position:absolute;inset:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#77beda;color:#172d22;font:600 18px system-ui}#native-bootstrap img{width:min(55vw,440px);height:auto}#native-bootstrap p{max-width:80%;text-align:center}#native-bootstrap button{border:0;border-radius:32px;padding:16px 40px;background:#ed1b24;color:white;font:inherit;cursor:pointer}#native-bootstrap button[hidden]{display:none}

#native-fallback{position:absolute;inset:14% 23% 4% 13%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;overflow:auto;align-content:start}#native-fallback[hidden]{display:none}#native-fallback button{min-height:66px;border:3px solid #172d22;border-top:10px solid var(--tile-color);border-radius:8px;background:#f5f8f4;color:#172d22;font:600 12px system-ui;padding:8px;white-space:pre-line;cursor:pointer}@media(max-width:700px){#native-fallback{inset:10% 25% 4% 12%;grid-template-columns:repeat(3,minmax(0,1fr));}#native-fallback button{font-size:10px;padding:4px}}