@font-face{font-family:ImpactKR;src:url('../vendor/NotoSansKR.ttf') format('truetype');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html,body,#app,#stage{margin:0;padding:0;width:100%;height:100%;overflow:hidden}html,body{background:#030b16;color:#f3f6fa;font-family:ImpactKR,sans-serif;word-break:keep-all;overflow-wrap:normal;line-break:strict}#stage{position:relative;isolation:isolate}#photo,canvas{position:absolute;inset:0;width:100%;height:100%}#photo{background-position:center;background-size:cover;will-change:transform}#world,#fallback{pointer-events:none}#type{z-index:3;pointer-events:none}#controls{position:absolute;z-index:4;bottom:max(14px,env(safe-area-inset-bottom));left:5%;right:5%;height:30px;display:flex;align-items:center;gap:10px;opacity:.78;transition:opacity .2s}#controls:hover{opacity:1}button{border:1px solid #aad7e330;border-radius:3px;background:#061222a8;color:#fff;height:28px;padding:0 12px;font:500 10px ImpactKR,sans-serif;letter-spacing:.08em;cursor:pointer;white-space:nowrap}button:focus-visible,input:focus-visible{outline:2px solid #71f7e1;outline-offset:3px}#pause,#restart{width:30px;padding:0;font-size:16px}#sound{margin-left:auto;min-width:91px;border-color:#77fce16b}#seek{flex:1;max-width:250px;height:2px;accent-color:#75f6de;margin:0;cursor:pointer}#time{font:500 10px ImpactKR;color:#b8d0df;min-width:25px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body.render #controls{display:none}@media(max-width:600px){#controls{bottom:8px;height:22px;gap:5px}button{height:22px;padding:0 6px;font-size:8px}#sound{min-width:76px}#pause,#restart{width:24px;font-size:13px}#seek{max-width:115px}#time{font-size:8px}}