.universe-page{background-color:#050a12;flex-direction:column;align-items:center;min-height:100vh;padding:6rem 1rem 4rem;display:flex;position:relative;overflow:hidden}.universe-bg-video{object-fit:cover;z-index:0;opacity:.7;width:auto;min-width:100%;height:auto;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-overlay{z-index:1;background:linear-gradient(#050a1266 0%,#080f1acc 100%);width:100%;height:100%;position:absolute;top:0;left:0}.universe-header{text-align:center;z-index:10;max-width:800px;margin-bottom:3.5rem;position:relative}.universe-header .title{font-family:var(--font-kufi),sans-serif;color:#ebd188;text-shadow:0 4px 20px #e0b84f66;margin-bottom:.8rem;font-size:2.8rem;font-weight:800}.universe-header .subtitle{color:#a0aec0;font-size:1.1rem;line-height:1.6}.universe-container{z-index:10;flex-direction:column;gap:4rem;width:100%;max-width:1100px;display:flex;position:relative}.lore-section{flex-direction:column;gap:1.5rem;display:flex}.section-title{font-family:var(--font-kufi),sans-serif;color:#fff;border-bottom:1px solid #e0b84f33;align-self:flex-start;padding-bottom:.5rem;font-size:1.75rem;display:inline-block}.lore-card{-webkit-backdrop-filter:blur(12px);background:#0e152499;border:1px solid #e0b84f26;border-radius:16px;padding:1.8rem;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006}.lore-card:hover{border-color:#e0b84f66;transform:translateY(-5px);box-shadow:0 12px 40px #e0b84f26}.lore-card .card-header{align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.lore-card .card-title{font-family:var(--font-kufi),sans-serif;color:#f6d889;font-size:1.4rem;font-weight:700}.lore-card .emoji{filter:drop-shadow(0 0 8px #fff6);font-size:1.6rem;transition:transform .3s,filter .3s}.lore-card:hover .emoji{filter:drop-shadow(0 0 12px #e0b84fcc);transform:scale(1.15)}.lore-card .desc{color:#cbd5e1;font-size:1rem;line-height:1.7}.foundation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.foundation-card{background:linear-gradient(135deg,#141b2bcc 0%,#0d131fe6 100%);border-color:#e0b84f40}.foundation-card:hover{border-color:#e0b84f99}.triforce-card{grid-template-columns:1fr 240px;align-items:center;gap:2rem;display:grid}.triforce-list{color:#cbd5e1;margin-top:1rem;padding-right:1.5rem;line-height:1.6}.triforce-list li{margin-bottom:.5rem}.color-red{color:#f87171;font-weight:700}.color-blue{color:#60a5fa;font-weight:700}.color-green{color:#4ade80;font-weight:700}.lore-rule{color:#f6d889;background:#e0b84f14;border-right:4px solid #ebd188;border-radius:8px;margin-top:1.5rem;padding:1rem;font-style:italic}.triforce-animation-container{flex-direction:column;justify-content:center;align-items:center;width:180px;height:180px;margin:0 auto;display:flex;position:relative}.triforce-svg{filter:drop-shadow(0 0 15px #e0b84f4d);width:100%;height:100%;transition:filter .4s}.triforce-card:hover .triforce-svg{filter:drop-shadow(0 0 30px #e0b84fcc)}.tf-power,.tf-wisdom,.tf-courage{fill:#ebd188;opacity:.85;transform-origin:50%;transition:fill .4s,transform .4s}.triforce-card:hover .tf-power{fill:#ef4444;transform:translateY(-3px)}.triforce-card:hover .tf-wisdom{fill:#3b82f6;transform:translate(-3px,3px)}.triforce-card:hover .tf-courage{fill:#22c55e;transform:translate(3px,3px)}.races-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.relics-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem;display:grid}@media (max-width:900px){.triforce-card{text-align:center;grid-template-columns:1fr}.lore-rule{text-align:right;border-top:4px solid #ebd188;border-right:none}.foundation-grid{grid-template-columns:1fr}}@media (max-width:600px){.races-grid{grid-template-columns:1fr}}