.videoCard{aspect-ratio:16/9;width:100%;display:block;position:relative}.videoCardElement,.videoCardPreview{border:1px solid var(--color-border-contrast);border-radius:inherit;box-sizing:border-box;width:100%;height:100%;display:block}.videoCardElement{background:#000}.videoCardPreview{color:var(--color-primary);cursor:pointer;font:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);background:radial-gradient(circle at 50% 25%,#1a212ef5,#090d13fa) 50%/cover no-repeat;border-color:#f1c68540;place-items:center;display:grid}.videoCardPreview:hover{box-shadow:var(--shadow-glow-md);border-color:#f1c68580;transform:translateY(-1px)}.videoCardPreview:focus-visible{box-shadow:var(--focus-ring);outline:none}.videoCardPreview.hasThumbnail{position:relative}.videoCardPreview.hasThumbnail:before{content:"";background:linear-gradient(#04070b38,#04070b94);position:absolute;inset:0}.videoCardPlayIcon{z-index:1;background:#04070b73;border:1px solid #f1c685c2;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;padding-left:5px;font-size:1.95rem;line-height:1;display:inline-flex;position:relative;box-shadow:0 0 22px #f1c68540}
.aboutPage{max-width:1200px;padding-top:20px}.aboutTop{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:26px;padding-bottom:30px;display:grid}@media (max-width:900px){.aboutTop{grid-template-columns:1fr;gap:18px;padding-bottom:22px}}.aboutIntro{flex-direction:column;gap:14px;display:flex}.aboutLogoPane{justify-content:center;display:flex}.aboutLogo{width:min(280px,100%);height:auto;display:block}.aboutIntroText{color:var(--color-primary);text-align:center;font-size:clamp(1.08rem,1.35vw,1.28rem);line-height:1.45}.aboutIntroText p{margin:0 0 10px}.aboutMediaColumn{flex-direction:column;gap:18px;display:flex}.videoSlot{border-radius:var(--radius-md);overflow:visible}.videoCaption{text-align:center;color:var(--color-primary);margin:0 0 8px}.videoPlaceholder{aspect-ratio:16/9;border:1px solid var(--color-border-contrast);width:100%;color:var(--color-text-soft);background:linear-gradient(135deg,#13161d,#0a0c11);place-items:center;font-size:.95rem;display:grid}.aboutVideo{border-radius:var(--radius-sm);width:100%;transition:transform var(--transition-standard),box-shadow var(--transition-standard);transform-origin:50%;background:#000;display:block;overflow:hidden}.aboutHighlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:26px 0 48px;display:grid}@media (max-width:900px){.aboutHighlights{grid-template-columns:1fr}}.aboutHighlightCard{border-radius:var(--radius-sm);isolation:isolate;min-height:330px;transition:transform var(--transition-standard),box-shadow var(--transition-standard);transform-origin:50%;background:#0a0d12;border:1px solid #c3964e75;position:relative;overflow:hidden}.aboutHighlightCard--leftText .aboutHighlightImage{object-position:right 24%}.aboutHighlightCard--leftText .aboutHighlightContent{text-align:left;align-items:flex-start}.aboutHighlightCard--leftText .aboutHighlightOverlay{background:linear-gradient(100deg,#06090e8f 14%,#06090e47 52%,#06090e24 100%)}.aboutHighlightCard--rightText .aboutHighlightImage{object-position:left 22%}.aboutHighlightCard--rightText .aboutHighlightContent{text-align:left;align-items:flex-start}.aboutHighlightCard--rightText .aboutHighlightText{margin-left:0}.aboutHighlightCard--rightText .aboutHighlightOverlay{background:linear-gradient(260deg,#06090e8f 14%,#06090e47 52%,#06090e24 100%)}.aboutHighlightImage{object-fit:cover;object-position:center 24%;filter:saturate(.95)contrast(1.02)brightness(.96);width:100%;height:100%;position:absolute;inset:0}.aboutHighlightOverlay{background:linear-gradient(115deg,#06090e2e 10%,#06090e6b 58%,#06090e85 100%);position:absolute;inset:0}.aboutHighlightContent{z-index:1;color:#f2eadf;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:8px;height:100%;padding:18px;display:flex;position:relative}.aboutHighlightRole{color:#e7b96ff2;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.72rem;font-weight:700}.aboutHighlightName{text-transform:uppercase;letter-spacing:.02em;color:#f8f0e2;margin:0;font-size:clamp(1.28rem,2.1vw,1.7rem);line-height:1.1}.aboutHighlightNickname{color:#f2eadfdb;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.9rem}.aboutHighlightText{color:#f6eee2;text-shadow:0 2px 12px #000000b3;max-width:30ch;margin:0;font-size:clamp(1.2rem,2vw,1.95rem);font-weight:700;line-height:1.25}@media (max-width:767px){.aboutHighlightCard{min-height:300px}.aboutHighlightCard--rightText .aboutHighlightContent{text-align:left;align-items:flex-start}.aboutHighlightCard--rightText .aboutHighlightText{margin-left:0}.aboutHighlightText{max-width:none;font-size:.95rem}.aboutHighlightCard--leftText .aboutHighlightImage{object-position:62% 18%}.aboutHighlightCard--rightText .aboutHighlightImage{object-position:42% 18%}}.battlePath{padding-top:28px}.battlePath h2{color:var(--color-primary);text-align:center;margin:0 0 18px;font-size:clamp(1.9rem,3.5vw,2.8rem)}.battleCards{gap:14px;display:grid}.battleCard{opacity:0;transform:translateX(var(--from-x,-45px));transition:transform var(--transition-slow),opacity var(--transition-slow);padding:18px}.battleCard.isVisible{opacity:1;transform:translate(0)}.battleCard h3{color:var(--color-primary);text-align:center;margin:0 0 10px;font-size:1.22rem}.battleCard p{color:var(--color-text-main);text-align:center;margin:0 0 12px;line-height:1.45}.battleSummary{white-space:pre-line}.battleMediaGrid{gap:10px;display:grid}.battleMediaGrid.slots-1{grid-template-columns:1fr}.battleMediaGrid.slots-2,.battleMediaGrid.slots-4{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:900px){.battleMediaGrid.slots-2,.battleMediaGrid.slots-4{grid-template-columns:1fr}}.battleMediaSlot{aspect-ratio:16/9;border:1px solid var(--color-border-contrast);color:var(--color-text-soft);background:linear-gradient(135deg,#13161d,#0a0c11);place-items:center;font-size:.9rem;display:grid}.battleMediaVideo{border-radius:var(--radius-sm);width:100%;transition:transform var(--transition-standard),box-shadow var(--transition-standard);transform-origin:50%;background:#000;display:block;overflow:hidden}@media (hover:hover) and (pointer:fine){.aboutVideo:hover,.aboutHighlightCard:hover,.battleMediaVideo:hover{transform:scale(1.02);box-shadow:0 10px 22px #00000057}}@media (prefers-reduced-motion:reduce){.battleCard{opacity:1;transition:none;transform:none}.aboutVideo,.aboutHighlightCard,.battleMediaVideo,.videoSlot{transition:none}}