/* Original Night Agent-inspired interface. No remote assets, video, or canvas loops. */
.night-page { background:#0c1115; color:#e9e6df; }
.night-page .navbar { background:#0c1115 !important; border-bottom:1px solid #253037; padding:1rem max(1.5rem,calc((100vw - 1360px)/2)); }
.night-page .navbar-brand { font-size:1rem; }
.night-page .nav-link { font-size:.8rem; }
.night-shell { --night-muted:#93a1a8; --night-orange:#f69b62; width:100%; max-width:none; margin:auto; padding:0 32px; font-family:Arial,Helvetica,sans-serif; }
.night-shell * { box-sizing:border-box; }
.night-shell h1,.night-shell h2,.night-shell h3,.night-shell p { text-align:left; margin:0; }
.night-shell button { cursor:pointer; }
.night-shell a:focus-visible,.night-shell button:focus-visible,.night-shell select:focus-visible { outline:2px solid #f69b62; outline-offset:5px; }
.night-topline { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #283037; padding:23px 0; font:10px monospace; letter-spacing:1.7px; color:#bbc3c6; }
.night-wordmark { display:flex; align-items:center; gap:15px; }
.night-mark { display:inline-flex; align-items:center; justify-content:center; width:42px; height:32px; border:1px solid #7d8a90; font-size:13px; letter-spacing:-1px; color:#f4eee5; }
.night-mark span { color:var(--night-orange); padding:0 3px; }
.night-divider { color:#53636b; padding:0 3px; }
.night-channel { display:flex; align-items:center; gap:10px; }
.night-channel i,.night-live-label i { width:5px; height:5px; background:#a8c6a3; border-radius:50%; box-shadow:0 0 10px #a8c6a345; }
.night-channel-number { margin-left:16px; color:#7b8b95; }
.night-hero { display:grid; grid-template-columns:1.05fr 1fr; min-height:530px; overflow:hidden; position:relative; }
.night-hero-copy { padding:52px 0 35px; position:relative; z-index:1; }
.night-eyebrow { font:10px/1.5 monospace; letter-spacing:1.7px; color:#a4b1b8; display:block; }
.night-hero .night-eyebrow { display:flex; gap:12px; align-items:center; }
.night-orange-line { width:25px; height:1px; background:var(--night-orange); }
.night-tag { color:var(--night-orange); border:1px solid #63452f; background:#f69b6208; padding:4px 7px; font-size:9px; }
.night-shell h1 { font-family:'Arial Narrow',Impact,'Helvetica Neue',Arial,sans-serif; font-size:clamp(72px,8.4vw,116px); font-weight:900; line-height:.91; letter-spacing:-4px; margin:26px 0 24px; color:#efeae1; }
.night-shell h1 span { color:var(--night-orange); }
.night-shell .night-hero-subtitle { font-size:20px; font-weight:500; letter-spacing:-.3px; color:#e1e5e6; margin-bottom:10px; }
.night-shell .night-hero-note { font-size:13px; color:var(--night-muted); line-height:1.8; }
.night-mission { margin-top:30px; padding-left:16px; border-left:2px solid #f69b62; display:flex; flex-direction:column; gap:6px; }
.night-mission>span:first-child { font:9px monospace; letter-spacing:1.7px; color:#81929b; }
.night-mission strong { font-size:14px; font-weight:500; }
.night-mission-label { font:8px monospace; letter-spacing:1.2px; color:#778993; }
.night-visual { position:relative; min-width:0; background:radial-gradient(ellipse at 58% 44%,#3453582b,transparent 62%); overflow:hidden; }
.night-visual::before { content:""; position:absolute; inset:0; background-image:linear-gradient(#8aa2a709 1px,transparent 1px),linear-gradient(90deg,#8aa2a709 1px,transparent 1px); background-size:40px 40px; mask-image:radial-gradient(ellipse,black,transparent 72%); }
.night-orbit { border:1px solid #78929622; border-radius:50%; position:absolute; left:50%; top:44%; transform:translate(-50%,-50%); }
.night-orbit-outer { width:430px; height:430px; }
.night-orbit-inner { width:315px; height:315px; border-style:dashed; animation:night-orbit 120s linear infinite; }
.night-orbit-cross { position:absolute; width:480px; height:1px; background:#78929618; top:44%; left:50%; transform:translateX(-50%); }
.night-city { position:absolute; width:110%; height:90%; bottom:25px; left:-5%; }
.night-coordinate { font:9px/1.8 monospace; letter-spacing:1px; position:absolute; top:65px; right:15px; color:#748c94; }
.night-visual-caption { position:absolute; top:145px; left:30px; color:#92a7ac; font:9px monospace; letter-spacing:1.5px; }
.night-visual-caption span { display:block; font-size:7px; margin-top:8px; color:#5c777e; }
.night-signal { position:absolute; bottom:50px; right:0; left:80px; border:1px solid #445151; background:#172227e8; padding:20px 23px; display:flex; align-items:center; gap:17px; box-shadow:0 15px 50px #0005; }
.night-signal-icon { font-size:37px; color:var(--night-orange); font-family:monospace; line-height:1; }
.night-signal>div { font:11px monospace; letter-spacing:1.6px; }
.night-signal small { display:block; font:12px Arial,sans-serif; letter-spacing:0; margin-top:7px; color:#a7b5ba; }
.night-signal-bars { display:flex; align-items:flex-end; gap:3px; margin-left:auto; height:20px; }
.night-signal-bars i { width:3px; height:7px; background:#e29a6b; animation:night-signal 3s ease-in-out infinite; }
.night-signal-bars i:nth-child(2) { height:12px; animation-delay:.3s; }.night-signal-bars i:nth-child(3) { height:17px; animation-delay:.6s; }.night-signal-bars i:nth-child(4) { height:22px; animation-delay:.9s; }
.night-metrics { border-top:1px solid #394047; border-bottom:1px solid #394047; display:grid; grid-template-columns:1fr 1fr 1.2fr .8fr; padding:24px 0; }
.night-metrics>div { padding:0 28px; border-right:1px solid #2e353b; }
.night-metrics>div:first-child { padding-left:0; }.night-metrics>div:last-child { border:0; }
.night-metric-label { display:block; color:#82929b; font:9px monospace; letter-spacing:1.2px; margin-bottom:9px; }
.night-metrics strong { font-size:16px; font-weight:500; }
.night-motion-cell button { background:none; border:0; padding:0; color:#c3cecf; font:12px monospace; }
.night-workspace { display:grid; grid-template-columns:minmax(0,1fr); align-items:start; gap:36px; margin-top:40px; }
.night-section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.night-shell h2 { color:#e9e6df; font-size:30px; letter-spacing:-1px; margin:7px 0 0; font-weight:500; }.night-shell h2 span { color:var(--night-orange); }
.night-live-label { color:#a6b5b7; font:10px monospace; display:flex; align-items:center; gap:8px; white-space:nowrap; }
.night-board-toolbar { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin:23px 0 20px; }.night-board-toolbar p { font-size:12px; color:#8b9da7; }
.night-text-button { background:none; border:0; color:#d4a17c; font-size:11px; padding:8px 0 8px 10px; white-space:nowrap; }.night-text-button span { padding-left:10px; }
.night-table { width:100%; border-collapse:separate; border-spacing:0 7px; table-layout:fixed; }
.night-table th { font:9px monospace; letter-spacing:1.1px; color:#84959d; padding:0 12px 10px; text-align:left; }
.night-table th:first-child { width:85px; }.night-table th:nth-child(3) { width:110px; }.night-table th:nth-child(4) { width:100px; text-align:right; }.night-table th:last-child { width:55px; }
.night-table td { background:#151d22; padding:16px 12px; border-top:1px solid #263238; border-bottom:1px solid #263238; vertical-align:middle; height:73px; }
.night-table td:first-child { border-left:1px solid #263238; padding-left:22px; }.night-table td:last-child { border-right:1px solid #263238; }
.night-rank { font:20px monospace; color:#768b97; }
.night-table tr:nth-child(-n+3) .night-rank { color:#e8b185; }.night-table tr:nth-child(-n+3) .night-avatar { color:#e8b185; border-color:#766044; background:#302921; }
.night-table tr:first-child td { background:#201f1b; border-color:#625038; }
.night-agent { display:flex; align-items:center; gap:13px; color:#dfE4e6; text-decoration:none; min-width:0; }.night-agent:hover { color:var(--night-orange); text-decoration:none; }
.night-avatar { border:1px solid #3c4a53; display:flex; align-items:center; justify-content:center; width:32px; height:35px; font-size:18px; color:#7b94a1; flex:none; }
.night-agent strong { font:14px monospace; letter-spacing:1.5px; }.night-agent small { display:block; margin-top:5px; font-size:11px; color:#a1b2ba; overflow-wrap:anywhere; }
.night-playtime { font:12px monospace; color:#9eafb8; }
.night-points { text-align:right; }.night-points strong { font:22px monospace; color:#e8e8e2; }.night-points small { display:block; font:8px monospace; margin-top:3px; color:#7c929e; letter-spacing:1px; }
.night-movement { font:10px monospace; color:#647b86; text-align:center; }.night-movement.is-up { color:#b4d5ac; }
.night-table .is-me td { border-top-color:#c08550; border-bottom-color:#c08550; background:#25241f; }.night-table .is-me td:first-child { border-left:3px solid #f69b62; padding-left:20px; }
.night-you { font:8px monospace; color:#f3b480; letter-spacing:1px; background:#f69b6215; padding:4px 5px; margin-left:auto; }
.night-board-footer { display:flex; justify-content:space-between; gap:10px; padding-top:17px; color:#788e99; font:9px monospace; }
.night-personal { border:1px solid #4b4338; padding:26px 24px; background:linear-gradient(145deg,#28251f,#191d1d); }
.night-personal .night-eyebrow { color:#d4a582; font-size:9px; }.night-shell .night-personal h3 { font-size:23px; color:#eee4d4; font-weight:500; margin:12px 0 22px; letter-spacing:-.5px; }
.night-personal label { display:block; font-size:11px; color:#aeb5b1; margin-bottom:8px; }
.night-personal select { width:100%; background:#11191c; border:1px solid #505046; border-radius:0; color:#e7e0d6; padding:11px; font:12px monospace; }
.night-personal-score { display:flex; align-items:center; gap:20px; margin:25px 0 15px; }.night-personal-score strong { font:56px/1 monospace; color:#f2b17d; letter-spacing:-4px; }.night-personal-score span { color:#aaada3; font:9px/1.8 monospace; letter-spacing:1px; }
.night-shell .night-personal p { font-size:12px; color:#bfc2b9; line-height:1.7; }.night-personal-rule { height:1px; background:#464338; margin:22px 0 18px; }.night-shell .night-personal .night-personal-reminder { color:#929f9d; font-size:11px; }
.night-dispatch { border:1px solid #354249; margin-top:18px; padding:23px 24px 14px; background:#121b20; }.night-dispatch-heading { display:flex; align-items:center; justify-content:space-between; color:var(--night-orange); }.night-dispatch .night-eyebrow { font-size:9px; }.night-dispatch blockquote { margin:23px 0 16px; font:italic 21px/1.45 Georgia,serif; color:#d8dfde; min-height:123px; }.night-dispatch-source { font:7px monospace; letter-spacing:1px; color:#80949d; }.night-dispatch-bottom { margin-top:21px; padding-top:9px; border-top:1px solid #2e3a41; display:flex; align-items:center; justify-content:space-between; font:9px monospace; color:#8b9ba1; }.night-dispatch-bottom button { background:none; border:0; color:#dcc3a6; font-size:25px; padding:0 4px; }
.night-checklist { padding:26px 6px; }.night-checklist .night-eyebrow { font-size:9px; }.night-checklist ol { padding:0; list-style:none; margin:15px 0 0; }.night-checklist li { color:#aab7bc; font-size:11px; padding:9px 0; }.night-checklist li span { font:9px monospace; color:#cb996f; padding-right:16px; }
.night-footer { border-top:1px solid #303a41; margin-top:45px; padding:27px 0 35px; display:flex; gap:20px; justify-content:space-between; font:9px monospace; letter-spacing:.6px; color:#83969e; }.night-footer b { color:var(--night-orange); padding:0 8px; }.night-footer-id { font-size:8px; }.night-footer i { color:var(--night-orange); font-size:15px; font-style:normal; padding-left:10px; }
.night-shell .night-empty { padding:55px 20px; text-align:center; border:1px solid #2b3940; background:#121b20; }.night-empty>span { font:45px monospace; color:var(--night-orange); }.night-shell .night-empty h3,.night-shell .night-empty p { text-align:center; }.night-empty h3 { font-size:23px; margin:15px 0; }.night-empty p { font-size:13px; line-height:1.8; color:#92a6b0; }
.night-shell .night-connection,.night-shell .night-noscript { color:#e2bf91; background:#30291b; padding:12px; font-size:12px; margin:10px 0; }
.night-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.night-focus-active .night-table tr:not(.is-me) { display:none; }.night-focus-active .night-table .night-rank { font-size:0; }.night-focus-active .night-table .night-rank::after { content:'◈'; font-size:20px; }.night-focus-active .night-table .night-movement { visibility:hidden; }
.night-focus-active .night-table thead th:first-child { font-size:0; }.night-focus-active .night-table thead th:first-child::after { content:'YOU'; font-size:9px; }
.night-still *, .night-still *::before, .night-still *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
@keyframes night-orbit { to { transform:translate(-50%,-50%) rotate(360deg); } }
@keyframes night-signal { 0%,100% { opacity:.35; } 50% { opacity:1; } }
@media(max-width:1100px) { .night-workspace { gap:24px; grid-template-columns:minmax(0,1fr); }.night-shell { padding:0 24px; }.night-table th:first-child { width:62px; }.night-table th:nth-child(3) { width:90px; }.night-table th:nth-child(4) { width:75px; }.night-table th:last-child { width:40px; }.night-table td { padding:13px 8px; }.night-agent { gap:8px; }.night-table td:first-child { padding-left:14px; }.night-signal { left:15px; }.night-agent strong { font-size:12px; letter-spacing:.5px; }.night-avatar { width:26px; height:30px; }.night-metrics>div { padding:0 15px; } }
@media(max-width:850px) { .night-workspace { grid-template-columns:1fr; }.night-sidebar { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.night-dispatch { margin:0; }.night-checklist { grid-column:1 / -1; }.night-checklist ol { display:flex; justify-content:space-between; flex-wrap:wrap; }.night-hero { min-height:470px; }.night-hero-copy { padding-top:35px; }.night-shell h1 { font-size:88px; }.night-visual-caption { left:5px; top:100px; font-size:8px; }.night-signal { padding:15px; bottom:60px; }.night-signal-bars { display:none; }.night-footer-id { display:none; }.night-metrics { grid-template-columns:1fr 1fr; row-gap:24px; }.night-metrics>div:nth-child(3) { padding-left:0; }.night-metrics>div:nth-child(2) { border:0; }.night-tag { display:none; } }
@media(max-width:580px) { .night-shell { padding:0 18px; }.night-topline { font-size:8px; letter-spacing:.8px; }.night-wordmark { gap:8px; }.night-channel { font-size:0; gap:0; }.night-channel-number { font-size:9px; margin-left:8px; }.night-hero { grid-template-columns:1fr; min-height:0; }.night-hero-copy { padding:35px 0; }.night-shell h1 { font-size:clamp(56px,17vw,86px); }.night-visual { position:absolute; right:-80px; top:50px; width:300px; height:400px; opacity:.35; pointer-events:none; }.night-visual-caption,.night-coordinate,.night-signal { display:none; }.night-hero-copy { z-index:1; }.night-hero-note,.night-mission { position:relative; }.night-hero-subtitle { max-width:250px; }.night-metrics strong { font-size:13px; }.night-metric-label { font-size:8px; }.night-workspace { margin-top:30px; }.night-shell h2 { font-size:27px; }.night-live-label { font-size:9px; }.night-board-toolbar p { font-size:10px; max-width:180px; line-height:1.6; }.night-table th { font-size:8px; padding-left:6px; padding-right:6px; letter-spacing:0; }.night-table th:first-child { width:49px; }.night-table th:nth-child(3) { width:68px; }.night-table th:nth-child(4) { width:57px; }.night-table th:last-child { width:31px; }.night-table td { padding:11px 6px; height:64px; }.night-table td:first-child { padding-left:10px; }.night-table .is-me td:first-child { padding-left:8px; }.night-avatar { display:none; }.night-rank { font-size:17px; }.night-agent { gap:4px; flex-wrap:wrap; }.night-agent strong { font-size:12px; }.night-you { font-size:7px; padding:3px; margin-left:0; }.night-playtime { font-size:10px; }.night-points strong { font-size:19px; }.night-points small { font-size:7px; }.night-agent small { font-size:9px; }.night-board-footer { font-size:8px; }.night-sidebar { grid-template-columns:1fr; }.night-checklist { grid-column:auto; padding-top:10px; }.night-checklist ol { display:block; }.night-footer { flex-direction:column; gap:13px; margin-top:10px; font-size:8px; } }
@media(prefers-reduced-motion:reduce) { .night-shell *, .night-shell *::before { animation:none !important; transition:none !important; } }