#opening31-screen{position:fixed;inset:0;width:100%;height:100vh;height:100svh;z-index:1000;display:grid;place-items:center;overflow:hidden;background:#111827;color:#fff;outline:none}
#opening31-screen .opening31-video{display:block;width:100%;height:100%;object-fit:contain;background:#111827}
#opening31-screen .opening31-controls{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));pointer-events:none;background:linear-gradient(transparent,#11182780)}
#opening31-screen .opening31-button{pointer-events:auto;padding:11px 18px;border:1px solid #ffffff70;border-radius:6px;background:#111827ba;color:#fff;font:500 14px/1.5 'Noto Sans KR',sans-serif;backdrop-filter:blur(8px);white-space:nowrap}
#opening31-screen .opening31-button:hover{background:#27354deb;filter:none}
#opening31-screen .opening31-button:focus-visible{outline:3px solid #edb3c2;outline-offset:4px}
#opening31-screen .opening31-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:16px 28px;background:#293853eb;font-size:17px;box-shadow:0 8px 40px #0003}
#opening31-screen .opening31-play:active{transform:translate(-50%,-50%)}
#opening31-screen [hidden]{display:none!important}
@media(max-width:600px){#opening31-screen .opening31-controls{padding:16px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}#opening31-screen .opening31-button{font-size:13px;padding:10px 14px}}
@media(max-width:760px){.start>.top{flex-wrap:wrap}.start>.top nav{margin-left:auto;max-width:100%;flex-wrap:wrap;justify-content:flex-end}}