.world-brief{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin:34px 0 0;padding:15px 18px;border:1px solid rgba(12,14,18,.25);background:rgba(255,255,255,.42)}.world-brief span,.world-brief i{color:#e74461;font:800 8px Arial,sans-serif;letter-spacing:.15em;font-style:normal}.world-brief b{font:700 13px Arial,sans-serif;letter-spacing:.13em}.world-brief p{margin:0;color:#52606a;font-size:12px}.character-instruction{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:12px;padding:13px 2px;color:#586871}.character-instruction span{color:#e74461;font:800 9px Arial,sans-serif;letter-spacing:.16em}.character-instruction b{font-size:12px}.character-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.character-card{position:relative;display:grid;min-height:124px;padding:15px;overflow:hidden;border:1px solid rgba(12,14,18,.24);color:#111217;background:#f5f6f1;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,grid-column .3s}.character-card:hover{border-color:#111217}.character-card.expanded{grid-column:span 2;min-height:350px;color:#eff9fc;background:#101820}.character-card:before{position:absolute;top:0;right:0;bottom:0;width:4px;content:"";background:var(--accent)}.character-card .character-index{color:var(--accent);font:800 10px Arial,sans-serif;letter-spacing:.12em}.character-card .character-name{margin-top:12px;font:700 21px Arial,sans-serif;letter-spacing:.04em}.character-card small{margin-top:5px;color:#66747c;font:700 8px Arial,sans-serif;letter-spacing:.1em}.character-card img{position:absolute;right:0;bottom:0;width:0;height:0;object-fit:cover;object-position:center top;opacity:0;transition:width .3s ease,height .3s ease,opacity .25s ease}.character-card em{position:absolute;z-index:1;right:16px;bottom:15px;left:16px;color:#d8f0f5;font:800 8px Arial,sans-serif;font-style:normal;letter-spacing:.12em;opacity:0;transition:opacity .2s}.character-card.expanded img{width:100%;height:100%;opacity:.72}.character-card.expanded:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(7,11,16,.78),rgba(7,11,16,.1) 67%,rgba(7,11,16,.22))}.character-card.expanded>*{position:relative;z-index:1}.character-card.expanded small{color:#afc6ce}.character-card.expanded em{opacity:1}.accent-orange{--accent:#f3a74b}.accent-pink{--accent:#ef688e}.accent-cyan{--accent:#41cad9}.accent-blue{--accent:#5b96ec}.accent-red{--accent:#e4575e}.video-archive{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px}.video-card{position:relative;display:flex;min-height:270px;padding:22px;overflow:hidden;flex-direction:column;justify-content:space-between;border:1px solid rgba(12,14,18,.3);color:#effaff;text-decoration:none;background:#101820}.video-card:before{position:absolute;content:"";border-radius:50%}.video-card span,.video-card small,.video-card b,.video-card i{position:relative;z-index:1}.video-card span{font:800 8px Arial,sans-serif;letter-spacing:.15em}.video-card b{font:700 clamp(28px,4vw,50px)/.95 Arial,sans-serif;letter-spacing:.06em}.video-card i{display:grid;width:44px;height:44px;border:1px solid currentColor;border-radius:50%;place-items:center;font-style:normal}.video-card small{color:#bad0d8;font-size:11px}.video-card-main{background:radial-gradient(circle at 78% 38%,rgba(38,214,231,.45),transparent 20%),#111820}.video-card-main:before{right:-52px;bottom:-58px;width:230px;height:230px;border:1px solid rgba(224,248,252,.5);box-shadow:0 0 0 19px rgba(224,248,252,.08),0 0 0 39px rgba(224,248,252,.04)}.video-card-signal{background:linear-gradient(145deg,#e8546d,#1b2735)}.video-card-memory{background:linear-gradient(145deg,#1d3442,#4bc6d4)}.character-dialog{width:min(900px,calc(100% - 30px));max-height:min(760px,calc(100% - 30px));padding:0;overflow:auto;border:1px solid rgba(194,240,247,.4);color:#eaf8fb;background:#0c131b;box-shadow:0 28px 90px rgba(0,0,0,.52)}.character-dialog::backdrop{background:rgba(3,7,12,.68);backdrop-filter:blur(6px)}.dialog-close{position:sticky;top:12px;left:calc(100% - 54px);z-index:4;display:grid;width:36px;height:36px;margin:-48px 12px 12px auto;border:1px solid rgba(214,244,249,.4);border-radius:50%;place-items:center;color:#eaf8fb;background:#121d27;font-size:22px;cursor:pointer}.dialog-profile{display:grid;grid-template-columns:minmax(240px,.75fr) 1.25fr;min-height:510px}.dialog-profile img{width:100%;height:100%;min-height:360px;object-fit:cover;object-position:center top}.dialog-copy{padding:clamp(26px,5vw,60px)}.dialog-copy>span{color:var(--accent);font:800 9px Arial,sans-serif;letter-spacing:.17em}.dialog-copy h2{margin:14px 0 3px;font:700 clamp(37px,6vw,62px) Arial,sans-serif;letter-spacing:.05em}.dialog-copy h3{margin:0;color:#b6cad1;font:500 15px Arial,sans-serif}.dialog-copy dl{display:grid;grid-template-columns:96px 1fr;gap:9px 15px;margin:30px 0}.dialog-copy dt{color:#6f858f;font:800 9px Arial,sans-serif;letter-spacing:.1em}.dialog-copy dd{margin:0;color:#e7f2f5;font-size:13px}.dialog-copy p{color:#bed0d7;font-size:14px;line-height:1.85}@media(max-width:860px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-archive{grid-template-columns:1fr 1fr}.video-card-main{grid-column:span 2}}@media(max-width:620px){.world-brief{grid-template-columns:1fr;gap:8px}.character-instruction{align-items:flex-start;flex-direction:column;gap:8px}.character-grid{grid-template-columns:1fr}.character-card.expanded{grid-column:span 1}.video-archive{grid-template-columns:1fr}.video-card-main{grid-column:span 1}.dialog-profile{grid-template-columns:1fr}.dialog-profile img{height:360px}.dialog-copy dl{grid-template-columns:80px 1fr}}