:root{--bg: #000;--cream: #f5ecd2;--cream-soft: #ece2c2;--red: #c0392b;--red-glow: rgba(220, 65, 50, .85);--accent: #e53935;--font-display: "Montserrat", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font-ui: "Montserrat", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#app,#app *{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}html,body{margin:0;padding:0;background:var(--bg);color:var(--cream);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none}body{width:100%;min-height:100svh;display:flex;justify-content:center;align-items:center;overflow:hidden}#app{position:relative;width:100vw;height:100svh;overflow:hidden;cursor:pointer;--scale: 1;--offset-x: 0px;--offset-y: 0px}#stage{position:absolute;inset:0}#stage canvas{display:block;width:100%;height:100%}img,canvas,video{-webkit-user-drag:none;user-drag:none;pointer-events:none}#loading-screen{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px;background:linear-gradient(180deg,#000000d6,#000000f5),#000;opacity:1;transition:opacity .32s ease,visibility .32s ease}#loading-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-screen__logo{width:min(58vw,220px);height:auto;filter:drop-shadow(0 12px 30px rgba(0,0,0,.72))}.loading-screen__copy{font-family:var(--font-display);font-size:12px;font-weight:800;line-height:1.2;letter-spacing:.16em;text-align:center;text-transform:uppercase;color:#ffffffdb;text-shadow:0 2px 18px rgba(0,0,0,.72)}.loading-screen__bar{width:min(54vw,190px);height:3px;overflow:hidden;border-radius:999px;background:#ffffff2e}#loading-fill{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#aed08fb8,#fff);box-shadow:0 0 18px #aed08f85;transition:transform .22s ease}.loading-screen__error{max-width:260px;margin:0;font-size:12px;font-weight:700;line-height:1.4;text-align:center;color:#ffffffd1}.loading-screen__retry{min-height:38px;padding:0 22px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:#ffffff14;color:#fff;font-family:var(--font-ui);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}#hud-frame{position:absolute;left:var(--offset-x);top:var(--offset-y);width:406px;height:879px;transform:scale(var(--scale));transform-origin:top left;pointer-events:none;z-index:4}#hud-logo{position:absolute;left:20%;top:7%;width:60%;height:auto;filter:drop-shadow(0 10px 28px rgba(0,0,0,.65));opacity:0;transition:opacity .36s ease}#hud-logo.is-visible{opacity:1}#hud-logo[hidden]{display:none}#hud-instruction{position:absolute;left:0;right:0;bottom:104px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--font-display);color:var(--cream);opacity:0;transition:opacity .36s ease}#hud-instruction.is-visible{opacity:1}#hud-instruction[hidden]{display:none}.instruction-line{display:block;font-size:16px;font-weight:700;letter-spacing:.04em;line-height:1.15;text-shadow:0 2px 18px rgba(0,0,0,.8),0 0 28px rgba(0,0,0,.45)}.instruction-line--accent{font-size:20px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.85),0 0 36px rgba(192,57,43,.35);animation:instr-glow 2.8s ease-in-out infinite}@keyframes instr-glow{0%,to{text-shadow:0 2px 20px rgba(0,0,0,.85),0 0 24px rgba(192,57,43,.25)}50%{text-shadow:0 2px 20px rgba(0,0,0,.85),0 0 48px rgba(220,65,50,.6),0 0 84px rgba(220,65,50,.25)}}#hud-progress{position:absolute;left:50%;bottom:54px;width:156px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;opacity:0;visibility:hidden;transition:opacity .22s ease,transform .22s ease,visibility .22s ease}#hud-progress.is-visible{opacity:.74;visibility:visible}#hud-progress.is-visible.is-active{opacity:1;transform:translate(-50%) translateY(-1px)}#hud-progress-label{font-family:var(--font-ui);font-size:9px;font-weight:700;line-height:1;letter-spacing:.18em;text-transform:uppercase;color:#ffffffd1;text-shadow:0 2px 14px rgba(0,0,0,.75)}.progress-rail{width:100%;height:3px;border-radius:999px;overflow:hidden;background:#ffffff38;box-shadow:0 0 0 1px #00000038,0 7px 20px #00000073}#hud-progress-fill{display:block;width:100%;height:100%;border-radius:inherit;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#f5ecd2bd,#fff);box-shadow:0 0 18px #f5ecd28c;transition:transform .12s linear;will-change:transform}#hud-countdown{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none}#hud-countdown[hidden]{display:none}.countdown-lead{font-family:var(--font-display);font-weight:800;font-size:18px;line-height:1.15;letter-spacing:.08em;color:#fff;text-transform:uppercase;text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.85),0 0 34px rgba(220,65,50,.45)}.countdown-digit{font-family:var(--font-display);font-weight:900;font-size:170px;line-height:1;color:var(--cream);text-shadow:0 0 30px rgba(245,236,210,.45),0 0 70px rgba(245,236,210,.2),0 16px 40px rgba(0,0,0,.85);animation:digit-pop 1s cubic-bezier(.18,.86,.34,1.13) forwards}@keyframes digit-pop{0%{transform:scale(.5);opacity:0;letter-spacing:0}18%{transform:scale(1.18);opacity:1;letter-spacing:.02em}55%{transform:scale(1);opacity:1;letter-spacing:0}to{transform:scale(.82);opacity:0;letter-spacing:0}}.countdown-letgo{font-family:var(--font-display);font-weight:900;font-size:56px;letter-spacing:.08em;color:#fff;text-transform:uppercase;animation:letgo-in .48s cubic-bezier(.2,.8,.3,1.2) forwards,letgo-glow 1.6s ease-in-out .48s infinite alternate}@keyframes letgo-in{0%{transform:scale(.72);opacity:0}55%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@keyframes letgo-glow{0%{text-shadow:0 0 20px rgba(220,65,50,.45),0 0 50px rgba(220,65,50,.2),0 12px 30px rgba(0,0,0,.85)}to{text-shadow:0 0 36px rgba(220,65,50,.95),0 0 86px rgba(220,65,50,.55),0 0 140px rgba(220,65,50,.25),0 12px 30px rgba(0,0,0,.85)}}#hud-failure{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1406068c,#000000d9 75%);-webkit-backdrop-filter:blur(14px) saturate(110%);backdrop-filter:blur(14px) saturate(110%);z-index:8;animation:failure-fade-in .42s ease forwards;padding:24px}#hud-failure[hidden]{display:none}@keyframes failure-fade-in{0%{opacity:0}to{opacity:1}}.failure-card{text-align:center;max-width:340px;display:flex;flex-direction:column;align-items:center;gap:18px}.failure-card__rule{width:140px;height:1px;background:linear-gradient(to right,transparent,rgba(220,65,50,.7) 50%,transparent);box-shadow:0 0 18px #dc413273}.failure-card__title{margin:0;font-family:var(--font-display);font-weight:900;font-size:48px;letter-spacing:.18em;color:#fff;text-transform:uppercase;text-shadow:0 0 24px rgba(220,65,50,.55),0 0 60px rgba(220,65,50,.3),0 6px 24px rgba(0,0,0,.8);animation:title-pulse 2.4s ease-in-out infinite}@keyframes title-pulse{0%,to{text-shadow:0 0 24px rgba(220,65,50,.45),0 0 60px rgba(220,65,50,.2),0 6px 24px rgba(0,0,0,.8)}50%{text-shadow:0 0 40px rgba(220,65,50,.8),0 0 90px rgba(220,65,50,.45),0 6px 24px rgba(0,0,0,.8)}}.failure-card__sub{margin:0;font-family:var(--font-ui);font-size:14px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:#f5ecd2b3;animation:sub-pulse 1.6s ease-in-out infinite}@keyframes sub-pulse{0%,to{opacity:.45}50%{opacity:1}}#play-button{position:absolute;left:50%;top:50%;width:calc(78px * var(--scale));height:calc(78px * var(--scale));margin:calc(-39px * var(--scale)) 0 0 calc(-39px * var(--scale));border-radius:50%;border:none;background:var(--accent);box-shadow:0 12px 32px #e5393573,0 0 0 6px #e539352e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;z-index:6}#play-button:hover{transform:scale(1.06)}#play-button:active{transform:scale(.96)}#play-button[hidden]{display:none}.play-button__triangle{width:0;height:0;margin-left:6px;border-top:calc(14px * var(--scale)) solid transparent;border-bottom:calc(14px * var(--scale)) solid transparent;border-left:calc(22px * var(--scale)) solid #fff}#trailer-embed{position:absolute;overflow:hidden;background:#000;opacity:0;z-index:5;box-shadow:0 18px 50px #00000080,0 0 0 1px #ffffff14;transition:opacity .22s ease}#trailer-embed[hidden]{display:none}#trailer-embed.is-visible{opacity:1}#trailer-iframe{display:block;width:100%;height:100%;border:0;background:#000}#trailer-missing{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:calc(12px * var(--scale));text-align:center;pointer-events:none;z-index:6;animation:failure-fade-in .42s ease forwards}#trailer-missing[hidden]{display:none}.trailer-missing__rule{width:calc(120px * var(--scale));height:1px;background:linear-gradient(to right,transparent,rgba(245,236,210,.5) 50%,transparent)}.trailer-missing__title{margin:0;font-family:var(--font-display);font-weight:900;font-size:calc(32px * var(--scale));letter-spacing:.22em;color:var(--cream);text-transform:uppercase;text-shadow:0 0 24px rgba(245,236,210,.3),0 4px 18px rgba(0,0,0,.8)}.trailer-missing__sub{margin:0;font-family:var(--font-ui);font-size:calc(12px * var(--scale));font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:#f5ecd28c}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}