:root{color:#eee8da;background:#07090c;font-family:Inter,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.release-shell{position:relative;isolation:isolate;width:100%;height:100vh;height:100dvh;min-height:100dvh;overflow:hidden;display:grid;grid-template-rows:auto auto auto 1fr auto;justify-items:center;padding:max(16px,env(safe-area-inset-top)) clamp(16px,4vw,64px) max(16px,env(safe-area-inset-bottom));background:#080a0e}.release-background{position:absolute;inset:0;z-index:-2;background:center/cover no-repeat url(/release-assets/v003/dowars-hero-mobile-720.webp);animation:hero-breathe 24s ease-out both}.release-background:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 43%,#06081200 34%,#05070f47),linear-gradient(180deg,#0709147a,#06081133 31%,#0608106b 70%,#05070ddb)}.masthead{width:100%;display:flex;justify-content:space-between;align-items:center;color:#c9c1b0;font-size:8px;font-weight:700;letter-spacing:.23em;text-transform:uppercase}.masthead-brand{display:flex;align-items:center;gap:8px}.masthead img{width:20px;height:20px;object-fit:contain}.identity{display:flex;flex-direction:column;align-items:center;text-align:center}.identity picture{display:block}.title-logo{display:block;width:min(76vw,296px);height:auto;margin:14px 0 18px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.65))}.genre{margin:0;color:#d0b176;font-size:9px;font-weight:700;letter-spacing:.25em;text-transform:uppercase}.tagline{margin:16px 0 0;color:#f0ebdf;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,6.5vw,26px);line-height:.98;text-shadow:0 3px 12px #000}.trailer-zone{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:20px}.trailer-zone h2{margin:18px 0 0;color:#cfc7b8;font-family:Georgia,Times New Roman,serif;font-size:10px;font-weight:400;letter-spacing:.34em;text-transform:uppercase}.trailer-presentation{width:min(94vw,740px)}.cinema-frame{position:relative;width:100%;aspect-ratio:1672/1106;filter:drop-shadow(0 14px 26px rgba(0,0,0,.82))}.cinema-aperture{position:absolute;left:7.8947368421%;top:15.9132007233%;width:84.2105263158%;height:71.6094032549%;z-index:1;overflow:hidden;background:#0c0e13}.youtube-crop{position:absolute;inset:0;overflow:hidden;pointer-events:none}.youtube-crop iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;pointer-events:none!important}.trailer-presentation[data-player-state=blocked] .youtube-crop{pointer-events:auto}.trailer-presentation[data-player-state=blocked] .youtube-crop iframe{pointer-events:auto!important;cursor:pointer}.local-poster{position:absolute;inset:0;z-index:3;overflow:hidden;opacity:1;transition:opacity .35s ease}.trailer-presentation[data-player-state=blocked] .local-poster{pointer-events:none}.local-poster.is-hidden{opacity:0;pointer-events:none;transition-delay:.25s}.local-poster img{width:100%;height:100%;object-fit:cover}.poster-shade{position:absolute;inset:0;background:linear-gradient(180deg,#080a0e0d,#080a0e52)}.native-entry{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:190px;padding:12px 16px;border:1px solid rgba(197,158,91,.72);color:#e5d7b8;background:#0c0b0cdb;box-shadow:0 8px 30px #000000b8,inset 0 0 18px #8b261c33;font-size:9px;font-weight:700;letter-spacing:.2em;text-align:center;text-transform:uppercase;pointer-events:none}.native-entry span{margin-right:9px;color:#b89555;font-size:7px}.custom-controls button:focus-visible{outline:2px solid #f1d69d;outline-offset:3px}.ornate-frame{position:absolute;inset:0;z-index:4;width:100%;height:100%;pointer-events:none}.ornate-frame img{position:relative;z-index:4;display:block;width:100%;height:100%;object-fit:fill}.custom-controls{display:flex;justify-content:center;gap:22px;min-height:18px;margin-top:10px}.custom-controls button{padding:0;border:0;color:#cfb678;background:transparent;font-size:8px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;cursor:pointer}.custom-controls button:disabled{visibility:hidden}.finale{align-self:end;display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:12px;text-transform:uppercase}.finale span{color:#cfc5b3;font-family:Georgia,Times New Roman,serif;font-size:8px;letter-spacing:.28em}.finale strong{color:#e4dccb;font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:400;letter-spacing:.31em;text-indent:.31em;text-shadow:0 2px 12px #000}@media(max-width:759px){.release-shell{padding-bottom:max(36px,env(safe-area-inset-bottom))}.trailer-zone{margin-top:40px}.trailer-presentation{width:min(78vw,330px)}.cinema-aperture{overflow:clip;clip-path:inset(0);-webkit-clip-path:inset(0);contain:paint;isolation:isolate}.trailer-zone,.finale{transform:translateY(-28px)}}@media(max-width:350px){.title-logo{width:246px;margin-top:12px;margin-bottom:14px}.tagline{margin-top:14px;font-size:22px}.trailer-zone{margin-top:18px}.trailer-zone h2{margin-top:14px}.custom-controls{margin-top:8px}}@media(min-width:760px){.release-shell{grid-template-columns:minmax(340px,520px) minmax(480px,820px);grid-template-rows:auto 1fr auto;column-gap:clamp(44px,7vw,118px);align-items:center;padding:clamp(28px,5vh,64px) clamp(44px,6vw,100px)}.release-background{background-image:url(/release-assets/v003/dowars-hero-desktop-1600.webp);background-position:center}.masthead{grid-column:1/-1;align-self:start;font-size:9px}.masthead img{width:24px;height:24px}.identity{grid-column:1;grid-row:2;align-items:flex-start;text-align:left}.title-logo{width:min(39vw,520px);margin:0 0 30px -3%}.genre{font-size:10px}.tagline{margin-top:24px;font-size:clamp(32px,3.1vw,50px);line-height:1.02}.trailer-zone{grid-column:2;grid-row:2;margin:0}.trailer-presentation{width:100%;max-width:820px}.trailer-zone h2{margin-top:24px;font-size:11px}.custom-controls{margin-top:14px}.finale{grid-column:1/-1;grid-row:3;align-self:end;margin:0}.finale span{font-size:9px}.finale strong{font-size:20px}}@keyframes hero-breathe{0%{transform:scale(1.035)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
