html,body{width:100%;height:100%;margin:0;padding:0}body{overflow:hidden}.port-layout{background:#0b141b;grid-template-columns:40% 60%;width:100%;height:100vh;display:grid}.port-map{border-right:1px solid #00ffff26;height:100vh;position:sticky;top:0;overflow:hidden}.port-content{color:#e5faff;background:linear-gradient(#0e1a22,#0b141b);height:100vh;padding:24px 28px;overflow-y:auto}@media (max-width:768px){.port-layout{grid-template-rows:40vh auto;grid-template-columns:1fr;height:auto}.port-map{border-bottom:1px solid #00ffff26;border-right:none;height:40vh;position:relative}.port-content{height:auto;padding:20px}}.holoPage{color:#dcf5ffeb;background:radial-gradient(1200px 800px at 30% 20%,#28b4ff29,#0000 55%),radial-gradient(900px 600px at 75% 70%,#00ffd21a,#0000 60%),#05080c;min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;position:relative;overflow:hidden}.holoHudTop{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#05080ceb,#05080c26);border-bottom:1px solid #5adcff1f;justify-content:space-between;align-items:flex-start;padding:18px 18px 12px;display:flex;position:sticky;top:0}.holoBadge{letter-spacing:.18em;background:#0a121a8c;border:1px solid #5adcff33;border-radius:999px;padding:6px 10px;font-size:12px;display:inline-block}.holoTitle{letter-spacing:.02em;margin-top:10px;font-size:22px;font-weight:700}.holoMeta{opacity:.75;letter-spacing:.14em;text-transform:uppercase;margin-top:6px;font-size:12px}.holoHudRight{gap:10px;display:flex}.holoStat{background:#0a121a73;border:1px solid #5adcff2e;border-radius:14px;min-width:86px;padding:10px}.holoStat .k{opacity:.65;letter-spacing:.18em;font-size:10px}.holoStat .v{margin-top:6px;font-size:13px;font-weight:700}.holoStat .v.ok{color:#78ffdcf2;text-shadow:0 0 14px #5affdc40}.holoStage{grid-template-columns:1.3fr .7fr;gap:16px;padding:18px;display:grid}.holoMapFrame{background:#070c1259;border:1px solid #5adcff2e;border-radius:22px;height:calc(100vh - 110px);position:relative;overflow:hidden;box-shadow:0 20px 80px #0000008c}.holoFrameEdge{pointer-events:none;border-radius:22px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #8cffff14}.holoGlass{pointer-events:none;mix-blend-mode:screen;opacity:.9;background:radial-gradient(800px 600px at 30% 20%,#5adcff1a,#0000 60%),radial-gradient(700px 500px at 70% 80%,#00ffd214,#0000 58%);position:absolute;inset:0}.holoScanlines{pointer-events:none;opacity:.22;mix-blend-mode:screen;background:repeating-linear-gradient(#8cffff0f 0 1px,#0000 3px 6px);position:absolute;inset:0}.holoSide{background:#070c1273;border:1px solid #5adcff29;border-radius:22px;flex-direction:column;height:calc(100vh - 110px);display:flex;overflow:hidden}.holoSideHeader{border-bottom:1px solid #5adcff1f;padding:16px 16px 12px}.holoSideTitle{letter-spacing:.02em;font-size:16px;font-weight:800}.holoSideSub{opacity:.72;margin-top:6px;font-size:12px}.holoList{flex-direction:column;gap:10px;padding:12px;display:flex;overflow:auto}.holoItem{color:#dcf5ffeb;cursor:pointer;background:#0a121a59;border:1px solid #5adcff24;border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:12px;transition:transform .12s,border-color .12s,background .12s;display:flex}.holoItem:hover{background:#0a121a8c;border-color:#8cffff4d;transform:translateY(-1px)}.holoItem.active{border-color:#8cffff73;box-shadow:0 0 0 1px #8cffff33,0 14px 40px #00c8ff1a}.holoItemLeft{align-items:center;gap:10px;display:flex}.holoItem .dot{background:#78ffdce6;border-radius:999px;width:10px;height:10px;box-shadow:0 0 18px #5affdc40}.holoItem .name{font-size:13px;font-weight:700}.holoItem .tag{letter-spacing:.18em;opacity:.8;font-size:11px}.holoCta{border-top:1px solid #5adcff1f;margin-top:auto;padding:14px 14px 16px}.holoPrimary{color:#ebfafff5;cursor:pointer;background:linear-gradient(#198cff59,#0a121a59);border:1px solid #5adcff38;border-radius:16px;width:100%;padding:12px 14px;font-weight:800;box-shadow:0 16px 60px #0078ff1f}.holoPrimary:hover{border-color:#8cffff66}.holoFinePrint{opacity:.65;margin-top:10px;font-size:12px}.holoIntro{z-index:999;background:#05080cf5;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.holoIntro.off{opacity:0;pointer-events:none}.holoIntroGrid{opacity:.2;background-color:#0000;background-image:linear-gradient(90deg,#5adcff0f 1px,#0000 1px),linear-gradient(#5adcff0f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:60px 60px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.holoIntroScan{opacity:.55;background:linear-gradient(#0000,#5adcff24,#0000);animation:1.4s linear infinite holoScan;position:absolute;inset:-20%;transform:rotate(12deg)}@keyframes holoScan{0%{transform:translateY(-30%)rotate(12deg)}to{transform:translateY(30%)rotate(12deg)}}.holoIntroCenter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a121a73;border:1px solid #5adcff2e;border-radius:22px;width:min(680px,92vw);padding:26px 24px;position:relative;box-shadow:0 24px 90px #000000a6}.holoIntroKicker{opacity:0;letter-spacing:.22em;text-transform:uppercase;font-size:12px;transition:opacity .22s}.holoIntroTitle{opacity:0;letter-spacing:.02em;margin-top:10px;font-size:34px;font-weight:900;transition:opacity .26s}.holoIntroSub{opacity:0;letter-spacing:.18em;opacity:0;margin-top:10px;font-size:12px;transition:opacity .26s}.holoIntroKicker.on,.holoIntroTitle.on,.holoIntroSub.on{opacity:1}.holoIntroBar{opacity:0;background:#0003;border:1px solid #5adcff2e;border-radius:999px;height:10px;margin-top:18px;transition:opacity .24s;overflow:hidden}.holoIntroBar.on{opacity:1}.holoIntroFill{background:linear-gradient(90deg,#00ffd200,#5adcffb3,#00ffd200);width:100%;height:100%;animation:.9s forwards holoLoad;transform:translate(-55%)}@keyframes holoLoad{0%{transform:translate(-55%)}to{transform:translate(0%)}}@media (max-width:980px){.holoStage{grid-template-columns:1fr}.holoMapFrame,.holoSide{height:56vh}}.holoMapFrame{position:relative}.holoMapFrame .holoGlass.holoBg{pointer-events:none;opacity:.1!important;z-index:0!important}.holoMapFrame canvas{z-index:1;position:absolute;inset:0}.holoMapFrame .holoScanlines{z-index:2;opacity:.12;pointer-events:none}.holoBgPhoto{filter:saturate(1.1)contrast(1.05);background:radial-gradient(1200px 800px at 30% 40%,#18f6ff1a,#0000 60%),radial-gradient(900px 700px at 75% 70%,#2b7cff1a,#0000 55%),linear-gradient(#00000026,#0000008c);opacity:.14!important;background-image:none!important}.holoHudArt{mix-blend-mode:screen;opacity:.12!important;background-image:url(/media/hud-overlay.svg)!important}.holoGlass{opacity:.1!important;background:radial-gradient(800px 600px at 50% 65%,#18f6ff1f,#0000 65%)!important}.holoMapFrame{position:relative;overflow:hidden}.holoMapFrame:after{content:"";opacity:.35;pointer-events:none;z-index:3;background:linear-gradient(#0000,#18f6ff14,#0000);height:60%;animation:6.5s linear infinite dccScanSweep;position:absolute;inset:-40% 0 auto;transform:translateY(-30%)}@keyframes dccScanSweep{0%{transform:translateY(-40%)}to{transform:translateY(140%)}}.holoMapFrame.photoMode{background:#050a0f;position:relative;overflow:hidden}.holoMapFrame.photoMode .holoPhotoBg{object-fit:cover;opacity:1;filter:saturate(1.12)contrast(1.08)brightness(.92);z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.holoMapFrame.photoMode .holoHudOverlay{object-fit:cover;opacity:.22;mix-blend-mode:screen;z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.holoMapFrame.photoMode .holoGlass.holoBg{opacity:.04!important;mix-blend-mode:soft-light!important;background:radial-gradient(90% 70% at 30% 30%,#28b4ff24,#0000 60%),linear-gradient(#00000059,#0000001a)!important}.holoMapFrame.photoMode canvas{opacity:0!important}