:root{--bg:#06070d;--ink:#f3ead8;--ink2:#cfc6b4;--mute:#8d8676;--gold:#d9b45a;--gold2:#f0c75e;--sa:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);--hj:"Hahmlet","Noto Serif KR",serif;--ui:"Pretendard Variable",Pretendard,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;overflow:hidden}button,select,input,textarea{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.sj{position:fixed;inset:0;max-width:480px;margin:0 auto;overflow:hidden;background:#000}.scr{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .9s ease}.scr.on{opacity:1;pointer-events:auto}.inBg{position:absolute;inset:0;background:#06070d url(/.netlify/images?url=https%3A%2F%2Fd8j0ntlcm91z4.cloudfront.net%2Fuser_39PvKg67WRq5T66HczulEDxUKSm%2Fhf_20261009_160622_959cf57f-5e22-40f2-b0a1-13ae485c0243.png&w=900&fm=webp&q=78) 50% 30%/cover no-repeat}.inBg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,7,13,0) 30%,rgba(6,7,13,.75) 58%,var(--bg) 82%)}.inTx{position:absolute;left:0;right:0;bottom:0;padding:0 22px calc(var(--sb) + 28px)}.mk{font-family:var(--hj);font-size:14px;font-weight:600;letter-spacing:.2em;color:var(--gold)}.inTx h1{margin:8px 0 10px;font-family:var(--hj);font-weight:800;font-size:clamp(38px,11vw,50px);line-height:1.15;letter-spacing:-.02em;text-shadow:0 2px 24px rgba(0,0,0,.8)}.lead{font-size:15px;line-height:1.65;color:var(--ink2);word-break:keep-all}.f{margin:18px 0 0;display:grid;gap:8px}.row{display:flex;gap:6px}.row select{flex:1;min-width:0;height:46px;padding:0 8px;background:rgba(255,255,255,.06);border:1px solid rgba(217,180,90,.35);font-size:15px;appearance:none;-webkit-appearance:none;text-align:center}.row select option{color:#111}.seg button{flex:1;height:44px;border:1px solid rgba(217,180,90,.35);font-size:15px;color:var(--ink2)}.seg button.on{background:var(--gold);border-color:var(--gold);color:#1a1408;font-weight:700}.go{display:block;width:100%;height:54px;margin:16px 0 0;background:var(--gold);color:#1a1408;font-size:17px;font-weight:800;letter-spacing:-.01em}.fine{margin:12px 0 0;font-size:11.5px;line-height:1.6;color:var(--mute);word-break:keep-all}#sV video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease;background:#000}#sV video.on{opacity:1}.ov{position:absolute;inset:0;pointer-events:none}.ov .t{position:absolute;left:0;right:0;text-align:center;font-family:var(--hj);color:var(--ink);text-shadow:0 2px 22px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.7);opacity:0;transition:opacity .9s ease,transform 1.2s ease;transform:translateY(8px);word-break:keep-all;padding:0 24px}.ov .t.on{opacity:1;transform:none}.ov .big{font-size:clamp(26px,7.4vw,34px);font-weight:600;line-height:1.5}.ov .mid{font-size:clamp(20px,5.6vw,25px);font-weight:600;line-height:1.6}.ov .small{font-size:15px;font-weight:400;letter-spacing:.06em;color:var(--ink2)}.ov .gold{color:var(--gold2)}.ov .card{position:absolute;left:9%;top:44%;width:36%;transform:rotate(-12deg);font-family:var(--hj);font-weight:600;color:#3b2a14;text-shadow:none;font-size:clamp(14px,4vw,19px);line-height:1.5;text-align:center;opacity:0;transition:opacity 1.4s ease}.ov .card.on{opacity:.92}.pil{position:absolute;left:0;right:0;top:24%;display:flex;justify-content:center;gap:4vw}.pil .c{display:flex;flex-direction:column;align-items:center;font-family:"Noto Serif KR",serif;font-weight:900;font-size:clamp(46px,14vw,66px);line-height:1.08;color:var(--ink);text-shadow:0 0 26px rgba(0,0,0,.95);opacity:0;transform:translateY(-40px);transition:opacity 1s ease,transform 1.2s cubic-bezier(.2,.8,.2,1)}.pil .c.on{opacity:1;transform:none}.pil .c small{margin-top:8px;font-family:var(--ui);font-size:12.5px;font-weight:600;letter-spacing:.2em;color:var(--ink2)}.pil .c .me{transition:color 1.2s ease,text-shadow 1.2s ease}.pil.lit .c .me{color:var(--gold2);text-shadow:0 0 26px rgba(0,0,0,.9),0 0 46px rgba(240,199,94,.7)}.pil.top{top:calc(var(--sa) + 70px)}.pil.top .c{font-size:clamp(34px,10vw,46px)}.sub{position:absolute;left:18px;right:18px;bottom:calc(var(--sb) + 64px);text-align:center;font-family:var(--hj);font-size:clamp(17px,4.8vw,20px);font-weight:600;line-height:1.6;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 20px rgba(0,0,0,.9);word-break:keep-all;opacity:0;transition:opacity .4s}.sub.on{opacity:1}.skip{position:absolute;top:calc(var(--sa) + 14px);right:14px;font-family:var(--ui);border:0;background:none;color:rgba(255,255,255,.6);font-size:12.5px;font-weight:500;line-height:1;padding:6px;cursor:pointer;text-shadow:0 1px 8px rgba(0,0,0,.8)}.dBg{position:absolute;inset:0;background:#05060c url(/.netlify/images?url=https%3A%2F%2Fd8j0ntlcm91z4.cloudfront.net%2Fuser_39PvKg67WRq5T66HczulEDxUKSm%2Fhf_20261009_162010_fafd9b94-7e6e-4651-b6a5-06d882139a87.png&w=900&fm=webp&q=70) 50% 20%/cover no-repeat;filter:brightness(.35) blur(2px)}.dTop{position:absolute;left:0;right:0;top:calc(var(--sa) + 64px);text-align:center;font-family:var(--hj);font-size:21px;font-weight:600;color:var(--ink);transition:opacity .6s}.dWrap{position:absolute;left:50%;top:50%;width:min(86vw,400px);height:min(86vw,400px);transform:translate(-50%,-52%);touch-action:none}.disc{position:absolute;inset:0;border-radius:50%;will-change:transform;cursor:grab}.disc img{width:100%;height:100%;border-radius:50%;display:block;pointer-events:none;-webkit-user-drag:none;user-select:none}.disc .sun{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:radial-gradient(circle,#fff8d8 0,#f6cf5e 45%,rgba(240,199,94,0) 72%);box-shadow:0 0 18px 6px rgba(246,207,94,.55)}.ptr{position:absolute;left:50%;top:-26px;width:0;height:0;margin-left:-11px;border-left:11px solid transparent;border-right:11px solid transparent;border-top:18px solid var(--gold2);filter:drop-shadow(0 0 8px rgba(240,199,94,.7));z-index:2}.dRes{position:absolute;left:0;right:0;bottom:calc(var(--sb) + 70px);text-align:center;opacity:0;transform:translateY(10px);transition:opacity .9s ease,transform .9s ease}.dRes.on{opacity:1;transform:none}.dRes b{display:block;font-family:var(--hj);font-size:15px;font-weight:600;letter-spacing:.06em;color:var(--gold2)}.dRes p{margin-top:10px;font-family:var(--hj);font-size:clamp(22px,6.4vw,28px);font-weight:600;line-height:1.5}#sEl{background:radial-gradient(120% 80% at 50% 30%,#141a33 0,#06070d 70%)}.eTx{position:absolute;left:24px;right:24px;top:50%;transform:translateY(-55%)}.mk2{text-align:center;font-family:var(--hj);font-size:20px;font-weight:600;margin-bottom:26px}.bars{display:grid;gap:14px}.bar{display:grid;grid-template-columns:48px 1fr 34px;align-items:center;gap:10px;font-family:var(--hj);font-size:16px;font-weight:600}.bar i{display:block;height:12px;background:rgba(255,255,255,.07);position:relative;overflow:hidden}.bar i b{position:absolute;left:0;top:0;bottom:0;width:0;transition:width 1.6s cubic-bezier(.2,.8,.2,1)}.bar em{font-style:normal;font-size:14px;color:var(--ink2);text-align:right}.eNote{margin-top:24px;text-align:center;font-family:var(--hj);font-size:16px;line-height:1.7;color:var(--ink2);word-break:keep-all}.aBg{position:absolute;inset:0;background:#06070d url(/.netlify/images?url=https%3A%2F%2Fd8j0ntlcm91z4.cloudfront.net%2Fuser_39PvKg67WRq5T66HczulEDxUKSm%2Fhf_20261009_160622_c5960ac3-1369-494d-904f-eeda32fec615.png&w=900&fm=webp&q=78) 50% 22%/cover no-repeat}.aBg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,7,13,.1) 20%,rgba(6,7,13,.82) 52%,var(--bg) 74%)}.aBox{position:absolute;left:0;right:0;bottom:0;padding:0 22px calc(var(--sb) + 26px)}.aQ{font-family:var(--hj);font-size:clamp(21px,6vw,26px);font-weight:600;line-height:1.5;word-break:keep-all;margin-bottom:6px}.aQ small{display:block;margin-bottom:6px;font-size:13px;font-weight:600;letter-spacing:.14em;color:var(--gold)}.aH{font-size:13.5px;line-height:1.6;color:var(--mute);margin-bottom:14px;word-break:keep-all}.aIn{width:100%;height:50px;padding:0 14px;background:rgba(255,255,255,.06);border:1px solid rgba(217,180,90,.4);font-size:17px}.aTa{width:100%;height:96px;padding:12px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(217,180,90,.4);font-size:15px;line-height:1.6;resize:none}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{height:42px;padding:0 16px;border:1px solid rgba(217,180,90,.4);font-size:15px;color:var(--ink2)}.chips button.on{background:var(--gold);border-color:var(--gold);color:#1a1408;font-weight:700}.aBt{display:grid;grid-template-columns:1fr 2fr;gap:8px;margin-top:16px}.aBt button{height:52px;border:1px solid rgba(255,255,255,.2);font-size:15px;font-weight:700;color:var(--ink2)}.aBt .pr{background:var(--gold);border-color:var(--gold);color:#1a1408}#vBind{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bTx{position:absolute;left:0;right:0;bottom:calc(var(--sb) + 70px);text-align:center;font-family:var(--hj);font-size:19px;font-weight:600;text-shadow:0 2px 18px rgba(0,0,0,.9)}.bTx:after{content:"";display:block;width:60px;height:2px;margin:14px auto 0;background:linear-gradient(90deg,transparent,var(--gold2),transparent);animation:bl 1.6s ease-in-out infinite}@keyframes bl{0%,100%{opacity:.25;transform:scaleX(.5)}50%{opacity:1;transform:scaleX(1)}}#sCover{background:#05060b}.cover{position:absolute;left:50%;top:calc(var(--sa) + 40px);width:min(76vw,340px);aspect-ratio:1520/2688;transform:translateX(-50%) scale(.94);background:#0d1430 url(/.netlify/images?url=https%3A%2F%2Fd8j0ntlcm91z4.cloudfront.net%2Fuser_39PvKg67WRq5T66HczulEDxUKSm%2Fhf_20261009_162010_4451daf0-2b44-4301-a0d8-6e6c59961a8c.png&w=800&fm=webp&q=80) 50%/cover no-repeat;box-shadow:0 30px 60px rgba(0,0,0,.6);opacity:0;transition:opacity 1.2s ease,transform 1.4s cubic-bezier(.2,.8,.2,1)}#sCover.on .cover{opacity:1;transform:translateX(-50%)}.cIn{position:absolute;left:12%;right:12%;top:20%;bottom:12%;display:flex;flex-direction:column;align-items:center;text-align:center}.cName{font-family:var(--hj);font-size:clamp(16px,4.6vw,20px);font-weight:600;color:var(--gold2);letter-spacing:.06em}.cPil{margin-top:auto;margin-bottom:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;width:100%}.cPil span{font-family:"Noto Serif KR",serif;font-weight:900;font-size:clamp(26px,8vw,36px);line-height:1.15;color:#e9cf86;text-shadow:0 1px 0 rgba(0,0,0,.6),0 0 14px rgba(240,199,94,.35)}.cPil span.me{color:#fff1c2}.cT{font-family:var(--hj);font-size:clamp(17px,5vw,22px);font-weight:800;color:#e9cf86;letter-spacing:.04em}#sCover .go{position:absolute;left:22px;right:22px;width:auto;bottom:calc(var(--sb) + 76px)}.again{position:absolute;left:22px;right:22px;bottom:calc(var(--sb) + 26px);height:44px;font-size:14px;color:var(--ink2);border:1px solid rgba(255,255,255,.18)}.toast{position:fixed;left:50%;bottom:calc(var(--sb) + 30px);transform:translateX(-50%);padding:10px 16px;background:rgba(20,20,26,.92);color:#fff;font-size:14px;opacity:0;transition:opacity .3s;pointer-events:none;z-index:9}.toast.on{opacity:1}@media(prefers-reduced-motion:reduce){.scr,.ov .t,.pil .c{transition:none}}#sStart{background:#04050a}#sStart .stBg{position:absolute;inset:0;background:radial-gradient(90% 60% at 50% 30%,rgba(217,180,90,.14),transparent 60%),#04050a}#sStart .stTx{position:absolute;left:0;right:0;bottom:0;padding:0 22px calc(var(--sb) + 30px)}#sStart h1{font-family:var(--hj);font-weight:800;font-size:clamp(40px,12vw,54px);line-height:1.12;margin:10px 0 12px}#sStart .alt{display:block;margin-top:12px;text-align:center;font-size:13.5px;color:var(--ink2);text-decoration:underline;text-underline-offset:3px}#sIn2{background:#05060b;overflow-y:auto}#sIn2 .inTx{position:relative;padding:calc(var(--sa) + 56px) 22px calc(var(--sb) + 30px)}#sIn2 .fl{display:block;margin:14px 0 6px;font-size:12.5px;font-weight:600;color:var(--mute)}#sIn2 .aIn{height:48px}#sIn2 .ck{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13.5px;color:var(--ink2)}#sIn2 .ck input{width:18px;height:18px;accent-color:var(--gold)}#sIn2 .hint{margin-top:6px;font-size:12px;line-height:1.6;color:var(--mute)}.dcard{position:absolute;left:0;right:0;top:38%;text-align:center;font-family:var(--hj);color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.95);opacity:0;transform:translateY(10px);transition:opacity 1s ease,transform 1.4s ease}.dcard.on{opacity:1;transform:none}.dcard b{display:block;font-size:clamp(30px,9vw,40px);font-weight:700;letter-spacing:-.01em}.dcard span{display:block;margin-top:10px;font-size:clamp(17px,5vw,21px);font-weight:500;color:var(--ink2)}.flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:5}.flash.on{animation:fl .9s ease-out forwards}@keyframes fl{0%{opacity:1}55%{opacity:1}100%{opacity:0}}.gly{position:absolute;left:0;right:0;top:34%;display:grid;grid-template-columns:repeat(4,72px);justify-content:center;gap:4px 10px;pointer-events:none}.gly span{font-family:"Noto Serif KR",serif;font-weight:900;font-size:56px;line-height:1.25;text-align:center;color:#e1d7c3;opacity:0;transform:scale(1.7);filter:blur(3px);transition:opacity .08s linear,transform .2s cubic-bezier(.2,.9,.3,1.2),filter .2s,color .8s,text-shadow .8s}.gly span.on{opacity:1;transform:scale(1);filter:none;text-shadow:0 0 18px rgba(240,199,94,.6)}.gly.iso span.on{opacity:.15;text-shadow:none}.gly.iso span.me{opacity:1;color:var(--gold2);transform:scale(1.16);text-shadow:0 0 30px rgba(240,199,94,.9),0 0 70px rgba(240,199,94,.5)}.gly.out{transition:opacity .6s;opacity:0}.cvo{position:absolute;left:0;right:0;top:58%;text-align:center;opacity:0;transition:opacity 1.2s ease}.cvo.on{opacity:1}.cvo b{display:block;font-family:var(--hj);font-size:clamp(30px,9vw,40px);font-weight:800;color:var(--gold2);text-shadow:0 2px 20px rgba(0,0,0,.9)}.cvo span{display:block;margin-top:8px;font-family:var(--hj);font-size:17px;font-weight:600;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.9)}.pq{margin-top:4px}.pq .q{padding:14px 0;border-top:1px solid rgba(255,255,255,.12)}.pq .q p{font-family:var(--hj);font-size:16px;font-weight:600;line-height:1.55;margin-bottom:10px;word-break:keep-all}.pq .q div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pq .q button{height:40px;border:1px solid rgba(217,180,90,.4);font-size:13.5px;color:var(--ink2)}.pq .q button.on{background:var(--gold);border-color:var(--gold);color:#1a1408;font-weight:700}#sDisc{background:#06070d}#sDisc .dBg{display:none}#sDisc{transition:opacity .5s ease}#sV video{transition:opacity .45s ease}#sV video.top{z-index:1}#sV .ov,#sV .sub{z-index:2}#sV.shk{animation:shk .22s linear}@keyframes shk{0%{transform:none}20%{transform:translate(3px,-2px)}45%{transform:translate(-3px,2px)}70%{transform:translate(2px,1px)}100%{transform:none}}.gly span{position:relative}.gly span::after{content:"";position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;border:1.5px solid rgba(240,199,94,.85);box-shadow:0 0 18px rgba(240,199,94,.5);opacity:0;transform:scale(.3);pointer-events:none}.gly span.on::after{animation:gRing .75s ease-out}@keyframes gRing{0%{opacity:.95;transform:scale(.3)}100%{opacity:0;transform:scale(1.9)}}.gly span.on{animation:gHit .5s ease-out}@keyframes gHit{0%{text-shadow:0 0 40px #fff,0 0 80px rgba(240,199,94,.9)}100%{text-shadow:0 0 18px rgba(240,199,94,.6)}}.gflash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 40%,rgba(255,236,190,.55),rgba(255,236,190,0) 60%);opacity:0}.gflash.on{animation:gf .9s ease-out}@keyframes gf{0%{opacity:1}100%{opacity:0}}.yr{position:absolute;left:0;right:0;top:40%;text-align:center;font-family:var(--hj);color:var(--gold2);opacity:0;transition:opacity .6s ease;pointer-events:none}.yr.on{opacity:1}.yr small{display:block;font-size:15px;font-weight:500;letter-spacing:.04em;color:var(--ink2);text-shadow:0 2px 14px rgba(0,0,0,.9)}.yr b{display:block;margin-top:6px;font-size:clamp(54px,17vw,76px);font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums;text-shadow:0 0 30px rgba(240,199,94,.55),0 2px 20px rgba(0,0,0,.8)}.yr.land b{animation:yrL 1.4s ease-out}@keyframes yrL{0%{transform:scale(1.06);text-shadow:0 0 34px rgba(255,240,200,.9)}100%{transform:none}}#sIn2{transition:opacity 1.4s ease}#sCover{transition:opacity 1.6s ease}.yr{top:calc(var(--sa,0px) + 12%)}.yr small{font-weight:600;color:#f3ead6;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 18px rgba(0,0,0,.9)}#sStart .stBg .stV{position:absolute;left:0;top:0;width:100%;height:78%;object-fit:cover;object-position:50% 30%}#sStart .stBg:after{content:"";position:absolute;left:0;right:0;top:0;height:100%;background:linear-gradient(180deg,rgba(4,5,10,.25) 0,rgba(4,5,10,0) 22%,rgba(4,5,10,.2) 45%,rgba(4,5,10,.92) 72%,#04050a 80%)}.jtt .g2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.jtt select{width:100%;height:46px;padding:0 10px;background:rgba(255,255,255,.06);border:1px solid rgba(217,180,90,.35);border-radius:0;color:var(--ink);font-size:15px;text-align:center;-webkit-appearance:none;appearance:none}.jtt select option{color:#111}.disc{touch-action:none}#sV .skip{z-index:4}.aBg{bottom:auto;height:58%;background-position:50% 18%}.aBg:after{background:linear-gradient(180deg,rgba(6,7,13,.05) 30%,rgba(6,7,13,.7) 70%,var(--bg) 100%)}#sAsk{background:var(--bg)}.aBox{max-height:calc(100% - var(--sa) - 64px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:40px;background:linear-gradient(180deg,rgba(6,7,13,0) 0,rgba(6,7,13,.92) 40px,var(--bg) 120px)}.aQ,.aH{text-shadow:0 1px 12px rgba(6,7,13,.9)}.gly.iso span.on{opacity:0;filter:blur(4px);transition:opacity .7s,filter .7s}.gMe{position:absolute;z-index:3;transform:translate(-50%,-50%);text-align:center;pointer-events:none;transition:left 1.1s cubic-bezier(.3,.9,.3,1),top 1.1s cubic-bezier(.3,.9,.3,1),opacity .6s}.gMe b{display:block;font-family:"Noto Serif KR",serif;font-weight:900;font-size:56px;line-height:1.2;color:var(--gold2);text-shadow:0 0 30px rgba(240,199,94,.9),0 0 70px rgba(240,199,94,.5);transition:transform 1.1s cubic-bezier(.3,.9,.3,1)}.gMe.on b{transform:scale(2.3)}.gMe p{margin-top:58px;font-family:var(--hj);font-size:19px;font-weight:600;color:var(--ink);opacity:0;transition:opacity .8s .7s;white-space:nowrap;text-shadow:0 2px 14px rgba(0,0,0,.9)}.gMe p small{display:block;margin-bottom:4px;font-family:var(--ui);font-size:12.5px;font-weight:600;letter-spacing:.12em;color:var(--gold)}.gMe.on p{opacity:1}.gMe.out{opacity:0}.gMe.low b{transform:scale(1.35)}.gMe.low p{margin-top:16px}.gMe.low::before{content:"";position:absolute;left:50%;top:50%;width:260px;height:220px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(6,7,13,.82),rgba(6,7,13,0));z-index:-1}