:root{color-scheme:dark;--gold:#e7c28a;--muted:#ad9476}*{box-sizing:border-box}body{margin:0;background:#080605;color:var(--gold);font-family:Georgia,'Times New Roman',serif;min-height:100svh;display:flex;flex-direction:column;justify-content:center}.experience{position:relative;width:100%;max-width:2000px;aspect-ratio:1672/941;margin:auto;container-type:inline-size;isolation:isolate}.scene{position:absolute;inset:0;background:url('assets/lounge.png') center/100% 100% no-repeat;z-index:-1}.mobile-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.controls{position:absolute;left:38.05%;top:43.85%;width:23.9%;height:23.3%;background:radial-gradient(ellipse at center,#100b06 0%,#0d0905 60%,#0b0704 100%);box-shadow:0 0 12px 8px #0e0905}.countdown{display:grid;grid-template-columns:repeat(3,1fr);gap:1.45cqw}.unit{text-align:center}.digit{display:flex;justify-content:center;align-items:center;height:5.38cqw;border:1px solid #c7a267;border-radius:.48cqw;background:linear-gradient(140deg,#352519 0%,#0e0b08 72%);box-shadow:inset 0 0 9px #0009,0 4px 14px #0008;color:#f5dca8;font-family:Arial,sans-serif;font-variant-numeric:tabular-nums;font-size:4.18cqw;font-weight:600;line-height:1;text-shadow:0 2px 3px #000}.label{display:block;font-size:1.12cqw;line-height:1.4;margin-top:.4cqw;text-transform:uppercase;color:#e8dac2}.go{display:block;margin:1.58cqw auto 0;width:67.5%;height:4.1cqw;border:1px solid #f0d0a0;border-radius:.3cqw;background:linear-gradient(#3f0c06,#220500);color:#f6e0b4;font:600 1.72cqw Georgia,serif;letter-spacing:.33cqw;cursor:pointer;position:relative;box-shadow:inset 0 0 12px #100000}.go:after{content:'';position:absolute;height:2px;bottom:-1px;left:15%;width:70%;background:linear-gradient(90deg,transparent,#ff7b2b,transparent);box-shadow:0 0 9px #ef3c0b}.go:hover{background:linear-gradient(#621c0c,#370800);box-shadow:0 0 20px #d77e2938}.go:focus-visible,.exit:focus-visible{outline:2px solid #fff2d4;outline-offset:5px}.announcement{position:absolute;left:38%;top:69%;width:24%;text-align:center;font-size:1cqw;color:#e7cba2;text-shadow:0 2px 4px #000}.exit{position:absolute;right:20px;top:20px;border:1px solid #806746;background:#100b08e6;color:#f5dfb9;padding:10px 15px;cursor:pointer;font:12px Georgia}.experience:fullscreen{max-width:none;background:#080605;width:100vw;height:100vh;aspect-ratio:auto;container-type:normal}.experience:fullscreen .scene{background-size:cover}.experience.cinema{position:fixed;inset:0;z-index:10;margin:auto;background:#080605;max-width:none}.experience:fullscreen .controls{left:38.05%;top:43.85%}footer{display:flex;align-items:center;justify-content:center;gap:10px;min-height:45px;padding:12px 20px;font:10px Arial,sans-serif;letter-spacing:1.8px;color:#9f8769;flex-wrap:wrap}.live-dot{width:5px;height:5px;border-radius:50%;background:#c99a54;box-shadow:0 0 8px #d3a05a}.no-script{text-align:center}.complete .digit{color:#ffdf91}.complete .live-dot{background:#f1bd58}@media(min-width:701px){.experience:fullscreen{width:min(100vw,177.68vh);height:auto;aspect-ratio:1672/941;margin:auto;container-type:inline-size}.experience:fullscreen .scene{background-size:100% 100%}}
@media(max-width:700px){body{justify-content:flex-start}.experience{aspect-ratio:auto;min-height:calc(100svh - 65px);padding:32px 22px 26px;display:flex;flex-direction:column;align-items:center;container-type:normal}.scene{height:300px;top:135px;background-size:auto 300px;background-position:center;opacity:.85;mask-image:linear-gradient(transparent,#000 15%,#000 75%,transparent)}.mobile-title{position:relative;width:auto;height:auto;overflow:visible;clip-path:none;text-align:center;order:0;z-index:1;text-shadow:0 3px 12px #000}.mobile-title p{font:10px Arial,sans-serif;letter-spacing:4px;margin:9px 0}.mobile-title h1{font-size:clamp(27px,7.3vw,44px);font-weight:normal;margin:12px 0;background:linear-gradient(#fff1cc,#a87336);color:transparent;background-clip:text}.cross{font-size:26px}.mobile-title .subtitle{font:13px Georgia;letter-spacing:7px}.controls{position:relative;left:auto;top:auto;width:min(100%,380px);height:auto;margin-top:257px;background:transparent;box-shadow:none}.countdown{gap:14px}.digit{height:78px;border-radius:6px;font-size:49px}.label{font-size:12px;margin-top:9px;letter-spacing:1px}.go{margin-top:27px;height:54px;width:78%;font-size:21px;letter-spacing:5px;border-radius:4px}.announcement{position:static;width:auto;min-height:18px;margin:19px 0 0;font-size:13px}.exit{top:8px;right:8px;padding:7px;font-size:10px}footer{font-size:9px;letter-spacing:1px;gap:8px}.separator{display:none}footer time{width:100%;text-align:center}.experience.cinema{overflow:auto}.experience:fullscreen .controls{left:auto;top:auto}.experience:fullscreen .scene{background-size:auto 300px}}
@media(prefers-reduced-motion:no-preference){.go{transition:background .25s,box-shadow .25s}.live-dot{animation:pulse 3s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}}

@media(max-width:700px){.scene,.experience:fullscreen .scene{background:none}.scene:before,.scene:after{content:"";position:absolute;top:0;bottom:0;width:50%;background-image:url("assets/lounge.png");background-size:auto 300px;background-repeat:no-repeat}.scene:before{left:0;background-position:left center;mask-image:linear-gradient(90deg,#000 80%,transparent)}.scene:after{right:0;background-position:right center;mask-image:linear-gradient(270deg,#000 80%,transparent)}}