:root{--split:50%;--navy:#071b2d;--blue:#0f4b77;--blue2:#2f83c4;--paper:#f5f9fc;--ink:#17354d;--muted:#6f8495;--orange:#f2a800}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#071725;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}button{font:inherit}button:focus-visible{outline:3px solid #ffd45e;outline-offset:2px}
#stage{position:relative;width:100vw;height:100vh;overflow:hidden;background:#071725;color:#fff}
#reality{position:absolute;inset:0 auto 0 0;width:var(--split);overflow:hidden;background:#0a2235}.real-img{position:absolute;inset:0;width:200%;height:100%;object-fit:cover;object-position:left center;opacity:0;transform:scale(1.02);transition:opacity .28s ease;filter:saturate(.98) contrast(1.02)}.real-img.show{opacity:1}#realityShade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,10,17,.02),rgba(2,10,17,.06) 56%,rgba(2,10,17,.66));z-index:3}
#abstract{position:absolute;right:0;top:0;width:calc(100% - var(--split));height:100%;overflow:hidden;background:radial-gradient(circle at 70% 10%,rgba(65,135,195,.18),transparent 32%),linear-gradient(180deg,#fbfdff,#eef4f8);color:var(--ink)}#divider{position:absolute;z-index:50;left:var(--split);top:0;width:3px;height:100%;transform:translateX(-50%);background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(64,132,187,.75),rgba(255,255,255,.15));box-shadow:0 0 18px rgba(40,100,150,.3)}
.labelTop{position:absolute;z-index:15;top:18px;font-size:10px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.labelTop.left{left:22px;color:#c9ddeb}.labelTop.right{left:22px;color:#6d8598}
#caption{position:absolute;z-index:70;left:28px;bottom:82px;max-width:44vw;text-shadow:0 2px 18px rgba(0,0,0,.5)}#caption .act{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#b6d1e5;font-weight:850;margin-bottom:8px}#caption h1{font-size:clamp(22px,2.2vw,39px);line-height:1.04;margin:0;font-weight:900;letter-spacing:-.025em}#caption p{font-size:clamp(12px,1vw,15px);line-height:1.43;margin:9px 0 0;color:#dce8f0;max-width:39vw}
#modelCard{position:absolute;left:2.6%;right:2.6%;top:5.5%;bottom:7.2%;border-radius:19px;background:rgba(255,255,255,.98);border:1px solid rgba(105,140,166,.22);box-shadow:0 26px 65px rgba(23,55,80,.18);opacity:0;transform:translateY(16px) scale(.988);transition:opacity .24s ease,transform .24s ease;overflow:hidden}#modelCard.show{opacity:1;transform:none}#modelHead{height:52px;display:flex;align-items:center;gap:10px;padding:0 17px;border-bottom:1px solid #dce7ee;background:linear-gradient(180deg,#fff,#f7fafc)}#modelTitle{font-size:16px;font-weight:900;color:#173750}#modelBadge{margin-left:auto;font-size:8.5px;letter-spacing:.11em;text-transform:uppercase;color:#8297a7;font-weight:800}#modelBody{position:absolute;left:9px;right:9px;top:60px;bottom:48px;display:flex;align-items:center;justify-content:center;overflow:hidden}#diagramWrap{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}#diagram{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:opacity .16s ease}#diagram.fade{opacity:.08}.model-svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%}.model-svg text,.model-svg tspan{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.node{transition:filter .18s ease,stroke .18s ease,fill .18s ease}.node-active{filter:drop-shadow(0 0 7px rgba(242,168,0,.45))}.node-active rect,.node-active path,.node-active circle,.node-active polygon,.node-active line,.node-active polyline,.node-active ellipse{stroke:#f2a800!important;stroke-width:3!important}.node-active text,.node-active tspan{fill:#17354d!important;stroke:none!important;font-weight:inherit!important}
#modelToken{position:absolute;z-index:20;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff9c7 0 18%,#ffd45e 35%,var(--orange) 70%,#d87f00 100%);box-shadow:0 0 0 2px rgba(255,255,255,.85),0 0 16px rgba(242,168,0,.88),0 0 30px rgba(242,168,0,.34);transform:translate(-50%,-50%);opacity:0;transition:left .12s linear,top .12s linear,opacity .12s ease}#modelToken::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(242,168,0,.28)}#modelFooter{position:absolute;left:17px;right:17px;bottom:10px;height:29px;display:flex;align-items:center;gap:8px;font-size:9.5px;color:#657d90}#modelFooter .chip{padding:4px 7px;border-radius:999px;background:#eef5fa;border:1px solid #d6e3ec;font-weight:800;color:#193c59}
#break{position:absolute;inset:0;z-index:130;display:grid;place-items:center;background:rgba(5,19,31,.94);backdrop-filter:blur(8px);opacity:0;pointer-events:none;text-align:center;padding:8vw}#break small{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#f2b42c;font-weight:900}#break h2{margin:10px auto 0;max-width:900px;font-size:clamp(32px,4vw,64px);line-height:1.04}#break p{margin:14px auto 0;max-width:680px;font-size:clamp(13px,1.2vw,18px);line-height:1.45;color:#cfe0eb}
#startOverlay{position:absolute;inset:0;z-index:220;display:grid;place-items:center;padding:5vw;background:linear-gradient(100deg,rgba(4,17,28,.93),rgba(4,17,28,.73)),url('01-campus.webp') center/cover no-repeat;transition:opacity .35s ease,visibility .35s ease}#startOverlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.startCard{max-width:760px;text-align:center}.startEyebrow{font-size:11px;letter-spacing:.19em;font-weight:900;color:#f2b42c;margin-bottom:14px}.startCard h1{font-size:clamp(35px,5vw,76px);line-height:1.0;margin:0;letter-spacing:-.035em}.startCard p{font-size:clamp(14px,1.4vw,20px);line-height:1.5;color:#d3e2ec;max-width:700px;margin:20px auto 28px}.startCard button{border:0;border-radius:999px;padding:13px 21px;background:#fff;color:#102f49;font-weight:900;cursor:pointer;box-shadow:0 12px 34px rgba(0,0,0,.25)}.playIcon{color:#f2a800;margin-right:8px}
#hud{position:absolute;z-index:180;left:50%;bottom:13px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(3,15,25,.82);backdrop-filter:blur(9px);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 30px rgba(0,0,0,.24)}#hud button{border:0;border-radius:999px;background:#173b59;color:#fff;padding:6px 10px;font-weight:850;cursor:pointer}#hud button.active{background:#2c6fa5}.track{width:min(27vw,350px);height:7px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden;cursor:pointer}.bar{height:100%;width:0;background:linear-gradient(90deg,#f2a800,#ffd875)}#clock{font-size:10px;color:#d5e4ef;min-width:84px;text-align:right}.langs{display:flex;gap:3px}.langs button{padding:6px 8px;font-size:9px;letter-spacing:.05em}body.embed .langs{display:none}
@media(max-width:700px){#reality{width:100%!important;height:42%;bottom:auto}#abstract{display:block;left:0;right:auto;top:42%;width:100%!important;height:58%}#divider{display:block;left:0!important;top:42%;width:100%;height:3px;transform:none}#caption{left:16px;top:13%;bottom:auto;max-width:88vw}#caption h1{font-size:clamp(18px,5vw,25px)}#caption p{display:none}.labelTop{top:10px}.labelTop.left{left:14px}.labelTop.right{left:14px}#modelCard{top:4%;bottom:7%;left:2%;right:2%}#modelHead{height:42px;padding:0 11px}#modelTitle{font-size:12px}#modelBadge{font-size:7px}#modelBody{top:48px;bottom:38px}#modelFooter{font-size:8px;bottom:6px;height:24px}.track{width:29vw}.langs{display:none}#hud{max-width:96vw;bottom:7px;padding:5px 7px}#hud button{padding:5px 8px}#clock{display:none}.startCard h1{font-size:clamp(30px,9vw,48px)}.startCard p{font-size:13px}.real-img{width:200%;height:100%;object-position:left center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* V5.5 — non-regression: V5.3 detailed models are preserved as production reference */
.model-img{display:block;width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%}
.overview-grid{width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:2px}
.overview-atlas{min-height:0;overflow:hidden;border:1px solid #d7e3eb;border-radius:10px;background:#fff}
.overview-atlas img{display:block;width:100%;height:100%;object-fit:contain}
.overview-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.overview-legend div{border:1px solid #cbdbe7;background:#f7fafc;border-radius:9px;padding:7px 8px;font-size:9px;line-height:1.25;color:#5b7386}
.overview-legend b{display:block;color:#173953;font-size:11px;margin-bottom:2px}
@media(max-width:700px){.overview-legend{display:none}.overview-grid{display:block}.overview-atlas{height:100%}}