body,html{margin:0;padding:0;height:100%;overflow:hidden;background-color:var(--cf-color-bg);font-family:var(--cf-font-family, monospace),serif;color:var(--cf-color-text)}.split-screen{display:flex;width:100vw;height:100vh;overflow:hidden}.visual-pane{flex:1;position:relative;overflow:hidden;background-color:#000;border-right:2px solid var(--cf-color-primary-dim)}.halftone-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/background-BauE9GS9.jpeg);background-size:cover;background-position:center;filter:contrast(130%) brightness(.9);opacity:.8}.visual-pane:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,rgb(0 0 0 / 70%) 1px,transparent 1.5px);background-size:3px 3px;mix-blend-mode:multiply;z-index:1;pointer-events:none}.visual-pane:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#12101000 50%,#00000040 50%);background-size:100% 4px;z-index:2;pointer-events:none}.visual-pane .moving-scanline{position:absolute;top:0;left:0;width:100%;height:100px;background:linear-gradient(to bottom,transparent 0%,rgb(255 176 0 / 3%) 50%,transparent 100%);opacity:.4;z-index:3;pointer-events:none;animation:scanline-move 8s linear infinite}@keyframes scanline-move{0%{transform:translateY(-100px)}to{transform:translateY(100vh)}}.visual-overlay{position:absolute;bottom:30px;left:30px;z-index:10;background:#0009;padding:10px 20px;border-left:4px solid var(--cf-color-primary)}.visual-overlay h1{font-size:4rem;margin:0;color:var(--cf-color-primary);text-shadow:0 0 10px var(--cf-color-primary-dim);opacity:.8;font-family:Share Tech Mono,monospace}.content-pane{flex:1;display:flex;flex-direction:column;background-color:var(--cf-color-bg);position:relative}.section-header{padding:10px 20px;border-bottom:1px solid var(--cf-color-primary-dim);background:#ffb0000d}.section-header h2{font-size:1.2rem;margin:0;color:var(--cf-color-primary-dim);letter-spacing:2px}.info-section{overflow-y:auto;padding:20px;scrollbar-width:thin;scrollbar-color:var(--cf-color-primary-dim) var(--cf-color-bg)}.info-card{background:#111c;border:1px solid var(--cf-color-primary-dim);margin-bottom:20px;padding:20px;box-shadow:0 0 10px #0000007f}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;border-bottom:1px dashed var(--cf-color-primary-dim);padding-bottom:10px}.card-header .icon{font-size:24px;color:var(--cf-color-primary)}.card-header h3{margin:0;font-size:1.2rem;color:var(--cf-color-text)}.info-links{display:flex;flex-direction:column;gap:15px}.info-link{display:flex;align-items:center;gap:15px;text-decoration:none;color:var(--cf-color-text);padding:10px;background:#ffb00005;border:1px solid transparent;transition:all .2s ease}.info-link:hover{background:#ffb0001a;border-color:var(--cf-color-primary);transform:translate(5px)}.info-link .icon-small{color:var(--cf-color-primary-dim);font-size:20px}.link-text{display:flex;flex-direction:column}.link-text .label{font-size:.7rem;color:var(--cf-color-primary-dim);letter-spacing:1px}.link-text .value{font-size:1rem}.status-log p{margin:5px 0;font-family:Share Tech Mono,monospace;font-size:.9rem;color:var(--cf-color-primary-dim)}.nav-section-wrapper{flex:1;display:flex;flex-direction:column;border-top:4px solid var(--cf-color-primary-dim);background:#0a0a0a;min-height:200px}.nav-section{flex:1;display:flex;overflow-x:auto;padding:20px;gap:20px;align-items:center;scrollbar-width:thin;scrollbar-color:var(--cf-color-primary-dim) var(--cf-color-bg)}.nav-card{flex:0 0 250px;height:160px;background:var(--cf-color-surface);border:2px solid var(--cf-color-primary-dim);display:flex;flex-direction:column;text-decoration:none;position:relative;transition:all .3s ease;overflow:hidden}.nav-card:hover{border-color:var(--cf-color-primary);box-shadow:0 0 15px #ffb00033;transform:translateY(-5px)}.nav-visual{flex:2;background:#ffb0000d;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--cf-color-primary-dim)}.nav-visual .icon-large{font-size:48px;color:var(--cf-color-primary-dim);transition:color .3s}.nav-card:hover .nav-visual .icon-large{color:var(--cf-color-primary)}.nav-content{flex:1;padding:10px;background:#0009}.nav-content h3{margin:0;font-size:1.1rem;color:var(--cf-color-primary)}.nav-content p{margin:2px 0 0;font-size:.8rem;color:var(--cf-color-primary-dim)}.nav-card.disabled{opacity:.5;cursor:not-allowed;filter:grayscale(100%);border-style:dashed}.nav-card.disabled:hover{transform:none;box-shadow:none;border-color:var(--cf-color-primary-dim)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--cf-color-bg)}::-webkit-scrollbar-thumb{background:var(--cf-color-primary-dim);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cf-color-primary)}@media(max-width:768px){.split-screen{flex-direction:column;overflow-y:auto}.visual-pane{flex:0 0 30vh;border-right:none;border-bottom:2px solid var(--cf-color-primary-dim)}.visual-overlay h1{font-size:2.5rem}.content-pane{flex:1 1 70vh}.nav-section-wrapper{min-height:180px}.nav-card{flex:0 0 200px;height:140px}}