
/* v45 public player discovery; no accounts or secret gameplay rules in this frontend. */
.v45-eyebrow{color:#e6c28d;text-transform:uppercase;letter-spacing:.21em;font-weight:850;font-size:11px}
.v45-hero{position:relative;min-height:480px;display:flex;align-items:center;border-bottom:1px solid #31464e;overflow:hidden;background:linear-gradient(95deg,rgba(6,13,23,.96) 0%,rgba(7,19,31,.9) 45%,rgba(8,19,27,.48) 100%),url('/assets/fleet/patrol-city.webp') center/cover}
.v45-hero .shell{width:100%;padding-top:90px;padding-bottom:85px;position:relative;z-index:2}.v45-hero h1{font-size:clamp(3rem,7vw,6.3rem);max-width:930px;margin:16px 0}.v45-hero h1 span{color:#efd094}.v45-hero p{font-size:1.17rem;max-width:710px;color:#d7e2df}.v45-pill{display:inline-block;padding:6px 11px;border:1px solid #5e827e;background:#172b32;border-radius:99px;color:#d1e8e0;font-size:12px}
.v45-section{padding:78px 0}.v45-section.alt{background:#10202b}.v45-section-title{font-size:clamp(2rem,4vw,3.7rem);max-width:790px;margin-top:12px}
.v45-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.v45-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.v45-card{background:linear-gradient(165deg,#142834,#0b1824);border:1px solid #37545a;border-radius:16px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.14);display:flex;flex-direction:column}.v45-card img{width:100%;height:185px;object-fit:cover}.v45-card-body{padding:22px;display:flex;flex-direction:column;gap:9px;flex:1}.v45-card h3{margin:0;font-size:1.25rem}.v45-card p{margin:0 0 8px;color:#b6cacf;flex:1}.v45-card a{color:#f1cf8a;font-weight:750;text-underline-offset:4px}
.v45-quiz{background:linear-gradient(125deg,#111f2d,#0d1924);border:1px solid #42635e;border-radius:18px;overflow:hidden;box-shadow:0 28px 75px #0004}.v45-quiz-top{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #2c4954;padding:20px 26px;background:#172b36}.v45-meter{height:6px;overflow:hidden;border-radius:20px;background:#243b42}.v45-meter-fill{background:#dec083;height:100%;width:16.6%;transition:width .2s}.v45-quiz-main{padding:32px;min-height:380px}.v45-quiz-main h2{font-size:clamp(1.7rem,3.2vw,2.7rem)}.v45-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:26px 0}.v45-option{border:1px solid #436169;border-radius:12px;background:#182b37;color:#eaf4f1;text-align:left;display:flex;align-items:flex-start;gap:12px;padding:19px;cursor:pointer;min-height:105px}.v45-option b{color:#debd80}.v45-option.selected{background:#2e3936;border-color:#e9c889;box-shadow:inset 0 0 0 1px #e9c889}.v45-option:hover{border-color:#cfaf80}.v45-option:disabled{cursor:not-allowed;opacity:.58}.v45-quiz-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:20px 32px;border-top:1px solid #344951}.v45-btn{border:1px solid #bfa574;padding:12px 21px;border-radius:8px;color:#101c24;font-weight:850;cursor:pointer;background:#dfbd80}.v45-btn.secondary{background:transparent;color:#d7dfdd;border-color:#45636b}.v45-btn:disabled{opacity:.4;cursor:not-allowed}.v45-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.v45-result-card{border-radius:12px;border:1px solid #426062;padding:18px;background:#172c37}.v45-result-card:first-child{border-color:#e2bf7d;background:#243333}.v45-result-card h3{margin:7px 0}.v45-result-card p{font-size:.92rem}.v45-result-card .v45-rank{color:#e8c587;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;font-weight:900}.v45-result-card a{font-weight:750;color:#f2d493}.v45-hidden{display:none!important}
.v45-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v45-step{border-top:3px solid #d9b77e;background:#142630;padding:26px 19px;border-radius:0 0 12px 12px}.v45-step .num{font-size:1.9rem;color:#e0bc79}.v45-step h3{margin:11px 0}.v45-step p{font-size:.93rem}
.v45-split{display:grid;grid-template-columns:1.04fr .96fr;gap:35px;align-items:center}.v45-feature-img{height:420px;width:100%;object-fit:cover;border:1px solid #40555c;border-radius:16px}.v45-note{border-left:3px solid #d6b376;background:#21313a;padding:17px 19px;border-radius:5px;color:#c7d9d8;font-size:.95rem}
.v45-checklist{display:grid;gap:12px;max-width:790px}.v45-checklist label{display:flex;gap:16px;align-items:flex-start;border:1px solid #3b555b;background:#182d38;padding:19px;border-radius:10px;cursor:pointer}.v45-checklist input{accent-color:#e3bf83;width:20px;height:20px;margin-top:3px;flex-shrink:0}.v45-checklist strong{display:block;color:#fff}.v45-checklist small{display:block;color:#b8cad0;font-size:.89rem;line-height:1.5}.v45-progress-label{font-weight:750;color:#e6cf9f}
.v45-scene-filter{display:flex;gap:8px;flex-wrap:wrap;margin:21px 0 27px}.v45-filter{border:1px solid #54716d;border-radius:35px;background:#1b343c;padding:9px 16px;color:#e4eeee;cursor:pointer}.v45-filter.active{background:#e0bf82;color:#14232b;border-color:#e0bf82}.v45-story{position:relative}.v45-story img{height:230px}.v45-story .v45-card-body{gap:9px}.v45-story .tag{align-self:flex-start}.v45-story[hidden]{display:none!important}.v45-story-prompt{font-size:.88rem;border-top:1px solid #354c52;padding-top:13px;color:#bdd3cb}.v45-story-cta{display:inline-flex;margin-top:8px;gap:9px}.v45-search{width:min(100%,600px);border:1px solid #50706f;background:#0a1b26;color:#fff;border-radius:8px;padding:14px 17px}.v45-empty{padding:28px;border:1px dashed #69837f;border-radius:12px;color:#d8e2d9}
.v45-nav-link{color:#f5d393!important}
@media(max-width:980px){.v45-grid,.v45-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.v45-journey{grid-template-columns:repeat(2,1fr)}.v45-result{grid-template-columns:1fr}}
@media(max-width:650px){.v45-section{padding:54px 0}.v45-quiz-main{padding:23px 18px;min-height:410px}.v45-options,.v45-grid,.v45-grid.four,.v45-journey,.v45-split{grid-template-columns:1fr}.v45-option{min-height:75px}.v45-quiz-top,.v45-quiz-controls{padding:15px 18px}.v45-hero{min-height:480px}.v45-hero .shell{padding-top:63px;padding-bottom:63px}.v45-hero h1{font-size:clamp(2.8rem,12vw,4rem)}.v45-feature-img{height:250px}}
@media(prefers-reduced-motion:reduce){.v45-meter-fill{transition:none}}
