:root{font-family:Arial,Helvetica,sans-serif;color:#ead1a0;background:#000;color-scheme:dark;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:#000}
.entrance{min-height:100svh;max-width:1440px;margin:auto;padding:30px 32px 34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px}
a{color:inherit;text-decoration:none}.identity{display:flex;gap:14px;align-items:center}.identity img{object-fit:contain;width:58px;height:58px}.identity span{font-size:.875rem;letter-spacing:.18em;line-height:1.5;font-weight:600}
.cinema{width:min(100%,1000px)}.gold-frame{padding:5px;background:linear-gradient(135deg,#715022 0%,#e3bb68 22%,#faf0c8 42%,#9a6d28 63%,#e3bb68 83%,#715022 100%);box-shadow:0 0 0 1px #3b2b13,0 0 0 7px #060503,0 0 0 8px #71502266}
video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}.sound-row{min-height:40px;display:flex;justify-content:flex-end;align-items:center;padding-top:12px}
button{font:inherit;font-size:.875rem;color:#e7ca91;border:1px solid #7a5e32;background:#090806;padding:9px 14px;cursor:pointer}button:hover{background:#241b0f}
.invitation{text-align:center}.enter{display:inline-block;padding:19px 32px;background:linear-gradient(120deg,#f3dda7,#c29547);color:#140e05;border:1px solid #f1d99f;font-size:1.0625rem;font-weight:600;line-height:1.4;transition:background .2s,box-shadow .2s}.enter:hover{background:#f2d699;box-shadow:0 0 25px #c295472b}.invitation p{margin:15px 0 0;font-size:.875rem;color:#bca983;letter-spacing:.04em}
a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid #fff0c6;outline-offset:5px}
@media(min-width:800px) and (min-height:700px){.cinema{width:min(100%,1000px,calc((100svh - 285px)*16/9))}}
@media(max-width:600px){.entrance{padding:30px 22px;gap:34px}.identity span{font-size:.875rem}.identity img{width:52px;height:52px}.gold-frame{padding:3px}.enter{padding:18px 22px;font-size:1rem}.invitation{width:100%}.enter{width:100%;max-width:360px}.sound-row{padding-top:15px}}
@media(prefers-reduced-motion:reduce){.enter{transition:none}}
.gold-frame{position:relative}.play-sound{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:17px 25px;color:#140e05;background:linear-gradient(120deg,#f3dda7,#c29547);border:1px solid #f1d99f;font-size:1rem;font-weight:600;box-shadow:0 6px 35px #0008}.play-sound:hover{background:#f2d699}.play-sound[hidden]{display:none}