/* LEGEND: Roads of Ashmere - final v0.9.x title/menu composition */
:root{
  --legend-bg:#030604;
  --legend-ink:#07100c;
  --legend-panel:rgba(8,13,10,.88);
  --legend-panel-solid:#101914;
  --legend-gold:#ffd369;
  --legend-gold-soft:#ffe7a6;
  --legend-text:#eef9f0;
  --legend-muted:#b8c9bd;
  --legend-line:rgba(255,211,105,.22);
  --legend-red:#d85f4f;
  --title-bg-image:url('../assets/title/title_bg_ashmere_road_v1.jpg');
}

body{background:#030604}
.title-v09x-final,.title-v09x-final *{box-sizing:border-box}
.title-wrap{
  min-height:100svh;
  padding:clamp(14px,3vw,34px);
  display:grid;
  place-items:center;
  position:relative;
  isolation:isolate;
  overflow:auto;
  color:var(--legend-text);
  background:
    radial-gradient(circle at 18% 14%,rgba(255,211,105,.15),transparent 25%),
    radial-gradient(circle at 82% 18%,rgba(103,242,160,.08),transparent 24%),
    linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.42) 52%,rgba(0,0,0,.92)),
    var(--title-bg-image);
  background-position:center;
  background-size:cover;
}
.title-wrap:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.72)),repeating-linear-gradient(90deg,rgba(255,211,105,.025) 0 1px,transparent 1px 96px)}
.title-embers,.title-fog{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.title-embers i{position:absolute;bottom:-24px;width:4px;height:4px;border-radius:50%;background:rgba(255,211,105,.85);box-shadow:0 0 18px rgba(255,211,105,.7);animation:titleEmberRise 9s linear infinite}
.title-embers i:nth-child(1){left:10%;animation-delay:-2s}.title-embers i:nth-child(2){left:32%;animation-delay:-5s}.title-embers i:nth-child(3){left:55%;animation-delay:-1s}.title-embers i:nth-child(4){left:75%;animation-delay:-6s}.title-embers i:nth-child(5){left:92%;animation-delay:-3s}
@keyframes titleEmberRise{from{transform:translateY(0);opacity:0}15%{opacity:.9}to{transform:translateY(-110vh);opacity:0}}
.title-fog i{position:absolute;border-radius:999px;filter:blur(34px);opacity:.14;background:radial-gradient(circle,rgba(235,240,225,.75),transparent 68%);animation:titleFogDrift 20s ease-in-out infinite alternate}
.title-fog i:nth-child(1){width:420px;height:150px;left:4%;top:12%}.title-fog i:nth-child(2){width:520px;height:180px;right:0;top:48%;animation-duration:25s}.title-fog i:nth-child(3){width:300px;height:120px;left:36%;bottom:8%;animation-duration:22s}
@keyframes titleFogDrift{from{transform:translate(-12px,0)}to{transform:translate(18px,-8px)}}

.title-card{width:min(1260px,100%);position:relative;z-index:2;overflow:hidden;border:1px solid rgba(255,211,105,.28);border-radius:28px;background:linear-gradient(135deg,rgba(13,22,17,.92),rgba(4,6,5,.88));box-shadow:0 40px 100px rgba(0,0,0,.68),inset 0 0 55px rgba(255,211,105,.04);backdrop-filter:blur(10px);padding:clamp(18px,2.6vw,30px)}
.title-card:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 72% 18%,rgba(255,211,105,.11),transparent 28%),linear-gradient(90deg,rgba(255,211,105,.045),transparent 35%,rgba(103,242,160,.035))}
.title-card>*{position:relative;z-index:1}
.title-card-final{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:clamp(18px,2.6vw,30px);align-items:stretch}
.title-hero-panel{display:grid;grid-template-rows:auto auto auto 1fr;gap:16px;min-width:0}
.title-brand-mark{width:max-content;max-width:100%;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,211,105,.22);border-radius:999px;background:rgba(0,0,0,.34);padding:8px 14px 8px 8px}
.title-brand-mark img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.7))}.title-brand-text strong,.title-brand-text span{display:block}.title-brand-text strong{color:#fff3c6}.title-brand-text span{margin-top:3px;color:#9fb3a7;text-transform:uppercase;letter-spacing:.14em;font-size:.66rem;font-weight:900}
.title-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(220px,280px);
  gap:24px;
  align-items:stretch;
}

