:root{--bg:#0b0706;--ink:#efe6da;--muted:#a89b8c;--gold:#e8c170;--line:#e8c17038;--accent:#b3261e;--pad:max(16px, env(safe-area-inset-left))}*{box-sizing:border-box;margin:0;padding:0}.hidden{display:none!important}html,body{background:var(--bg);min-height:100%;color:var(--ink)}body{min-height:100dvh;padding:max(14px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) var(--pad);-webkit-tap-highlight-color:transparent;flex-direction:column;font-family:Noto Sans KR,system-ui,sans-serif;display:flex;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.backdrop{z-index:-1;position:fixed;inset:0;overflow:hidden}.backdrop i{opacity:0;filter:blur(22px)brightness(.32)saturate(1.1);background:50%/cover no-repeat;transition:opacity 1.1s;position:absolute;inset:-6%;transform:scale(1.08)}.backdrop i.show{opacity:1}.backdrop:before,.backdrop:after{content:"";z-index:1;background:repeating-linear-gradient(90deg,#3a0906 0 14px,#5c0f0a 14px 22px,#2a0604 22px 30px);width:min(9vw,110px);position:absolute;top:0;bottom:0;box-shadow:0 0 40px 10px #000c}.backdrop:before{border-radius:0 0 60%;left:0}.backdrop:after{border-radius:0 0 0 60%;right:0}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 50% 20%,#0000 30%,#000000bf 100%);position:fixed;inset:0}.marquee{text-align:center;margin-bottom:clamp(10px,3vh,26px)}.sign{background:linear-gradient(#1c0c09,#120807);border:1px solid #6b4b1c;border-radius:12px;padding:10px 34px 12px;display:inline-block;position:relative}.sign:before{content:"";filter:drop-shadow(0 0 4px #ffb84a)drop-shadow(0 0 10px #ffaa3c99);border:5px dotted #ffd98a;border-radius:18px;animation:1.4s steps(2,end) infinite bulbs;position:absolute;inset:-9px}@keyframes bulbs{50%{filter:drop-shadow(0 0 2px #a66f22);border-color:#b98a3a}}.sign small{letter-spacing:.5em;color:var(--gold);opacity:.8;font-size:10px;display:block}.sign h1{letter-spacing:.08em;background:linear-gradient(#fff3c8,#e8c170 55%,#a8772c);color:#0000;text-shadow:0 0 24px #ffbe5a40;-webkit-background-clip:text;background-clip:text;font-family:Black Han Sans,sans-serif;font-size:clamp(28px,5.4vw,54px);font-weight:400;line-height:1.15}.now{letter-spacing:.35em;color:var(--muted);margin-top:14px;font-size:11px}.lobby{flex-direction:column;flex:1;gap:clamp(12px,3vh,28px);width:min(1080px,100%);margin:0 auto;display:flex}.feature{grid-template-columns:auto 1fr;align-items:start;gap:clamp(16px,3.5vw,44px);display:grid}.feature.in .poster-big,.feature.in .info>*{animation:.55s cubic-bezier(.2,.7,.2,1) both rise}.feature.in .info>:nth-child(2){animation-delay:40ms}.feature.in .info>:nth-child(3){animation-delay:80ms}.feature.in .info>:nth-child(n+4){animation-delay:.12s}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.poster-big{aspect-ratio:2/3;cursor:pointer;width:clamp(170px,24vw,290px);box-shadow:0 0 0 1px #ffffff14, 0 18px 50px #000000b3, 0 0 60px -10px var(--accent);border-radius:6px;transition:transform .3s;position:relative;overflow:hidden}.poster-big:hover{transform:translateY(-3px)}.poster-big img{object-fit:cover;width:100%;height:100%;display:block}.rating{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;min-width:30px;height:30px;padding:0 6px;font:700 12px Noto Sans KR,sans-serif;display:grid;position:absolute;top:8px;left:8px;box-shadow:0 2px 8px #00000080}.rating.rALL{background:#1f9d55;border-radius:15px}.rating.r12{background:#2f7de1}.rating.r15{background:#e0a100}.rating.r19{background:#d7261e}.info{min-width:0}.genre{letter-spacing:.25em;color:var(--gold);font-size:12px}.title{margin:4px 0 2px;font-family:Noto Serif KR,serif;font-size:clamp(30px,4.6vw,52px);font-weight:900;line-height:1.2}.tagline{color:var(--muted);font-family:Noto Serif KR,serif;font-size:clamp(14px,1.6vw,17px)}.stats{grid-template-columns:repeat(5,auto);justify-content:start;gap:8px;margin:18px 0 14px;display:grid}.stats>div{border:1px solid var(--line);background:#00000059;border-radius:6px;padding:8px 12px}.stats dt{letter-spacing:.15em;color:var(--muted);margin-bottom:3px;font-size:10px}.stats dd{white-space:nowrap;font-size:14px;font-weight:500}.stats i{font-style:normal}.difficulty i{color:var(--gold);margin-right:1px}.fear i{margin-right:1px;font-size:13px}.stats i.off{opacity:.18;filter:grayscale()}.fear .none{color:var(--muted);font-size:13px}.synopsis{color:#d8cec2;max-width:60ch;font-size:14px;line-height:1.85}.notes{flex-wrap:wrap;gap:6px;margin:12px 0 18px;list-style:none;display:flex}.notes li{color:#d8cec2;background:#ffffff0f;border-radius:99px;padding:4px 10px;font-size:12px}.actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.enter{letter-spacing:.12em;color:#1a0d08;background:linear-gradient(#ffe5a8, var(--gold));border-radius:6px;padding:14px 34px;font-size:17px;font-weight:700;transition:transform .2s,filter .2s;position:relative;box-shadow:0 6px 24px #e8c17040,inset 0 -2px #00000026;-webkit-mask:radial-gradient(circle at 0,#0000 7px,#000 8px) 0/51% 100% no-repeat,radial-gradient(circle at 100%,#0000 7px,#000 8px) 100%/51% 100% no-repeat;mask:radial-gradient(circle at 0,#0000 7px,#000 8px) 0/51% 100% no-repeat,radial-gradient(circle at 100%,#0000 7px,#000 8px) 100%/51% 100% no-repeat}.enter:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.enter:disabled{filter:grayscale()brightness(.6);cursor:not-allowed}.progress{color:var(--gold);font-size:13px}.mobile-warn{color:#f0a39a;margin-top:10px;font-size:13px}.timetable h3{letter-spacing:.35em;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:500}.rail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;padding:6px 4px 12px;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.card{scroll-snap-align:center;text-align:left;opacity:.55;flex:none;width:118px;transition:transform .25s,opacity .25s;position:relative}.card img{aspect-ratio:2/3;object-fit:cover;border-radius:5px;width:100%;display:block;box-shadow:0 8px 20px #0009}.card .rating{transform-origin:0 0;top:6px;left:6px;transform:scale(.75)}.card .name{margin-top:8px;font-size:13px;font-weight:500;display:block}.card .time{color:var(--muted);font-size:11px;display:block}.card:hover{opacity:.85}.card.active{opacity:1;transform:translateY(-4px)}.card.active img{box-shadow:0 0 0 2px var(--accent), 0 10px 28px #000000b3, 0 0 26px -4px var(--accent)}.card.soon{aspect-ratio:2/3;opacity:.4;text-align:center;height:auto;color:var(--muted);border:1px dashed #ffffff40;border-radius:5px;align-self:flex-start;place-items:center;font-size:12px;line-height:1.7;display:grid}.card:focus-visible,.enter:focus-visible{outline:2px solid var(--gold);outline-offset:4px}footer{text-align:center;color:var(--muted);margin-top:10px;font-size:11px}.install{color:#e8dccd;margin-bottom:6px;font-size:13px}.install b{color:var(--gold)}.install button{border:1px solid var(--gold);color:var(--gold);border-radius:6px;padding:8px 18px}#ticket{z-index:50;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:22px;transition:background 1.2s .3s;display:flex;position:fixed;inset:0}#ticket.go{background:#000}.ticket{color:#2a1609;opacity:0;filter:drop-shadow(0 20px 40px #0009);width:min(440px,88vw);transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .3s;display:flex;transform:translateY(40vh)rotate(-4deg)}#ticket.go .ticket{opacity:1;transform:none}.ticket .main,.ticket .stub{background:linear-gradient(#fff1cf,#f0d593);padding:18px 20px}.ticket .main{border-right:2px dashed #5a320a73;border-radius:8px 0 0 8px;flex:1}.ticket .main small{letter-spacing:.3em;opacity:.7;font-size:9px}.ticket .main strong{margin:4px 0;font:900 26px Noto Serif KR,serif;display:block}.ticket .main span{opacity:.75;font-size:11px}.ticket .stub{border-radius:0 8px 8px 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:90px;font-size:11px;transition:transform .5s .75s;display:flex}.ticket .stub b{font-size:18px}#ticket.go .stub{transform:translate(24px,18px)rotate(14deg)}.t-msg{letter-spacing:.3em;color:var(--muted);opacity:0;font-size:13px;transition:opacity .5s .8s}#ticket.go .t-msg{opacity:1}@media (max-width:720px) and (orientation:portrait){.feature{text-align:center;grid-template-columns:1fr;justify-items:center}.poster-big{width:min(52vw,230px)}.stats{grid-template-columns:repeat(3,auto);justify-content:center}.notes,.actions{justify-content:center}.synopsis{margin:0 auto}}@media (max-height:520px) and (orientation:landscape){body{padding-top:max(8px, env(safe-area-inset-top))}.marquee{justify-content:center;align-items:center;gap:18px;margin-bottom:10px;display:flex}.sign{padding:4px 20px 6px}.sign:before{border-width:4px;inset:-6px}.sign small{display:none}.sign h1{font-size:24px}.now{margin:0}.poster-big{width:auto;height:min(58vh,250px)}.title{font-size:26px}.stats{gap:5px;margin:8px 0}.stats>div{padding:5px 8px}.synopsis{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.notes{margin:6px 0 10px}.enter{padding:10px 26px;font-size:15px}.timetable h3{display:none}.card{width:64px}.card .name,.card .time,.card .rating,footer{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
