:root {
    --tow-home-gold: #e9a61a;
    --tow-home-gold-soft: #c79a3b;
    --tow-home-navy: #06133a;
    --tow-home-deep: #030817;
    --tow-home-panel: #071743;
    --tow-home-line: rgba(147, 161, 181, .34);
    --tow-home-muted: #aab4c5;
}

* { box-sizing: border-box; }
html { color-scheme: dark; scroll-behavior: smooth; }
body.tow-portal {
    margin: 0;
    background: #03006b;
    color: var(--tow-mist);
    font-family: var(--tow-font);
    line-height: 1.5;
}
.tow-shell { width: min(calc(100% - 48px), var(--tow-site-frame)); margin-inline: auto; }
.tow-kicker { margin: 0 0 10px; color: var(--tow-home-gold); font-size: .72rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.tow-home-section { position: relative; padding: 58px 0; overflow: hidden; }
.tow-home-section::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .18; background-image: radial-gradient(circle at 20% 20%, rgba(255,255,255,.08) 0 1px, transparent 1px); background-size: 22px 22px; mask-image: linear-gradient(to bottom, transparent, #000 25%, #000 75%, transparent); }
.tow-section-heading { position: relative; z-index: 1; margin-bottom: 22px; }
.tow-section-heading h2, .tow-history-intro h2, .tow-frontline-card h2, .tow-frontline-card h3 { margin: 0; color: var(--tow-mist); font-family: var(--tow-display); line-height: 1.05; }
.tow-section-heading h2 { font-size: clamp(2rem, 3vw, 3rem); }
.tow-section-heading-row { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.tow-section-link { margin-bottom: 8px; color: var(--tow-home-gold); font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; }

/* Hero */
.tow-home-hero { position: relative; min-height: 490px; display: grid; align-items: center; overflow: hidden; isolation: isolate; border-bottom: 1px solid rgba(233,166,26,.28); background: var(--tow-home-deep); }
.tow-home-hero-art { position: absolute; z-index: -2; inset: 0; background: url('/assets/images/tow-home-hero.jpg') 50% 50% / cover no-repeat; }
.tow-home-hero::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(3,8,23,.99) 0%, rgba(3,8,23,.95) 25%, rgba(3,8,23,.74) 43%, rgba(3,8,23,.18) 72%, rgba(3,8,23,.08) 100%); }
.tow-home-hero-inner { padding-block: 62px; }
.tow-home-hero h1 { max-width: 650px; margin: 0; color: #e6e6e6; font-family: var(--tow-display); font-size: clamp(3.4rem, 6vw, 5.8rem); font-weight: 600; letter-spacing: -.035em; line-height: .96; }
.tow-hero-rule { width: min(360px, 45vw); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; margin: 22px 0 10px; color: var(--tow-home-gold); }
.tow-hero-rule::before, .tow-hero-rule::after { content: ""; height: 1px; background: linear-gradient(90deg, transparent, var(--tow-home-gold)); }
.tow-hero-rule::after { background: linear-gradient(90deg, var(--tow-home-gold), transparent); }
.tow-hero-rule span { font-size: 1rem; }
.tow-home-hero-motto { margin: 0; color: var(--tow-home-gold); font-family: var(--tow-display); font-size: clamp(1.35rem, 2.1vw, 2rem); font-style: italic; }
.tow-home-hero-copy { max-width: 560px; margin: 14px 0 0; color: #e0e5ed; font-size: 1.03rem; }
.tow-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.tow-button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 11px 18px; border: 1px solid var(--tow-home-gold-soft); border-radius: 3px; color: var(--tow-mist); font-size: .72rem; font-weight: 800; letter-spacing: .055em; text-decoration: none; text-transform: uppercase; }
.tow-button-primary { background: linear-gradient(#efb63d, #d99a14); color: #111; border-color: #efb63d; }
.tow-button-secondary { background: rgba(3,8,23,.72); }
.tow-button:hover, .tow-button:focus-visible { filter: brightness(1.08); }

/* Five theaters */
.tow-theaters-section { background: radial-gradient(circle at 50% -15%, rgba(20,55,129,.42), transparent 38rem), linear-gradient(180deg, #06122f, #030b22); border-bottom: 1px solid rgba(135,148,168,.25); }
.tow-theater-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 12px; }
.tow-theater { min-width: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(147,161,181,.42); border-bottom: 3px solid var(--tow-home-gold); border-radius: 3px; background: linear-gradient(180deg, #0b1d4a, #061333); color: inherit; text-decoration: none; box-shadow: 0 12px 26px rgba(0,0,0,.16); transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; }
.tow-theater:hover, .tow-theater:focus-visible { transform: translateY(-3px); border-color: var(--tow-home-gold); box-shadow: 0 16px 34px rgba(0,0,0,.28); }
.tow-theater-art { height: 138px; display: block; background-position: center; background-size: cover; border-bottom: 1px solid rgba(233,166,26,.35); }
.tow-theater:nth-child(1) .tow-theater-art { background-image: url('/assets/images/tow-home-air.jpg'); }
.tow-theater:nth-child(2) .tow-theater-art { background-image: url('/assets/images/tow-home-land.jpg'); }
.tow-theater:nth-child(3) .tow-theater-art { background-image: url('/assets/images/tow-home-sea.jpg'); }
.tow-theater:nth-child(4) .tow-theater-art { background-image: url('/assets/images/tow-home-space.jpg'); }
.tow-theater:nth-child(5) .tow-theater-art { background-image: url('/assets/images/tow-home-fantasy.jpg'); }
.tow-theater-body { min-height: 178px; display: flex; flex-direction: column; padding: 14px; }
.tow-theater-title-row { display: flex; align-items: center; gap: 10px; }
.tow-theater-icon { width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 42px; margin-top: -36px; border: 1px solid var(--tow-home-gold); border-radius: 50%; background: #071334; color: var(--tow-home-gold); font-size: 1.3rem; box-shadow: 0 4px 12px rgba(0,0,0,.28); }
.tow-theater:nth-child(1) .tow-theater-icon::before { content: '✈'; }
.tow-theater:nth-child(2) .tow-theater-icon::before { content: '▰'; }
.tow-theater:nth-child(3) .tow-theater-icon::before { content: '⚓'; }
.tow-theater:nth-child(4) .tow-theater-icon::before { content: '✦'; }
.tow-theater:nth-child(5) .tow-theater-icon::before { content: '♜'; }
.tow-theater-label { color: #e7e7e7; font-family: var(--tow-display); font-size: 1.55rem; font-weight: 600; }
.tow-theater-copy { display: block; margin-top: 9px; color: var(--tow-home-muted); font-size: .82rem; line-height: 1.45; }
.tow-theater-meta { display: flex; gap: 12px; margin-top: auto; padding-top: 13px; border-top: 1px solid rgba(147,161,181,.18); color: #e1e5ec; font-size: .56rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }

/* Activity + front line */
.tow-community-section { background: linear-gradient(180deg, #02071c, #030a25); border-bottom: 1px solid rgba(135,148,168,.24); }
.tow-community-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.55fr) minmax(320px,.9fr); gap: 16px; align-items: start; }
.tow-activity-panel, .tow-frontline-panel { border: 1px solid var(--tow-home-line); background: rgba(6,19,58,.82); box-shadow: 0 14px 32px rgba(0,0,0,.18); }
.tow-activity-item { min-height: 70px; display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 11px 14px; border-bottom: 1px solid rgba(147,161,181,.2); }
.tow-activity-item:hover { background: rgba(20,55,129,.16); }
.tow-activity-mark { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(233,166,26,.5); border-radius: 50%; background: radial-gradient(circle, rgba(233,166,26,.15), transparent 70%); color: var(--tow-home-gold); }
.tow-activity-copy { min-width: 0; }
.tow-activity-title-line { min-width: 0; display: flex; align-items: center; gap: 8px; }
.tow-activity-title-line a { min-width: 0; overflow: hidden; color: #e9edf4; font-size: .82rem; font-weight: 800; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.tow-activity-title-line a:hover { color: var(--tow-home-gold); }
.tow-activity-forum { flex: 0 1 auto; overflow: hidden; padding: 2px 6px; background: rgba(22,62,145,.42); color: #aebdda; font-size: .53rem; font-weight: 800; letter-spacing: .05em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.tow-activity-meta { display: block; margin-top: 3px; color: #8390a5; font-size: .61rem; }
.tow-activity-stats { display: flex; gap: 16px; color: #78879f; font-size: .5rem; text-align: center; text-transform: uppercase; }
.tow-activity-stats span { min-width: 42px; }
.tow-activity-stats strong { display: block; color: #e5e8ef; font-size: .73rem; }
.tow-activity-more { display: block; padding: 12px 16px; color: var(--tow-home-gold); font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-align: right; text-decoration: none; text-transform: uppercase; }
.tow-empty-state { padding: 24px; }
.tow-frontline-panel { padding-top: 14px; }
.tow-frontline-panel > .tow-kicker { margin-inline: 18px; }
.tow-frontline-card { position: relative; min-height: 138px; display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 10px; padding: 18px; overflow: hidden; border-top: 1px solid rgba(147,161,181,.2); }
.tow-frontline-card h2 { font-size: 1.85rem; }
.tow-frontline-card h3 { font-size: 1.35rem; }
.tow-frontline-card p { max-width: 380px; margin: 7px 0; color: var(--tow-home-muted); font-size: .78rem; line-height: 1.4; }
.tow-frontline-card a { color: var(--tow-home-gold); font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.tow-frontline-symbol { color: var(--tow-home-gold); font-size: 1.35rem; line-height: 1.2; }
.tow-guide-card { min-height: 188px; grid-template-columns: minmax(0,1fr) 145px; }
.tow-frontline-card-copy { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 10px; }
.tow-guide-art { min-height: 146px; margin: -18px -18px -18px 0; background: linear-gradient(90deg, rgba(6,19,58,.2), transparent), url('/assets/images/tow-home-guide.jpg') center / cover no-repeat; opacity: .92; }

/* History */
.tow-history-section { background: radial-gradient(circle at 50% 20%, rgba(20,55,129,.22), transparent 34rem), #06122d; }
.tow-history-layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(250px,.7fr) minmax(0,1.8fr); gap: 40px; align-items: center; }
.tow-history-intro h2 { color: #e7e7e7; font-size: clamp(2rem, 3vw, 3.1rem); }
.tow-history-intro p:not(.tow-kicker) { color: var(--tow-home-muted); font-size: .81rem; }
.tow-history-timeline { position: relative; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; padding-top: 38px; }
.tow-history-timeline::before { content: ""; position: absolute; top: 54px; left: 9%; right: 9%; height: 1px; background: linear-gradient(90deg, transparent, var(--tow-home-gold), var(--tow-home-gold), transparent); }
.tow-era { position: relative; display: grid; justify-items: center; text-align: center; }
.tow-era::before { content: ""; position: absolute; top: 12px; width: 8px; height: 8px; border-radius: 50%; background: var(--tow-home-gold); box-shadow: 0 0 0 3px #071331; }
.tow-era-icon { margin-bottom: 24px; color: var(--tow-home-gold); font-size: 1.75rem; }
.tow-era strong { color: #e8e8e8; font-family: var(--tow-display); font-size: 1rem; }
.tow-era b { margin-top: 5px; color: var(--tow-home-gold); font-size: .65rem; font-weight: 700; }
.tow-era p { margin: 6px 0 0; color: var(--tow-home-muted); font-size: .66rem; line-height: 1.35; }
.tow-history-stats { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); margin-top: 34px; border: 1px solid rgba(147,161,181,.36); background: rgba(3,8,23,.46); }
.tow-history-stats span { padding: 15px 10px; border-right: 1px solid rgba(147,161,181,.22); text-align: center; }
.tow-history-stats span:last-child { border-right: 0; }
.tow-history-stats strong { display: block; color: var(--tow-home-gold); font-family: var(--tow-display); font-size: 1.55rem; font-weight: 600; }
.tow-history-stats b { display: block; margin-top: 3px; color: #aab5c7; font-size: .55rem; letter-spacing: .14em; text-transform: uppercase; }

:focus-visible { outline: 2px solid var(--tow-home-gold); outline-offset: 3px; }

@media (max-width: 1120px) {
    .tow-theater-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .tow-theater:nth-child(4), .tow-theater:nth-child(5) { grid-column: span 1; }
    .tow-history-layout { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
    .tow-community-grid { grid-template-columns: 1fr; }
    .tow-guide-card { grid-template-columns: minmax(0,1fr) 180px; }
    .tow-history-timeline { grid-template-columns: repeat(5, minmax(140px,1fr)); overflow-x: auto; padding-bottom: 8px; }
    .tow-history-timeline::before { display: none; }
    .tow-era::before { display: none; }
}
@media (max-width: 760px) {
    .tow-shell { width: min(calc(100% - 28px), var(--tow-site-frame)); }
    .tow-home-hero { min-height: 450px; }
    .tow-home-hero::after { background: linear-gradient(90deg, rgba(3,8,23,.98), rgba(3,8,23,.88) 60%, rgba(3,8,23,.52)); }
    .tow-home-hero h1 { font-size: clamp(3rem, 15vw, 4.6rem); }
    .tow-section-heading-row { align-items: start; flex-direction: column; }
    .tow-section-link { margin: -8px 0 0; }
    .tow-theater-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .tow-theater:last-child { grid-column: 1 / -1; }
    .tow-activity-item { grid-template-columns: 34px minmax(0,1fr); }
    .tow-activity-stats { grid-column: 2; justify-content: flex-start; text-align: left; }
    .tow-history-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .tow-history-stats span { border-bottom: 1px solid rgba(147,161,181,.22); }
    .tow-history-stats span:nth-child(2n) { border-right: 0; }
    .tow-history-stats span:last-child { grid-column: 1 / -1; border-bottom: 0; }
}
@media (max-width: 520px) {
    .tow-shell { width: min(calc(100% - 20px), var(--tow-site-frame)); }
    .tow-home-section { padding: 42px 0; }
    .tow-home-hero { min-height: 430px; }
    .tow-home-hero-inner { padding-block: 40px; }
    .tow-home-hero-art { background-position: 68% center; }
    .tow-home-hero::after { background: linear-gradient(90deg, rgba(3,8,23,.99) 0%, rgba(3,8,23,.95) 68%, rgba(3,8,23,.74)); }
    .tow-home-hero h1 { font-size: clamp(2.7rem, 16vw, 3.8rem); }
    .tow-home-hero-copy { font-size: .92rem; }
    .tow-actions { display: grid; }
    .tow-button { width: 100%; }
    .tow-theater-grid { grid-template-columns: 1fr; }
    .tow-theater:last-child { grid-column: auto; }
    .tow-theater-art { height: 170px; }
    .tow-guide-card { grid-template-columns: 1fr; }
    .tow-guide-art { min-height: 170px; margin: 6px -18px -18px; }
    .tow-activity-title-line { align-items: flex-start; flex-direction: column; gap: 4px; }
    .tow-activity-title-line a { width: 100%; white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}