.title-copy{
  min-height:292px;
  display:grid;
  align-content:center;
  gap:10px;
  overflow:hidden;
}

.game-title{
  margin:0;
  color:#fff0bd;
  font-size:clamp(4rem,8vw,7rem);
  line-height:.82;
  letter-spacing:-.05em!important;
  text-shadow:
    0 14px 35px rgba(0,0,0,.8),
    0 0 32px rgba(255,211,105,.18);
}
.title-keyart{position:relative;margin:0;min-height:292px;overflow:hidden;border:1px solid rgba(255,211,105,.22);border-radius:22px;background:#080c09;box-shadow:inset 0 0 32px rgba(255,211,105,.04)}.title-keyart img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center}.title-keyart:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.76)),linear-gradient(90deg,rgba(0,0,0,.32),transparent 50%,rgba(0,0,0,.22))}.title-keyart-caption{position:absolute;left:14px;right:14px;bottom:14px;z-index:3;border:1px solid rgba(255,211,105,.16);border-radius:16px;background:rgba(0,0,0,.46);padding:12px;color:#dfeee3;pointer-events:none}.title-keyart-caption strong{display:block;color:var(--legend-gold);letter-spacing:.14em}.title-keyart-caption span{display:block;margin-top:4px;font-size:.86rem}.title-keyart-fallback{display:none;position:absolute;inset:18px;z-index:4;border:1px solid rgba(255,211,105,.18);border-radius:16px;background:rgba(0,0,0,.62);padding:16px;color:#e7f2e8}.title-keyart.is-missing img,.title-keyart.is-missing .title-keyart-caption{display:none}.title-keyart.is-missing .title-keyart-fallback{display:block}

.title-status-grid,.title-bottom-grid,.title-mini-stats{display:grid;gap:10px}.title-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.title-bottom-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch}.title-mini-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.title-status-card,.title-feature-card,.title-status-stat{border:1px solid rgba(255,211,105,.15);border-radius:16px;background:linear-gradient(180deg,rgba(9,15,11,.76),rgba(0,0,0,.28));box-shadow:inset 0 0 20px rgba(255,211,105,.025)}.title-status-card{min-height:88px;padding:12px}.title-feature-card{padding:14px}.title-status-stat{padding:9px 10px}.title-status-card span,.title-feature-head span,.title-status-stat span{display:block;color:#9fb4a7;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;font-weight:1000}.title-status-card strong,.title-status-stat strong{display:block;margin-top:5px;color:#fff3c6}.title-status-card em{display:block;margin-top:6px;color:#ceddd1;font-size:.78rem;font-style:normal;line-height:1.35}.title-feature-head strong{display:block;margin-top:5px;color:var(--legend-gold);font-size:1.18rem;line-height:1.15}.title-feature-copy{margin:9px 0 0;color:#dcebe1;line-height:1.45}.title-feature-list{margin:10px 0 0;padding-left:18px;color:#dcebe1;display:grid;gap:6px}.title-feature-list li{line-height:1.38}.title-feature-list strong{color:var(--legend-gold)}.title-news-note{margin:10px 0 0;border-left:3px solid rgba(255,211,105,.3);padding-left:10px;color:#c7d8cd;line-height:1.4}

.title-menu-panel{position:relative;z-index:5;display:flex;flex-direction:column;border:1px solid rgba(255,211,105,.26);border-radius:24px;background:linear-gradient(180deg,rgba(5,8,6,.94),rgba(0,0,0,.62));box-shadow:0 24px 70px rgba(0,0,0,.45),inset 0 0 34px rgba(255,211,105,.035);padding:18px;min-width:0}.title-menu-stamp{width:max-content;border:1px solid rgba(255,211,105,.28);border-radius:999px;background:rgba(255,211,105,.10);color:#ffe8ad;padding:7px 11px;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:1000}.title-menu-panel h2{margin:12px 0 0;color:var(--legend-gold)!important;text-transform:uppercase;letter-spacing:.14em!important;font-size:.85rem;text-shadow:none!important}.title-card .actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:16px!important}.game-menu-btn{position:relative!important;z-index:8!important;width:100%;min-height:78px!important;display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;text-align:left!important;text-decoration:none!important;border-radius:16px!important;padding:12px 13px!important;border:1px solid rgba(255,211,105,.18)!important;background:linear-gradient(180deg,rgba(26,39,31,.94),rgba(7,12,9,.94))!important;color:var(--legend-text)!important;cursor:pointer!important;pointer-events:auto!important;box-shadow:none!important}.game-menu-btn.primary{border-color:rgba(255,211,105,.62)!important;background:linear-gradient(180deg,#ffe3a0,#b77a2b)!important;color:#170f03!important}.game-menu-btn.primary strong,.game-menu-btn.primary small{color:#170f03!important}.game-menu-btn:hover,.game-menu-btn:focus-visible{outline:none!important;transform:translateY(-1px);border-color:rgba(255,211,105,.7)!important;box-shadow:0 0 0 3px rgba(255,211,105,.12),0 18px 38px rgba(0,0,0,.32)!important}.game-menu-btn:active{transform:translateY(1px)}.game-menu-btn strong{display:block;color:var(--legend-gold);font-size:1rem;line-height:1.15}.game-menu-btn small{display:block;margin-top:6px;color:#cfddd2;font-size:.8rem;line-height:1.35;font-weight:650}.game-menu-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,211,105,.24);border-radius:13px;background:rgba(0,0,0,.28);pointer-events:none}.game-menu-icon svg{width:24px;height:24px;fill:none;stroke:var(--legend-gold);stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.btn.danger .game-menu-icon svg{stroke:#ffd0c9}.title-footer{margin-top:auto!important;padding-top:14px;color:var(--legend-muted)!important;line-height:1.45!important}
.settings09x-hero{background:linear-gradient(90deg,rgba(2,4,3,.91),rgba(2,4,3,.58),rgba(2,4,3,.88)),var(--title-bg-image)!important;background-size:cover!important;background-position:center!important;min-height:260px;display:grid;align-content:end}.settings09x-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}.settings09x-toggle{grid-template-columns:48px minmax(0,1fr) 54px!important;align-items:center!important;gap:14px!important}.settings09x-setting-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,211,105,.22);border-radius:14px;background:rgba(0,0,0,.30)}.settings09x-setting-icon svg{width:24px;height:24px;fill:none;stroke:var(--legend-gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.settings09x-toggle input{position:absolute;opacity:0}.ash099-btn,.settings09x-btn,.btn{touch-action:manipulation}.a11y-large-text .title-wrap,.a11y-large-text .ash099,.a11y-large-text .settings09x{font-size:1.08rem}.a11y-bold-text .title-wrap,.a11y-bold-text .ash099,.a11y-bold-text .settings09x{font-weight:700}.a11y-high-contrast .title-wrap,.a11y-high-contrast .ash099,.a11y-high-contrast .settings09x{filter:contrast(1.16)}.a11y-spacious .game-menu-btn,.a11y-spacious .ash099-btn,.a11y-spacious .settings09x-toggle{min-height:96px!important}.a11y-reduced-motion .title-embers i,.a11y-reduced-motion .title-fog i{animation:none!important;opacity:.2}
@media(max-width:1080px){.title-card-final{grid-template-columns:1fr}.title-menu-panel{order:-1}.title-card .actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.title-footer{margin-top:14px!important}.title-hero-grid{grid-template-columns:minmax(0,1fr) minmax(240px,320px)}}
@media(max-width:760px){.title-wrap{place-items:start center;padding:10px}.title-card{border-radius:22px;padding:14px}.title-card .actions,.title-hero-grid,.title-status-grid,.title-bottom-grid,.title-mini-stats{grid-template-columns:1fr!important}.title-brand-mark{width:100%;border-radius:18px}.title-copy{min-height:auto;padding:8px 0}.game-title{font-size:clamp(3.35rem,18vw,5rem)}.title-keyart{min-height:220px}.game-menu-btn{min-height:74px!important}.settings09x-toggle{grid-template-columns:44px minmax(0,1fr)!important}.settings09x-switch{grid-column:1 / -1;justify-self:start}}
@media(prefers-reduced-motion:reduce){.title-embers i,.title-fog i{animation:none!important}.game-menu-btn:hover,.game-menu-btn:focus-visible{transform:none}}