*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Arial,Helvetica,sans-serif;background:#f3f3ed;color:#222}.stage{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;isolation:isolate}.hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.page-link{position:absolute;inset:0;z-index:1}.brand{position:absolute;right:10px;top:10px;width:min(642px,45vw);height:80px;background:url('/assets/logo-panel.png') center/100% 100%;display:flex;align-items:center;justify-content:flex-end;padding-right:80px;z-index:2;pointer-events:none}.brand img{width:227px;max-width:65%;height:auto}.composition{position:absolute;width:min(1379px,94vw,150vh);aspect-ratio:1839/1050;left:50%;bottom:3.4vh;transform:translateX(-50%);z-index:2;pointer-events:none}.title-art{display:block;width:100%;height:100%;object-fit:contain}.primary{position:absolute;left:50%;bottom:6.35%;transform:translateX(-50%);width:38.87%;pointer-events:auto}.cta{position:relative;display:flex;align-items:center;gap:3%;width:100%;min-height:58px;aspect-ratio:536/97;padding:2% 5%;border:0;border-bottom:3px solid #f1f400;border-right:2px solid #f1f400;border-radius:11px;background:repeating-radial-gradient(ellipse at 10% -30%,transparent 0 14px,#ffffff04 15px 16px,transparent 17px 28px),linear-gradient(135deg,#222,#373737);color:#fff;text-decoration:none;font-weight:700;box-shadow:0 5px 24px #0003;overflow:hidden;transition:transform .22s,box-shadow .22s;animation:glow 3s ease-in-out infinite}.label{flex:1;text-align:center;font-size:clamp(16px,1.42vw,28px);line-height:1.14;position:relative;z-index:1}.steam{flex:0 0 17%;aspect-ratio:1;background-image:url('/assets/steam-button.png');background-size:766% 139%;background-position:7.5% 50%;border-radius:50%;position:relative;z-index:1}.arrow{color:#ffff00;font-size:clamp(28px,3vw,57px);line-height:1;font-weight:900;animation:arrow 1.9s ease-in-out infinite}.cta:after{content:"";position:absolute;inset:-80% -30%;background:linear-gradient(100deg,transparent 42%,#ffffff35 50%,transparent 58%);transform:translateX(-90%);animation:sheen 4s ease-in-out infinite;pointer-events:none}.cta:hover{transform:translateY(-3px);box-shadow:0 8px 30px #d9df0070}.cta:focus-visible,button:focus-visible{outline:3px solid #172747;outline-offset:5px}footer{position:absolute;bottom:5px;left:0;width:100%;text-align:center;font-size:10px;padding:2px 10px;background:#ffffff9c;pointer-events:none;z-index:2}dialog{padding:0;border:1px solid #e9ee5c;border-radius:12px;width:min(900px,92vw);height:min(550px,86dvh);max-height:86dvh;overflow:hidden;background:#151b23;box-shadow:0 25px 100px #0008;color:#fff}dialog::backdrop{background:#111b;backdrop-filter:blur(7px)}.exit-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}.exit-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:32px;background:linear-gradient(transparent 20%,#111a 65%,#111e)}.exit-logo{width:210px;filter:invert(1);margin-bottom:10px}h2{text-align:center;font-size:clamp(23px,3vw,36px);max-width:650px;margin:0 0 22px;text-shadow:0 2px 12px #0008}.exit-copy .cta{width:min(480px,100%);flex-shrink:0}.exit-copy .label{font-size:clamp(17px,2vw,28px)}#closeExit{position:absolute;top:12px;right:12px;z-index:3;border:1px solid #fff6;background:#131722b0;border-radius:50%;color:white;width:40px;height:40px;font-size:29px;cursor:pointer}#notice{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#171d28;color:#fff;padding:16px 22px;border-radius:8px;width:max-content;max-width:90vw;z-index:10;box-shadow:0 4px 24px #0005;text-align:center}
.spark{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff700;box-shadow:0 0 10px 3px rgba(255,240,0,.85),0 0 3px 1px #fff;z-index:2;pointer-events:none;transform:translate(-50%,-50%);animation:spark-tour 4.5s linear infinite}
@keyframes spark-tour{0%{left:0;top:0}25%{left:100%;top:0}50%{left:100%;top:100%}75%{left:0;top:100%}100%{left:0;top:0}}
@keyframes sheen{0%,55%{transform:translateX(-90%)}90%,100%{transform:translateX(90%)}}@keyframes arrow{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}}@keyframes glow{0%,100%{box-shadow:0 5px 24px #0003}50%{box-shadow:0 6px 34px #d9df0080}}
@media(max-width:650px) and (orientation:portrait){.hero{object-position:49% center}.brand{right:0;top:8px;width:78vw;height:56px;padding-right:22px}.brand img{width:165px}.composition{width:150vw;bottom:8vh}.primary{width:57%;bottom:1%}.cta{min-height:62px}.label{font-size:clamp(18px,4.9vw,27px)}.arrow{font-size:40px}.exit-copy{padding:24px 18px}.exit-logo{width:170px}.exit-copy .cta{min-height:64px}footer{font-size:9px;padding:4px 10px}}
@media(max-height:500px) and (orientation:landscape){.brand{height:45px;width:300px;padding-right:25px}.brand img{width:150px}.composition{width:145vh;bottom:3vh}.primary{width:49%;bottom:4%}.cta{min-height:42px}.label{font-size:16px}.arrow{font-size:28px}.exit-copy{padding:15px}.exit-copy .cta{width:320px;min-height:50px}.exit-logo{display:none}h2{margin-bottom:12px;font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}