@font-face{font-family:VRNoto;src:url('../vendor/NotoSansKR-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:VRNoto;src:url('../vendor/NotoSansKR-Bold.otf') format('opentype');font-weight:700;font-display:swap}
*{box-sizing:border-box}html,body,#app,#stage{margin:0;padding:0;width:100%;height:100%;overflow:hidden}
html,body{background:#07121b;font-family:VRNoto,sans-serif;word-break:keep-all;overflow-wrap:normal;line-break:strict}
#stage{position:relative;isolation:isolate}canvas,#photo{position:absolute;inset:0;width:100%;height:100%;display:block}
#photo{overflow:hidden;background:#07121b}#photo img{width:100%;height:100%;object-fit:cover;object-position:66% center;will-change:transform}
#space{z-index:1}#type{z-index:2;pointer-events:none}
#controls{position:absolute;z-index:3;left:max(3.3%,env(safe-area-inset-left));right:max(3.3%,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;height:36px;opacity:.9}
button{height:34px;min-width:34px;border:1px solid #a7ced03b;background:#07151dc9;color:#e7f6f6;border-radius:3px;font:700 11px VRNoto,sans-serif;letter-spacing:.05em;cursor:pointer;padding:0 10px}
button:hover,button:focus-visible{border-color:#9cffdb;background:#17302a;outline:1px solid #9cffdb}
#sound{margin-left:12px;min-width:104px}#time{font:10px VRNoto,sans-serif;color:#b7c5cb;min-width:32px}
#seek{flex:1;min-width:20px;height:3px;accent-color:#a4ffd4;cursor:pointer}body.render #controls{display:none}
@media(max-width:500px){#controls{bottom:max(8px,env(safe-area-inset-bottom));gap:7px;height:25px}button{height:25px;min-width:25px;padding:0 6px;font-size:8px}#sound{min-width:76px;margin-left:3px}#time{font-size:8px;min-width:27px}}