.start-page{padding-bottom:12px;background:linear-gradient(90deg,#1a1a1a,#2a2a2a 8%,#242424 18% 82%,#2a2a2a 92%,#1a1a1a)}
.start-page .game-top{padding-top:0}.start-page .game-brand{height:31px;border-color:#555;background:linear-gradient(#292a2a,#111)}
.start-hero{position:relative;overflow:hidden;height:304px;border:1px solid #555;border-radius:0 0 8px 8px;background:#101416;box-shadow:0 2px 7px #000}
.start-scene{position:absolute;inset:0 0 52px;overflow:hidden;background:#0b0d0e}
.start-scene__background{position:absolute;inset:-14% -9%;width:118%;height:128%;object-fit:cover;object-position:center 58%;animation:start-camera 18s ease-in-out infinite alternate}
.start-scene__sky-window{position:absolute;z-index:1;top:0;right:10%;bottom:47%;left:12%;contain:paint;isolation:isolate;overflow:clip;clip-path:inset(0);pointer-events:none;transform:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.start-scene__cloud-layer{position:absolute;width:200%;height:100%;background-image:url('assets/start-clouds-v2.png');background-repeat:repeat-x;background-position:0 center;background-size:50% auto;will-change:transform}
.start-scene__cloud-layer--far{top:-22%;left:0;opacity:.32;filter:brightness(.61) saturate(.64) blur(.7px);animation:start-clouds-v2-far 68s linear infinite}
.start-scene__cloud-layer--near{top:-4%;left:-100%;opacity:.2;filter:brightness(.52) saturate(.58) blur(1.3px);animation:start-clouds-v2-near 48s linear infinite}
.start-scene__haze{position:absolute;z-index:1;inset:18% 18% 42%;overflow:clip;background:radial-gradient(ellipse at 30% 70%,#88969f55,transparent 48%),radial-gradient(ellipse at 72% 55%,#b6a98b42,transparent 42%);filter:blur(9px);clip-path:inset(0);transform:none}
.start-scene__distant-battle{position:absolute;z-index:3;top:38%;right:10%;left:12%;height:25%;overflow:hidden;pointer-events:none;clip-path:inset(0)}
.start-scene__firefight{display:block;width:100%;height:100%}
.start-scene__wreck-smoke{position:absolute;z-index:4;top:54%;width:34px;height:1px;overflow:visible;pointer-events:none;transform:translateX(-50%)}
.start-scene__wreck-smoke--left{left:20%}.start-scene__wreck-smoke--right{left:75%}
.start-scene__wreck-smoke::after{position:absolute;left:50%;bottom:1px;width:13px;height:4px;border-radius:50%;background:radial-gradient(ellipse,#e46b2470 0 16%,#a33b1838 42%,transparent 74%);filter:blur(1px);content:"";transform:translateX(-50%);animation:start-wreck-ember 2.8s ease-in-out infinite alternate}
.start-scene__wreck-smoke i{position:absolute;left:50%;bottom:2px;width:15px;height:18px;border-radius:50%;opacity:0;background:radial-gradient(ellipse at 50% 65%,#090b0cf2 0 22%,#1b1e20d9 43%,#484b4d66 62%,transparent 76%);filter:blur(2px);transform:translateX(-50%);animation:start-wreck-smoke-left 6.4s ease-out infinite}
.start-scene__wreck-smoke i:nth-child(2){width:19px;height:22px;animation-delay:-2.15s}.start-scene__wreck-smoke i:nth-child(3){width:13px;height:17px;animation-delay:-4.3s}
.start-scene__wreck-smoke--right i{animation-name:start-wreck-smoke-right;animation-duration:7.1s}.start-scene__wreck-smoke--right i:nth-child(2){animation-delay:-2.35s}.start-scene__wreck-smoke--right i:nth-child(3){animation-delay:-4.7s}
.start-scene__searchlight{position:absolute;z-index:3;left:41%;top:-35%;width:22%;height:145%;opacity:.28;background:linear-gradient(100deg,transparent 5%,#ffe0a766 50%,transparent 92%);filter:blur(12px);transform:rotate(8deg);transform-origin:50% 0;animation:start-searchlight 9s ease-in-out infinite alternate}
.start-scene__smoke{position:absolute;z-index:5;inset:0 18% 42%;overflow:clip;clip-path:inset(0)}.start-scene__smoke i{position:absolute;left:31%;bottom:-16%;width:130px;height:90px;border-radius:50%;background:radial-gradient(ellipse,#98a1a572,transparent 68%);filter:blur(9px);opacity:0;animation:start-smoke 10s ease-out infinite}.start-scene__smoke i:nth-child(2){left:52%;animation-delay:-3.5s}.start-scene__smoke i:nth-child(3){left:68%;animation-delay:-7s}
.start-scene__vignette{position:absolute;z-index:7;inset:0;background:linear-gradient(#0004,transparent 24% 66%,#000a),linear-gradient(90deg,#0008,transparent 24% 76%,#0008);pointer-events:none}
.start-hero__caption{position:absolute;z-index:8;left:0;right:0;bottom:0;height:55px;padding:5px 12px 7px;border-top:1px solid #6c5a39;background:linear-gradient(#292a2be8,#141515f5);text-align:center;text-shadow:0 1px 2px #000}.start-hero__caption span{color:#d4b879;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.start-hero__caption h1{margin:2px 0 0;color:#f3f3f0;font-size:19px;line-height:22px}
.start-pause{position:absolute;z-index:10;right:8px;top:8px;width:30px;height:30px;padding:0;border:1px solid #827252;border-radius:50%;background:#191a1dcc;color:#f4d465;box-shadow:inset 0 0 0 2px #0007,0 1px 3px #000;font-size:15px;font-weight:700}.start-pause:hover{filter:brightness(1.15)}
.start-features{display:grid;gap:5px;margin-top:6px}.start-feature{display:grid;grid-template-columns:45px 1fr;align-items:center;min-height:61px;padding:7px 9px;border:1px solid #3b3c3e;border-radius:8px;background:linear-gradient(110deg,#2d2e30,#232425);box-shadow:0 1px 2px #0008}.start-feature__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid #171717;border-radius:50%;background:radial-gradient(circle at 38% 30%,#666,#242526 58%,#111);color:#d4b879;text-shadow:0 1px #000;font-size:20px}.start-feature h2{margin:0;color:#d4b879;font-size:15px}.start-feature p{margin:2px 0 0;color:#e9eaec;font-size:12px;line-height:14px}
.start-button{display:flex;align-items:center;justify-content:center;width:calc(100% - 48px);margin:8px auto 0;text-decoration:none}.start-note{max-width:330px;margin:7px auto 0;color:#999;text-align:center;font-size:11px;line-height:14px}.start-footer{padding-bottom:4px}
.start-page.is-paused .start-scene *{animation-play-state:paused!important}
@keyframes start-camera{0%{transform:scale(1.01) translate(-1.2%,0)}100%{transform:scale(1.08) translate(1.2%,-1.2%)}}
@keyframes start-clouds-v2-far{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes start-clouds-v2-near{from{transform:translate3d(0,0,0)}to{transform:translate3d(50%,0,0)}}
@keyframes start-haze{0%{transform:translateX(-8%);opacity:.42}100%{transform:translateX(8%);opacity:.72}}
@keyframes start-searchlight{0%{transform:rotate(-8deg);opacity:.16}100%{transform:rotate(11deg);opacity:.34}}
@keyframes start-smoke{0%{opacity:0;transform:translate(0,15px) scale(.7)}18%{opacity:.32}100%{opacity:0;transform:translate(-55px,-220px) scale(2.2)}}
@keyframes start-wreck-smoke-left{0%{opacity:0;transform:translate(-50%,3px) scale(.55)}15%{opacity:.62}55%{opacity:.4}100%{opacity:0;transform:translate(-78%,-54px) scale(1.45)}}
@keyframes start-wreck-smoke-right{0%{opacity:0;transform:translate(-50%,3px) scale(.52)}16%{opacity:.58}58%{opacity:.38}100%{opacity:0;transform:translate(-28%,-50px) scale(1.38)}}
@keyframes start-wreck-ember{0%{opacity:.32;transform:translateX(-50%) scaleX(.78)}100%{opacity:.72;transform:translateX(-50%) scaleX(1.18)}}
@media(max-width:390px){.start-hero{height:288px}.start-scene{bottom:53px}.start-hero__caption{height:56px}.start-hero__caption h1{font-size:17px;line-height:20px}.start-feature{grid-template-columns:42px 1fr;padding-inline:7px}.start-button{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.start-scene *{animation:none!important}.start-pause{display:none}}