/* ===== V2 / VISUAL DOSSIER UPGRADE ===== */
.boot-screen {
  position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center;
  background: #02070d; transition: opacity .55s ease, visibility .55s ease;
}
.boot-screen.hidden { opacity: 0; visibility: hidden; }
.boot-inner { width: min(430px, calc(100% - 44px)); text-align: center; color: #89a6ba; font-size: 11px; }
.boot-mark { color: #f4f9ff; font: 800 56px Inter; letter-spacing: -.08em; margin-bottom: 15px; }
.boot-mark span { color: var(--accent); }
.boot-track { height: 3px; margin: 18px 0 10px; background: rgba(125,180,220,.14); overflow: hidden; }
.boot-track i { display:block; height:100%; width:46%; background:var(--accent); box-shadow:0 0 16px var(--accent); animation:boot 1.05s ease both; }
.boot-inner small { color:#526a7c; letter-spacing:.16em; }
@keyframes boot { from { width:0 } to { width:100% } }

body::after {
  content:""; position:fixed; inset:0; z-index:-3; pointer-events:none;
  background: linear-gradient(90deg, rgba(3,10,17,.97) 0%, rgba(3,10,17,.78) 48%, rgba(3,10,17,.95) 100%),
              url('./assets/japan.webp') center 42% / cover no-repeat;
  opacity:.16; filter:saturate(.55) contrast(1.16);
}

.topbar { border-color: rgba(123,185,229,.28); }
.topbar::before { content:"SYSTEM // TQT-04"; position:absolute; left:23px; bottom:-17px; color:rgba(113,150,176,.38); font:8px "Space Mono"; letter-spacing:.12em; }
.hero-panel { background: linear-gradient(130deg, rgba(7,17,29,.96), rgba(6,16,26,.87)); }
.hero-panel::after { width:180px; }
.hero-grid { grid-template-columns: 330px minmax(360px,1fr) 340px; }

.portrait-frame { min-height: 360px; overflow:hidden; box-shadow: inset 0 0 45px rgba(42,130,190,.08), 0 0 35px rgba(0,0,0,.36); }
.portrait-photo { height:100%; min-height:338px; position:relative; overflow:hidden; background:#08131e; }
.portrait-photo img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:center 34%; filter:saturate(.72) contrast(1.1) brightness(.78); transform:scale(1.015); }
.portrait-photo::before { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, transparent 42%, rgba(2,8,14,.86) 100%), linear-gradient(90deg, rgba(25,101,153,.18), transparent 44%, rgba(255,48,74,.12)); mix-blend-mode:screen; }
.portrait-photo::after { content:""; position:absolute; inset:0; z-index:1; box-shadow:inset 0 0 0 1px rgba(204,234,255,.18), inset 0 -90px 90px rgba(2,8,14,.55); }
.portrait-photo .portrait-grid { z-index:2; opacity:.44; mask-image:linear-gradient(to bottom, #000, transparent 72%); }
.face-scan { position:absolute; z-index:3; width:52%; height:28%; left:24%; top:22%; border:1px solid rgba(73,220,255,.5); clip-path:polygon(0 0, 22% 0, 22% 2px, 78% 2px, 78% 0, 100% 0, 100% 23%, calc(100% - 2px) 23%, calc(100% - 2px) 77%, 100% 77%, 100% 100%, 78% 100%, 78% calc(100% - 2px), 22% calc(100% - 2px), 22% 100%, 0 100%, 0 77%, 2px 77%, 2px 23%, 0 23%); opacity:.52; }
.face-scan::after { content:"FACE MATCH 98.7%"; position:absolute; right:0; bottom:-18px; font:8px "Space Mono"; color:var(--cyan); letter-spacing:.07em; }
.portrait-corners { position:absolute; z-index:4; inset:9px; border-top:2px solid var(--accent); border-left:2px solid var(--accent); width:28px; height:28px; filter:drop-shadow(0 0 7px var(--accent)); }
.portrait-note { z-index:5; color:#b8cedd; background:rgba(3,9,15,.66); border-left:2px solid var(--accent); padding:5px 8px; bottom:12px; }
.portrait-meta { z-index:6; text-shadow:0 2px 5px #000; }

.hero-copy { position:relative; }
.hero-copy::before { content:"04"; position:absolute; right:0; top:-22px; color:rgba(145,191,223,.055); font:800 124px Inter; letter-spacing:-.08em; pointer-events:none; }
.personal-summary { display:grid; gap:7px; margin-top:7px; max-width:620px; }
.personal-summary p { margin:0; color:#a9bdcb; font-size:13px; line-height:1.55; display:flex; gap:12px; align-items:baseline; }
.personal-summary span { color:var(--accent); font:700 9px "Space Mono"; min-width:18px; }

.identity-card { overflow:hidden; min-height:360px; padding-bottom:128px; }
.identity-visual { position:absolute; left:0; right:0; bottom:0; height:124px; overflow:hidden; border-top:1px solid rgba(136,187,224,.17); background:#020810; }
.japan-shot { position:absolute; width:100%; height:100%; object-fit:cover; object-position:center 42%; opacity:.38; filter:saturate(.65) contrast(1.2) brightness(.72); }
.identity-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(3,10,17,.1), rgba(3,10,17,.78) 74%), linear-gradient(180deg, rgba(3,10,17,.1), #05101a 110%); }
.spd-figure { position:absolute; z-index:2; height:148px; right:-20px; bottom:-24px; object-fit:contain; opacity:.72; filter:saturate(.65) contrast(1.1) drop-shadow(0 0 16px rgba(255,48,74,.18)); }
.identity-stamp { position:absolute; left:14px; bottom:14px; z-index:3; color:#c7d8e4; font-size:8px; letter-spacing:.1em; border-left:2px solid var(--accent); padding:4px 7px; background:rgba(3,10,17,.6); }
.mini-map { position:absolute; right:12px; top:224px; width:105px; height:58px; z-index:2; opacity:.28; }

.social-card { isolation:isolate; }
.social-card::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(110deg, transparent, rgba(255,255,255,.045), transparent 55%); transform:translateX(-100%); transition:transform .45s; }
.social-card:hover::before { transform:translateX(100%); }
.social-card:nth-child(1) .social-icon { color:#fff; background:linear-gradient(135deg,#1877f2,#0d4fa8); }
.social-card:nth-child(2) .social-icon { color:#fff; background:linear-gradient(135deg,#7c3aed,#e1306c,#f59e0b); }
.social-card:nth-child(3) .social-icon { color:#fff; background:#5865f2; }
.social-card:nth-child(4) .social-icon { color:#fff; background:#07090d; text-shadow:-2px 0 #25f4ee,2px 0 #fe2c55; }
.social-card:nth-child(5) .social-icon { color:#fff; background:#ff0033; }
.social-card:nth-child(6) .social-icon { color:#ffe4ec; background:linear-gradient(135deg,#ff647d,#ff8ba0); }
.social-card:nth-child(7) .social-icon { color:#08111b; background:#e8f4ff; }

.widget { backdrop-filter:blur(9px); }
.season-grid a { position:relative; overflow:hidden; }
.season-grid a::before { content:""; position:absolute; left:0; top:0; bottom:0; width:2px; background:var(--accent); opacity:.5; }

@media (max-width:1180px) {
  .hero-grid { grid-template-columns:280px 1fr; }
  .identity-card { padding-bottom:116px; }
  .identity-visual { height:112px; }
  .spd-figure { height:132px; }
}
@media (max-width:760px) {
  .portrait-frame { min-height:410px; }
  .portrait-photo { min-height:390px; }
  .portrait-photo img { object-position:center 28%; }
  .hero-copy::before { font-size:86px; }
  .identity-card { display:block; padding-bottom:126px; }
  .identity-row { flex-direction:row; align-items:center; border-right:0; }
  .identity-title { display:block; }
  .identity-visual { display:block; }
  .mini-map { display:none; }
}