.skyline-hero{position:relative;overflow:hidden;padding:clamp(52px,8vw,105px) 0;background:radial-gradient(circle at 70% 22%,rgba(117,93,255,.28),transparent 34%),linear-gradient(140deg,#060918,#111933 52%,#24185c);color:#fff}.skyline-hero:after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,rgba(4,7,19,.75));pointer-events:none}.skyline-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:44px;align-items:center}.skyline-hero h1{max-width:760px;margin:.15em 0;font-size:clamp(3rem,8vw,7rem);line-height:.88;letter-spacing:-.07em}.skyline-hero p{max-width:720px;color:#cbd3ec;font-size:clamp(1.04rem,2vw,1.24rem)}.skyline-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.skyline-feature-list span{padding:15px 16px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.07);backdrop-filter:blur(12px);font-weight:800}.skyline-stage-section{padding-top:28px;background:#050714}.skyline-game-container{width:min(1500px,100%);margin:0 auto;padding:0 clamp(10px,2vw,24px)}.skyline-frame{position:relative;aspect-ratio:16/9;min-height:520px;max-height:82vh;overflow:hidden;border:1px solid rgba(150,166,255,.32);border-radius:24px;background:#030511;box-shadow:0 28px 80px rgba(0,0,0,.48)}#skylineCanvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.skyline-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,transparent 55%,rgba(0,0,0,.3) 100%)}.flight-hud{position:absolute;inset:0;pointer-events:none;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-shadow:0 2px 8px rgba(0,0,0,.8)}.hud-top-left,.hud-top-right,.hud-bottom-left,.hud-bottom-right{position:absolute;padding:clamp(12px,2vw,24px)}.hud-top-left{left:0;top:0;max-width:55%}.hud-top-right{right:0;top:0;text-align:right}.hud-bottom-left{left:0;bottom:28px;width:min(380px,48%)}.hud-bottom-right{right:0;bottom:28px;display:flex;gap:10px}.hud-brand{font-weight:950;letter-spacing:.12em;color:#b8afff;font-size:clamp(.72rem,1.6vw,1rem)}.mission-line{display:flex;flex-direction:column;margin-top:7px}.mission-line span,.score-line span,.meter-row span,.weapon-chip span{font-size:.65rem;letter-spacing:.1em;color:#aab4d3}.mission-line strong{font-size:clamp(.72rem,1.7vw,1.06rem)}.mission-progress{height:4px;width:min(330px,100%);margin-top:8px;background:rgba(255,255,255,.18);overflow:hidden}.mission-progress span{display:block;width:0;height:100%;background:#74f5c7;box-shadow:0 0 16px #74f5c7;transition:width .25s}.score-line strong{display:block;font-size:clamp(1.25rem,3.5vw,2.3rem)}.combo-line{display:inline-block;margin-top:5px;padding:5px 9px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(3,6,18,.55);font-size:.68rem;color:#ffdf72}.meter-row{display:grid;grid-template-columns:48px 1fr 34px;align-items:center;gap:8px;margin-top:6px}.meter{height:8px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.14);overflow:hidden;transform:skewX(-18deg)}.meter i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ff526f,#ffb55c);box-shadow:0 0 12px rgba(255,81,111,.7);transition:width .16s}.meter.shield i{background:linear-gradient(90deg,#35a9ff,#67f4ff)}.meter.boost i{background:linear-gradient(90deg,#8a6dff,#e8a9ff)}.meter-row b{font-size:.7rem}.weapon-chip{min-width:90px;padding:8px 10px;border:1px solid rgba(255,255,255,.18);background:rgba(5,8,25,.62);border-radius:10px;text-align:center}.weapon-chip strong{display:block;font-size:.9rem;color:#fff}.xp-bar{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:grid;grid-template-columns:auto minmax(150px,360px) auto;align-items:center;gap:9px;width:min(78%,650px);font-size:.68rem}.xp-bar>div{height:7px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);transform:skewX(-18deg);overflow:hidden}.xp-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#755dff,#e186ff);box-shadow:0 0 15px #a871ff}.boss-hud{position:absolute;left:50%;top:16px;transform:translateX(-50%);width:min(50%,520px);text-align:center}.boss-hud>div{height:10px;margin:4px 0;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);overflow:hidden}.boss-hud i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#f9375e,#ff9d3e)}.pickup-toast{position:absolute;left:50%;top:20%;transform:translate(-50%,-10px);padding:7px 13px;border-radius:999px;background:rgba(7,12,30,.78);border:1px solid rgba(255,255,255,.2);font-weight:900;opacity:0;transition:opacity .18s,transform .18s}.pickup-toast.is-visible{opacity:1;transform:translate(-50%,0)}.flight-overlay{position:absolute;inset:0;z-index:20;display:none;place-items:center;padding:18px;background:rgba(3,5,16,.64);backdrop-filter:blur(9px)}.flight-overlay.is-visible,.flight-overlay:not([hidden]){display:grid}.flight-overlay[hidden]{display:none!important}.flight-card{width:min(560px,94%);max-height:90%;overflow:auto;padding:clamp(22px,4vw,38px);border:1px solid rgba(255,255,255,.18);border-radius:24px;background:linear-gradient(145deg,rgba(15,20,48,.97),rgba(32,22,70,.97));color:#fff;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.55)}.flight-card h2{margin:.35em 0;font-size:clamp(2rem,6vw,4rem)}.flight-card p{color:#cbd3ec}.briefing-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0;text-align:left}.briefing-grid div{padding:10px 12px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.05)}.briefing-grid b,.briefing-grid span{display:block}.briefing-grid span{margin-top:2px;color:#aeb8d8;font-size:.8rem}.flight-start-button{width:100%;font-size:1.06rem}.text-button{margin-top:12px;border:0;background:transparent;color:#c5bcff;text-decoration:underline;cursor:pointer}.compatibility-note{font-size:.75rem}.upgrade-card-wrap{width:min(880px,96%)}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.upgrade-option{min-height:190px;padding:18px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.06);color:#fff;text-align:left;cursor:pointer;transition:transform .16s,border-color .16s,background .16s}.upgrade-option:hover,.upgrade-option:focus-visible{transform:translateY(-5px);border-color:#9b88ff;background:rgba(117,93,255,.18)}.upgrade-option span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#755dff;font-size:1.3rem}.upgrade-option strong{display:block;margin:14px 0 6px;font-size:1.05rem}.upgrade-option small{color:#bdc7e6;line-height:1.45}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.result-stats div{padding:11px 8px;border-radius:12px;background:rgba(255,255,255,.06)}.result-stats span,.result-stats strong{display:block}.result-stats span{font-size:.68rem;color:#aeb7d5}.result-stats strong{margin-top:4px;font-size:1.15rem}.sponsor-end-card{margin:18px 0;padding:17px;border:1px dashed rgba(255,255,255,.28);border-radius:14px;background:rgba(0,0,0,.18)}.sponsor-end-card>span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.63rem;color:#9da9ca}.sponsor-end-card strong{display:block;margin-top:7px}.sponsor-end-card p{font-size:.82rem}.result-actions{display:flex;gap:10px}.result-actions>*{flex:1}.mobile-flight-controls{position:absolute;z-index:10;inset:auto 12px 12px;display:none;align-items:end;justify-content:space-between;pointer-events:none}.touch-pad{position:relative;width:128px;height:128px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(3,8,25,.36);backdrop-filter:blur(4px);pointer-events:auto;touch-action:none}.touch-pad span{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);font-size:.58rem;letter-spacing:.12em;color:#9eabc9}.touch-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(120,99,255,.72);border:1px solid rgba(255,255,255,.45);box-shadow:0 0 25px rgba(117,93,255,.45)}.touch-actions{display:grid;gap:10px;pointer-events:auto}.touch-actions button{width:82px;height:58px;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:rgba(12,17,45,.72);color:#fff;font-weight:900;touch-action:none}.touch-actions button:active{background:#755dff}.skyline-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 4px;color:#c7cee2}.skyline-toolbar span{margin-left:auto;font-size:.86rem}.webgl-error{position:absolute;z-index:30;inset:0;display:grid;place-content:center;padding:30px;background:#080b1d;color:#fff;text-align:center}.webgl-error[hidden]{display:none!important}.game-ad-safe-zone{padding-top:160px}.skyline-stage-section+.game-article{background:#fff}.sponsor-canvas-label{font-family:Arial,sans-serif}.is-damage-flash:after{content:"";position:absolute;inset:0;pointer-events:none;background:rgba(255,32,64,.25);animation:damageFlash .3s ease-out}@keyframes damageFlash{to{opacity:0}}@media(max-width:900px){.skyline-hero-grid{grid-template-columns:1fr}.skyline-feature-list{max-width:620px}.skyline-frame{min-height:480px}.hud-bottom-right{display:none}.upgrade-grid{grid-template-columns:1fr}.upgrade-option{min-height:0}.upgrade-card-wrap{max-height:92%}.result-stats{grid-template-columns:1fr 1fr}}@media(max-width:720px),(pointer:coarse){.skyline-game-container{padding:0}.skyline-frame{min-height:500px;border-radius:0;max-height:75vh}.mobile-flight-controls{display:flex}.hud-bottom-left{bottom:148px;width:55%;padding:10px}.hud-top-left{max-width:68%;padding:10px}.hud-top-right{padding:10px}.xp-bar{bottom:140px;width:78%}.boss-hud{top:65px;width:75%}.flight-card{padding:20px}.briefing-grid{grid-template-columns:1fr}.skyline-toolbar{padding:12px}.skyline-toolbar .btn{min-height:42px;padding:8px 12px}.skyline-toolbar span{width:100%;margin-left:0}.result-actions{flex-direction:column}.game-ad-safe-zone{padding-top:150px}}@media(max-width:500px){.start-card .briefing-grid{display:none}.start-card h2{font-size:2rem}.start-card p{font-size:.86rem}.start-card{padding:18px;max-height:88%}.qualityButton{display:none}.skyline-feature-list{grid-template-columns:1fr}.skyline-frame{aspect-ratio:auto;height:68vh;min-height:480px}.hud-brand{display:none}.mission-line strong{font-size:.68rem}.meter-row{grid-template-columns:40px 1fr 28px}.touch-pad{width:112px;height:112px}.touch-actions button{width:74px;height:54px}.score-line strong{font-size:1.25rem}.combo-line{font-size:.58rem}}@media(prefers-reduced-motion:reduce){.upgrade-option,.pickup-toast,.meter i{transition:none}.skyline-vignette{display:none}}

/* Small-screen launch-card refinements: keep the primary action visible without internal scrolling. */
.flight-start-button:disabled{cursor:wait;opacity:.78}
@media (max-height:800px) and (min-width:501px){
  .flight-overlay{padding:10px}
  .start-card{max-height:calc(100% - 12px);padding:18px 24px}
  .start-card h2{font-size:clamp(2rem,5vw,3.15rem);margin:.2em 0}
  .start-card>p{margin:.45rem 0;font-size:.92rem;line-height:1.42}
  .start-card .briefing-grid{margin:12px 0 7px;gap:7px}
  .start-card .briefing-grid div{padding:8px 10px}
  .start-card .compatibility-note{margin:.55rem 0 .2rem;font-size:.72rem}
  .start-card .text-button{margin-top:5px}
}
@media (max-height:650px) and (min-width:501px){
  .start-card .briefing-grid{display:none}
  .start-card{width:min(540px,94%)}
}