:root[data-theme=crimson]{--color-base:#110505;--color-panel:#250505;--color-panel-trans:#250505cc;--color-cyan:#ff4655;--color-teal:#ff8c42;--color-amber:gold;--color-text-body:#ffd0d0;--glow-cyan:0 0 8px #ff465599;--glow-cyan-intense:0 0 15px #ff4655e6;--glow-amber:0 0 8px #ffd70099}:root[data-theme=verdant]{--color-base:#051105;--color-panel:#052505;--color-panel-trans:#052505cc;--color-cyan:#39ff88;--color-teal:#9f3;--color-amber:#ffb627;--color-text-body:#d0ffd0;--glow-cyan:0 0 8px #39ff8899;--glow-cyan-intense:0 0 15px #39ff88e6;--glow-amber:0 0 8px #ffb62799}:root[data-theme=violet]{--color-base:#0b051a;--color-panel:#150a2a;--color-panel-trans:#150a2acc;--color-cyan:#c77dff;--color-teal:#e0b0ff;--color-amber:#ffb627;--color-text-body:#f0d0ff;--glow-cyan:0 0 8px #c77dff99;--glow-cyan-intense:0 0 15px #c77dffe6;--glow-amber:0 0 8px #ffb62799}:root[data-theme=solar]{--color-base:#1a1a1a;--color-panel:#2a2a2a;--color-panel-trans:#2a2a2acc;--color-cyan:#ffd23f;--color-teal:#ffb8a1;--color-amber:#d45d00;--color-text-body:#ffe0c0;--glow-cyan:0 0 8px #ffd23f99;--glow-cyan-intense:0 0 15px #ffd23fe6;--glow-amber:0 0 8px #d45d0099}:root[data-theme=glacier]{--color-base:#05101f;--color-panel:#0a1a2f;--color-panel-trans:#0a1a2fcc;--color-cyan:#a8e6ff;--color-teal:#d0f0ff;--color-amber:#ffb627;--color-text-body:#e0f8ff;--glow-cyan:0 0 8px #a8e6ff99;--glow-cyan-intense:0 0 15px #a8e6ffe6;--glow-amber:0 0 8px #ffb62799}:root[data-theme=magma]{--color-base:#140804;--color-panel:#2a1008;--color-panel-trans:#2a1008cc;--color-cyan:#ff6b35;--color-teal:#b25028;--color-amber:#88e0e0;--color-text-body:#ffd8c0;--glow-cyan:0 0 8px #ff6b3599;--glow-cyan-intense:0 0 15px #ff6b35e6;--glow-amber:0 0 8px #88e0e099}:root[data-theme=bio]{--color-base:#021418;--color-panel:#042830;--color-panel-trans:#042830cc;--color-cyan:#ff2e9a;--color-teal:#6ff;--color-amber:#ffb627;--color-text-body:#ffd0e8;--glow-cyan:0 0 8px #ff2e9a99;--glow-cyan-intense:0 0 15px #ff2e9ae6;--glow-amber:0 0 8px #ffb62799}:root[data-theme=abyssal]{--color-base:#000;--color-panel:#0a0e14;--color-panel-trans:#0a0e14cc;--color-cyan:#5c7c99;--color-teal:#8a9ba8;--color-amber:#ffb627;--color-text-body:#c0c8d0;--glow-cyan:0 0 8px #5c7c9999;--glow-cyan-intense:0 0 15px #5c7c99e6;--glow-amber:0 0 8px #ffb62799}:root{--color-base:#020b14;--color-panel:#06222e;--color-panel-trans:#06222ecc;--color-cyan:#0ff0fc;--color-teal:#1ed6c7;--color-amber:#ffb627;--color-text-body:#9fe8ec;--font-heading:"Orbitron", sans-serif;--font-body:"JetBrains Mono", monospace;--glow-cyan:0 0 8px color-mix(in srgb, var(--color-cyan) 60%, transparent);--glow-cyan-intense:0 0 15px color-mix(in srgb, var(--color-cyan) 90%, transparent);--glow-amber:0 0 8px color-mix(in srgb, var(--color-amber) 60%, transparent)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-base);color:var(--color-text-body);font-family:var(--font-body);-webkit-font-smoothing:antialiased;cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%230FF0FC\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"/><path d=\"M12 2v4\"/><path d=\"M12 18v4\"/><path d=\"M4 12H2\"/><path d=\"M22 12h-2\"/></svg>") 12 12,crosshair;width:100vw;height:100vh;overflow-x:hidden}.app-wrapper{height:100%;transition:opacity 2s ease-in-out,filter 2s ease-in-out}.app-wrapper.idle-mode{opacity:.5;filter:brightness(.8)contrast(1.2)}.idle-indicator{color:var(--color-amber);font-family:var(--font-heading);letter-spacing:4px;opacity:0;pointer-events:none;text-shadow:var(--glow-amber);z-index:9999;font-size:.8rem;transition:opacity 1s;animation:3s infinite alternate flicker;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.app-wrapper.idle-mode .idle-indicator{opacity:1}#root{width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-cyan);text-shadow:var(--glow-cyan);text-transform:uppercase;letter-spacing:2px}.text-teal{color:var(--color-teal)}.text-amber{color:var(--color-amber);text-shadow:var(--glow-amber)}.text-cyan{color:var(--color-cyan);text-shadow:var(--glow-cyan)}.label-face{letter-spacing:.1em;text-transform:uppercase;color:var(--color-teal);font-size:.75rem}a,button,input,textarea,.nav-item{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23FFB627\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"4\"/><path d=\"M12 2v3\"/><path d=\"M12 19v3\"/><path d=\"M5 12H2\"/><path d=\"M22 12h-3\"/></svg>") 12 12,pointer!important}a{color:var(--color-cyan);text-decoration:none;transition:all .2s}a:hover,a:focus{color:var(--color-amber);text-shadow:var(--glow-amber);outline:none}::-webkit-scrollbar-track{background:#020b1480}::-webkit-scrollbar-thumb{background:var(--color-teal);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan)}.pda-frame{flex-direction:column;width:100%;height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}@media (width>=1024px){.pda-frame{padding:2rem}}.angular-panel{background:var(--color-panel-trans);-webkit-backdrop-filter:blur(8px);border:1px solid color-mix(in srgb, var(--color-teal) 30%, transparent);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);padding:1.5rem;transition:all .3s;position:relative}.angular-panel:before,.angular-panel:after{content:"";border:2px solid var(--color-cyan);width:15px;height:15px;box-shadow:var(--glow-cyan);opacity:.7;position:absolute}.angular-panel:before{border-bottom:none;border-right:none;top:0;left:0}.angular-panel:after{border-top:none;border-left:none;bottom:0;right:0}.angular-panel.amber-accent{border-color:color-mix(in srgb, var(--color-amber) 30%, transparent)}.angular-panel.amber-accent:before,.angular-panel.amber-accent:after{border-color:var(--color-amber);box-shadow:var(--glow-amber)}.scanlines{z-index:9999;pointer-events:none;opacity:.4;background:linear-gradient(#fff0,#fff0 50%,#0000001a 50%,#0000001a) 0 0/100% 4px;animation:10s linear infinite scanlineScroll;position:fixed;inset:0}.vignette{z-index:9998;pointer-events:none;background:radial-gradient(circle,#0000 50%,#020b14cc 100%);position:fixed;inset:0}@keyframes scanlineScroll{0%{background-position:0 0}to{background-position:0 100vh}}@keyframes flicker{0%{opacity:.9}5%{opacity:.8}10%{opacity:.95}15%{opacity:.7}20%{opacity:1}to{opacity:1}}.flicker-effect{animation:4s infinite alternate flicker}.skill-scan-line{background:var(--color-cyan);height:2px;box-shadow:0 0 5px var(--color-cyan);z-index:3;animation:1s linear infinite skillScan;position:absolute;top:0;left:0;right:0}@keyframes skillScan{0%{opacity:0;top:0}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(2px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes pulse-signal{0%{opacity:.3}50%{opacity:1;box-shadow:var(--glow-cyan)}to{opacity:.3}}@media (prefers-reduced-motion:reduce){.scanlines,.flicker-effect{animation:none}*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px;box-shadow:var(--glow-cyan-intense)}.fallback-container{border:1px dashed var(--color-teal);color:var(--color-teal);text-align:center;background:#06222e80;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:150px;padding:1rem;display:flex}.fallback-container.amber-accent{border-color:var(--color-amber);color:var(--color-amber)}.hex-frame{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--color-cyan);aspect-ratio:1;justify-content:center;align-items:center;padding:2px;display:flex;overflow:hidden}.hex-frame img{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);object-fit:cover;width:100%;height:100%;display:block}.main-layout{z-index:10;flex-direction:column;height:100%;display:flex;position:relative}@media (width>=768px){.main-layout{flex-direction:row;gap:2rem}}.nav-menu{flex-direction:column;flex-shrink:0;gap:.5rem;width:100%;max-height:40vh;display:flex;overflow-y:auto}@media (width>=768px){.nav-menu{width:250px;max-height:none}}.nav-item{border:1px solid color-mix(in srgb, var(--color-teal) 20%, transparent);color:var(--color-cyan);font-family:var(--font-heading);text-align:left;cursor:pointer;letter-spacing:1px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:0 0;justify-content:space-between;align-items:center;padding:.75rem 1rem .75rem 2rem;font-size:.9rem;transition:all .2s;display:flex;position:relative}.nav-item .nav-bg-progress{background:color-mix(in srgb, var(--color-cyan) 10%, transparent);z-index:-1;width:0%;transition:width .3s ease-out;position:absolute;top:0;bottom:0;left:0}.nav-item:hover .nav-bg-progress{width:100%}.nav-item.active .nav-bg-progress{background:color-mix(in srgb, var(--color-cyan) 20%, transparent);width:100%}.nav-item:hover,.nav-item.active{border-color:var(--color-cyan);box-shadow:inset var(--glow-cyan)}.nav-item:before{content:">";opacity:0;color:var(--color-cyan);transition:opacity .2s;position:absolute;left:.75rem}.nav-item:hover:before,.nav-item.active:before{opacity:1}.nav-status-dot{background:var(--color-teal);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-signal}.nav-status-dot.visited{border:1px solid var(--color-teal);opacity:.5;background:0 0;animation:none}.content-area{flex-grow:1;margin-top:1rem;padding-right:.5rem;position:relative;overflow-y:auto}@media (width>=768px){.content-area{margin-top:0}}.pda-header{border-bottom:1px solid color-mix(in srgb, var(--color-teal) 30%, transparent);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}@media (width>=768px){.pda-header{flex-direction:row;align-items:center;gap:0}}.status-readout{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}@media (width>=768px){.status-readout{flex-direction:row;align-items:center;gap:1rem}}.typewriter{border-right:.15em solid var(--color-cyan);white-space:nowrap;letter-spacing:.15em;margin:0 auto;animation:3.5s steps(40,end) typing,.75s step-end infinite blink-caret;overflow:hidden}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:var(--color-cyan)}}.fade-in{animation:.3s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.search-input{background:color-mix(in srgb, var(--color-cyan) 5%, transparent);border:1px solid color-mix(in srgb, var(--color-teal) 40%, transparent);width:100%;color:var(--color-cyan);font-family:var(--font-body);letter-spacing:1px;outline:none;padding:.5rem .75rem;font-size:.75rem;transition:all .2s}.search-input::placeholder{color:color-mix(in srgb, var(--color-teal) 40%, transparent);font-family:var(--font-heading);letter-spacing:2px;font-size:.65rem}.search-input:focus{border-color:var(--color-cyan);box-shadow:var(--glow-cyan);background:color-mix(in srgb, var(--color-cyan) 10%, transparent)}.text-muted{color:color-mix(in srgb, var(--color-teal) 60%, transparent);font-family:var(--font-heading);letter-spacing:1px}@keyframes scanSweep{0%{opacity:1;top:0}90%{opacity:1;top:100%}to{opacity:0;top:100%}}.rect-frame{clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);background:var(--color-cyan);justify-content:center;align-items:center;padding:2px;display:flex;overflow:hidden}.rect-frame img{clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);object-fit:contain;width:100%;height:auto;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-left:1px solid color-mix(in srgb, var(--color-cyan) 10%, transparent);background:#020b1480}::-webkit-scrollbar-thumb{background:var(--color-teal);box-shadow:inset 0 0 6px color-mix(in srgb, var(--color-cyan) 80%, transparent);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan);box-shadow:inset 0 0 10px color-mix(in srgb, var(--color-cyan) 100%, transparent)}.print-only{display:none}@media print{.print-only{display:block!important}.no-print,.app-wrapper>:not(.print-only),.pda-frame>:not(.print-only){display:none!important}body{color:#000;background:#fff;font-size:10pt}.app-wrapper,.pda-frame{filter:none!important;opacity:1!important;background:#fff!important;height:auto!important;overflow:visible!important}.scanlines,.vignette,.idle-indicator,.nav-menu,button,.pda-header .status-readout,.flicker-effect{display:none!important}.angular-panel{page-break-inside:avoid;margin-bottom:2rem;box-shadow:none!important;background:0 0!important;border:none!important}.angular-panel:before,.angular-panel:after{display:none!important}h1,h2,h3,.text-cyan,.text-teal,.text-amber{color:#000!important;text-shadow:none!important}.hex-frame,.rect-frame{clip-path:none!important;background:0 0!important}img{clip-path:none!important;max-width:100%!important;height:auto!important}*{cursor:auto!important}}@keyframes heartbeat{0%{box-shadow:inset 0 0 20px color-mix(in srgb, var(--color-cyan) 5%, transparent)}50%{box-shadow:inset 0 0 50px color-mix(in srgb, var(--color-cyan) 15%, transparent)}to{box-shadow:inset 0 0 20px color-mix(in srgb, var(--color-cyan) 5%, transparent)}}.heartbeat-pulse{animation:4s ease-in-out infinite heartbeat}.sidebar-blur{transition:filter .3s,opacity .3s}.main-layout:hover .sidebar-blur:not(:hover){filter:blur(2px)brightness(.7);opacity:.8}@keyframes imageDevelop{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes scanSweepFade{0%{opacity:1}95%{opacity:1}to{opacity:0}}@keyframes flashTick{0%{opacity:0;filter:brightness()}10%{opacity:1;filter:brightness(2) drop-shadow(0 0 5px var(--color-cyan))}to{opacity:0;filter:brightness()}}.pda-top-chrome{opacity:.9;z-index:100;flex-direction:column;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;padding:0 1rem;display:flex;position:relative}@media (width>=768px){.pda-top-chrome{flex-direction:row;gap:0;padding:0 2rem}}@media (width<=767px){.nav-menu.hide-on-mobile{display:none!important}}@media (width>=768px){.hide-on-desktop{display:none!important}}@media (width<=480px){.log-entry-container{flex-wrap:wrap;gap:1rem}.log-entry-icon{width:60px!important}.nav-menu{max-height:none}}@media (width<=767px){.pda-frame{height:auto;min-height:100dvh;overflow:hidden auto}.content-area{overflow:visible}.idle-indicator{font-size:.6rem;top:.25rem}.nav-menu{z-index:10000;background:#020b14fa;flex-direction:column;max-height:100vh;padding:2rem 1rem;transition:transform .3s ease-in-out;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translate(-100%)}.nav-menu.mobile-open{transform:translate(0)}.nav-menu.hide-on-mobile{display:flex!important}.mobile-close-btn{display:block!important}}.mobile-close-btn{color:var(--color-cyan);border:1px solid var(--color-cyan);font-family:var(--font-heading);cursor:pointer;background:0 0;align-self:flex-end;margin-bottom:1rem;padding:.5rem;display:none}@media (width<=767px){.idle-indicator{top:auto!important;bottom:2rem!important}}.profile-layout-container{flex-wrap:wrap;align-items:flex-start;gap:2rem;display:flex}.profile-image-container{flex-shrink:0;width:200px;position:relative}.profile-bio-container{flex-grow:1;min-width:300px}@media (width<=767px){.profile-layout-container{text-align:center;flex-direction:column;align-items:center}.profile-bio-container{width:100%;min-width:0}}@media (width<=767px){.log-entry-container.has-large-icon{flex-direction:column}.log-entry-icon.large{width:100%;max-width:100%}}.log-entry-container{flex-direction:row;align-items:flex-start;gap:1.5rem;display:flex}.log-entry-icon{flex-shrink:0;width:80px;max-width:80px}.log-entry-icon.large{width:40%;max-width:220px}@media (width<=767px){.log-entry-container{flex-direction:column!important}.log-entry-icon{margin-bottom:.5rem;width:100%!important;max-width:100px!important}.log-entry-icon.large{max-width:100%!important}.idle-indicator{position:absolute!important;top:auto!important;bottom:2rem!important}}.theme-surge-active .angular-panel{box-shadow:0 0 20px var(--color-cyan) inset!important;border-color:var(--color-cyan)!important;transition:all .1s ease-out!important}
