:root{--color-bg: #030507;--color-primary: #00f3ff;--color-secondary: #41a0df;--color-accent: #ff0055;--color-text: #6dc1d0;--color-glass: rgba(0, 20, 40, .6);--border-glow: 0 0 10px rgba(0, 243, 255, .3);--font-header: "Orbitron", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "Inter", sans-serif}.hidden{display:none}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);overflow:hidden;width:100vw;height:100vh}.viewer-layout{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:grid;grid-template-columns:1fr;transition:all .5s ease;background:#000}.viewer-layout.split{grid-template-columns:1fr 1fr;gap:4px;background:var(--color-primary)}.viewport{position:relative;width:100%;height:100%;background:radial-gradient(circle at center,#0a111a,#000);overflow:hidden}.viewport.hidden{display:none}.empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-header);color:var(--color-primary);opacity:.5;letter-spacing:2px;width:100%;text-align:center;pointer-events:none}.ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:grid;grid-template-columns:300px 1fr 400px;grid-template-rows:80px 1fr 40px;grid-template-areas:"header header header" "nav content details" "footer footer footer"}.gallery-header{grid-area:header;pointer-events:auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);border-bottom:1px solid rgba(0,243,255,.1)}.logo-text h1{font-family:var(--font-header);font-size:2rem;color:var(--color-primary);letter-spacing:4px;text-shadow:0 0 10px var(--color-primary)}.subtitle{font-size:.8rem;letter-spacing:2px;opacity:.7;margin-left:4px}.status-indicator{display:flex;align-items:center;gap:8px;font-family:var(--font-header);font-size:.7rem;color:var(--color-primary)}.fps-value{font-family:monospace;font-size:.7rem;opacity:.6;color:var(--color-primary);letter-spacing:1px}.fps-container-advanced{padding:10px 0;border-bottom:1px solid rgba(0,243,255,.1);margin-bottom:10px;display:flex;justify-content:center}@media(max-width:600px){.gallery-header{padding:0 10px}.logo-text h1{font-size:1.2rem;letter-spacing:2px;white-space:nowrap}.status-indicator{gap:2px}.status-indicator .minimal-btn{padding:4px;font-size:.55rem;margin-right:5px}.icon-btn{transform:scale(.9);margin-right:5px}}.status-dot{width:8px;height:8px;background-color:var(--color-primary);border-radius:50%;box-shadow:0 0 8px var(--color-primary);animation:pulse 2s infinite}.gallery-nav{grid-area:nav;pointer-events:auto;background:linear-gradient(to right,rgba(0,10,20,.6),transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-right:1px solid rgba(0,243,255,.1);display:flex;flex-direction:column;padding:1rem;overflow-y:auto}.nav-header h2{font-family:var(--font-header);color:var(--color-text);font-size:1.2rem;margin-bottom:.5rem}.nav-controls{display:flex;align-items:center;gap:10px;margin-bottom:1rem;font-size:.7rem;color:var(--color-primary)}.toggle-switch{position:relative;display:inline-block;width:34px;height:18px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ffffff1a;transition:.4s;border:1px solid var(--color-secondary)}.slider:before{position:absolute;content:"";height:10px;width:10px;left:3px;bottom:3px;background-color:var(--color-text);transition:.4s}input:checked+.slider{background-color:#00f3ff4d;border-color:var(--color-primary)}input:checked+.slider:before{transform:translate(16px);background-color:var(--color-primary)}.search-container{margin-bottom:1.5rem;position:relative}#search-input{width:100%;background:#0014284d;border:1px solid rgba(0,243,255,.2);color:var(--color-primary);padding:8px 12px;font-family:var(--font-header);font-size:.8rem;letter-spacing:1px;outline:none;transition:all .3s ease;border-radius:2px}#search-input::placeholder{color:#00f3ff66}#search-input:focus{border-color:var(--color-primary);box-shadow:0 0 10px #00f3ff33;background:#00f3ff0d}.filter-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.5rem}.filter-tag{background:transparent;border:1px solid rgba(0,243,255,.4);color:#00f3ffcc;padding:4px 8px;font-size:.7rem;font-family:var(--font-mono);cursor:pointer;border-radius:2px;transition:all .2s ease;text-transform:uppercase}.filter-tag:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 8px #00f3ff4d}.filter-tag.active{background:var(--color-primary);color:#000;border-color:var(--color-primary);font-weight:700}.line-deco{width:100%;height:2px;background:linear-gradient(to right,var(--color-primary),transparent);margin-bottom:2rem}.model-group{margin-bottom:1rem}.model-title{font-weight:300;text-transform:uppercase;color:var(--color-secondary);margin-bottom:.5rem;font-size:.9rem;letter-spacing:1px;padding:8px;background:#ffffff0d;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.model-title:hover{background:#00f3ff1a;color:var(--color-primary)}.model-title:after{content:"▼";font-size:.7rem;transition:transform .3s}.model-group.active .model-title:after{transform:rotate(180deg)}.group-content{max-height:0;overflow:hidden;transition:max-height .4s ease-out}.model-group.active .group-content{max-height:500px;transition:max-height .4s ease-in}.crystal-item{padding:10px 15px;margin-bottom:4px;border-left:2px solid rgba(255,255,255,.1);background:#ffffff05;cursor:pointer;transition:all .3s ease;margin-left:10px}.crystal-item:hover{background:#00f3ff1a;border-left-color:var(--color-primary);padding-left:20px}.crystal-item:hover .item-name{color:var(--color-primary)}.crystal-item.active{background:#00f3ff33;border-left:4px solid var(--color-primary);box-shadow:0 0 15px #00f3ff1a}.item-name{display:block;font-weight:300;font-size:1rem}.crystal-item.active .item-name{font-weight:700;color:var(--color-primary)}.item-desc{display:block;font-size:.75rem;opacity:.6;margin-top:4px}.artifact-details{grid-area:details;width:100%;height:100%;padding:20px;display:flex;flex-direction:column;gap:15px;z-index:10;pointer-events:none;overflow:hidden;border-radius:20px}.glass-panel{background:#0a0a0fbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-image:linear-gradient(135deg,#00f3ff4d,#ffffff1a,#00f3ff4d) 1;box-shadow:0 0 20px #00000080,inset 0 1px #ffffff1a;border-radius:20px;pointer-events:auto;transition:all .3s ease}.details-content{flex:1;display:flex;flex-direction:column;padding:25px;overflow-y:auto;min-height:0}.details-content.hidden{flex:0;padding:0;margin:0;border:0;opacity:0;overflow:hidden}.controls-panel{pointer-events:auto;margin-top:auto;flex:0 0 auto;background:var(--color-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:1rem}.glass-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.reading-guide{border-radius:20px}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.8rem}.detail-header h2{font-family:var(--font-header);color:var(--color-primary);font-size:1.4rem;text-transform:uppercase;font-weight:900}.type-badge{font-size:.7rem;background:#00f3ff1a;color:var(--color-primary);padding:4px 8px;border:1px solid var(--color-primary);border-radius:2px}.detail-body p{font-size:.875rem;line-height:1.5;margin-bottom:1.5rem;color:#ccdeee}.metadata-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:1.5rem}.meta-item{display:flex;flex-direction:column}.meta-item .label{font-size:.7rem;color:var(--color-secondary);font-weight:700}.meta-item .value{font-family:var(--font-header);font-size:1.2rem;color:#fff}.controls-column{display:flex;flex-direction:column;gap:10px;width:100%}.control-row{display:flex;gap:10px;align-items:center;width:100%}.control-group{display:flex;align-items:center;gap:8px;flex:1;background:#0003;padding:4px 8px;border-radius:4px;border:1px solid rgba(0,243,255,.1)}.control-group.full-width{width:100%;flex:none}.slider-container{position:relative;width:100%;height:4px;display:flex;align-items:center}.ghost-thumb{position:absolute;width:12px;height:12px;background:#f056;border:1px solid var(--color-accent);border-radius:50%;pointer-events:none;box-shadow:0 0 10px var(--color-accent);transform:translate(-50%);left:0%;opacity:1;transition:opacity .3s;z-index:5}.ghost-thumb.hidden{opacity:0}input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:#00f3ff33;border-radius:2px;outline:none;opacity:.8;transition:opacity .2s}input[type=range]:hover{opacity:1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--color-accent);border:1px solid var(--color-primary);border-radius:50%;cursor:pointer;box-shadow:0 0 8px #ff005580;margin-top:-4px}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:transparent;border-radius:2px}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--color-accent);border:1px solid var(--color-primary);border-radius:50%;cursor:pointer}.cyber-btn{flex:1;background:transparent;border:1px solid var(--color-secondary);color:var(--color-secondary);padding:10px;font-family:var(--font-header);cursor:pointer;transition:all .2s;text-transform:uppercase;font-size:.8rem;letter-spacing:1px;height:50px}.cyber-btn:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 10px #00f3ff33}.cyber-btn.active{background:#00f3ff1a;border-color:var(--color-primary);color:var(--color-primary)}.loader-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:50;transition:opacity .5s}.loader-overlay.hidden{opacity:0;pointer-events:none}.spinner{width:40px;height:40px;border:3px solid transparent;border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}.loading-text{font-family:var(--font-header);color:var(--color-primary);font-size:.8rem;letter-spacing:2px;animation:blink 1s infinite alternate}.gallery-footer{grid-area:footer;display:flex;justify-content:center;align-items:center;background:#00000080;border-top:1px solid rgba(255,255,255,.05)}.interaction-hint{font-size:.7rem;opacity:.5;letter-spacing:2px}@keyframes pulse{0%{opacity:1;box-shadow:0 0 5px var(--color-primary)}50%{opacity:.5;box-shadow:0 0 2px var(--color-primary)}to{opacity:1;box-shadow:0 0 5px var(--color-primary)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%{opacity:.3}to{opacity:1}}@keyframes resume-pulse{0%{box-shadow:0 0 10px #00f3ff;background-color:#00f3ff1a;color:var(--color-primary)}50%{box-shadow:0 0 30px #00f3ff;background-color:var(--color-primary);color:#000}to{box-shadow:0 0 10px #00f3ff;background-color:#00f3ff1a;color:var(--color-primary)}}.pulse-appear{animation:resume-pulse 1.5s ease-in-out 3;border:1px solid rgba(0,243,255,.3)!important}.scroll-container::-webkit-scrollbar{width:6px}.scroll-container::-webkit-scrollbar-track{background:#050a10}.scroll-container::-webkit-scrollbar-thumb{background:#034}.super-title{font-size:.7rem;color:var(--color-secondary);text-transform:uppercase;letter-spacing:2px;margin-bottom:4px}.info-model{font-size:1rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:2px;margin-top:4px;margin-bottom:4px;text-shadow:0 0 10px rgba(0,243,255,.3)}.info-year{font-size:.9rem;font-family:monospace;color:var(--color-primary);opacity:.85;letter-spacing:1px;margin-top:2px;margin-bottom:4px}.playback-overlay{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:10000;pointer-events:auto;background:#000a14e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-primary);border-radius:4px;padding:0;box-shadow:0 0 20px #00f3ff4d}.pulse-icon{width:10px;height:10px;background:var(--color-accent);border-radius:50%;box-shadow:0 0 10px var(--color-accent);animation:pulse-red 1.5s infinite}@keyframes pulse-red{0%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}to{transform:scale(1);opacity:1}}.overlay-text{font-family:var(--font-header);font-size:.8rem;letter-spacing:2px;color:#fff}.resume-btn{background:var(--color-primary);border:none;color:#000;font-family:var(--font-header);font-weight:700;font-size:.75rem;padding:8px 16px;cursor:pointer;transition:all .2s;letter-spacing:1px;border-radius:2px}.resume-btn:hover{background:#fff;box-shadow:0 0 15px var(--color-primary)}.minimal-btn{background:transparent;border:1px solid rgba(0,243,255,.3);color:var(--color-primary);font-family:var(--font-header);font-size:.6rem;padding:4px 8px;cursor:pointer;margin-right:15px;transition:all .2s;box-shadow:0 0 5px #00f3ff1a,0 0 10px #ff00ff0d,0 0 15px #00ffff0d}.minimal-btn:hover{background:#00f3ff1a;box-shadow:0 0 10px #00f3ff66,0 0 20px #f0f3,0 0 30px #0ff3,0 0 40px #ffff001a}.ui-layer.no-details{grid-template-columns:300px 1fr 0px!important}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;transition:opacity .3s ease}.modal-close-btn{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--color-primary);font-size:1.2rem;cursor:pointer;opacity:.7;transition:opacity .2s}.modal-close-btn:hover{opacity:1}.modal-overlay.hidden{opacity:0;pointer-events:none;display:none}.mobile-menu-btn{display:none;background:none;border:none;color:var(--color-primary);margin-right:15px;cursor:pointer;align-items:center}@media(max-width:900px){.subtitle{display:none}.mobile-menu-btn{display:flex}.ui-layer{grid-template-columns:1fr;grid-template-rows:60px 1fr 30px;grid-template-areas:"header" "content" "footer"}.gallery-header{padding:0 15px}.logo-text h1{font-size:1.2rem}.gallery-nav{position:fixed;top:60px;left:0;bottom:30px;width:85%;max-width:300px;transform:translate(-110%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:100;border-right:1px solid var(--color-primary);background:#030507f2;box-shadow:10px 0 30px #00000080}.gallery-nav.active{transform:translate(0)}.artifact-details{position:fixed;bottom:30px;left:0;right:0;width:100%;height:45vh;z-index:90;background:#030507f2;border-top:1px solid var(--color-primary);border-left:none;overflow-y:auto;transform:translateY(0);transition:transform .3s ease;padding-bottom:20px}.ui-layer.no-details .artifact-details{display:block!important;transform:translateY(120%)}.controls-panel{bottom:45vh;right:10px;left:auto;transform:translateY(0);transition:bottom .3s ease}}.color-legend{position:absolute;bottom:40px;left:320px;right:auto;display:flex;flex-direction:column;align-items:center;gap:5px;z-index:20;pointer-events:auto;background:#0009;padding:8px 4px;border-radius:6px;border:1px solid rgba(0,243,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:left .3s ease}.pulse-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff9;font-size:.65rem;padding:2px 4px;margin-bottom:4px;cursor:pointer;font-family:var(--font-mono);transition:all .3s ease;pointer-events:auto}.pulse-btn:hover{color:#fff;border-color:#fff}.pulse-btn.active{color:#00f3ff;border-color:#00f3ff;text-shadow:0 0 5px #00f3ff;box-shadow:0 0 5px #00f3ff33}@media(max-width:900px){.color-legend{left:20px;bottom:55%}}.palette-container{display:flex;flex-direction:column;align-items:center;position:relative}.gradient-bar{width:8px;height:100px;border-radius:4px;box-shadow:0 0 10px #00000080;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(255,255,255,.1)}.gradient-bar:hover{transform:scaleX(1.5);box-shadow:0 0 15px var(--color-primary)}.palette-menu{position:absolute;left:20px;bottom:0;background:#0a0f19f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-primary);border-radius:8px;padding:10px;width:180px;z-index:2000;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px 30px #00000080;pointer-events:auto}.palette-menu.hidden{display:none}.palette-option{display:flex;flex-direction:column;gap:4px;cursor:pointer;padding:6px;border-radius:4px;transition:background .2s ease}.palette-option:hover{background:#00f5ff1a}.palette-name{font-family:var(--font-header);font-size:.6rem;color:var(--color-primary);letter-spacing:1px}.palette-preview{height:12px;width:100%;border-radius:2px;border:1px solid rgba(255,255,255,.1)}.gradient-bar.classic{background:linear-gradient(to top,red,#ff0,#0f0,#0ff,#00f,#f0f)}.palette-preview.classic{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f)}.gradient-bar.stockholm{background:linear-gradient(to top,#2e3440,#4c566a,#81a1c1,#88c0d0,#8fbcbb,#eceff4)}.palette-preview.stockholm{background:linear-gradient(to right,#2e3440,#4c566a,#81a1c1,#88c0d0,#8fbcbb,#eceff4)}.gradient-bar.copenhagen{background:linear-gradient(to top,#4a4e69,#9a8c98,#c9ada7,#f2e9e4,#22223b,#822100)}.palette-preview.copenhagen{background:linear-gradient(to right,#4a4e69,#9a8c98,#c9ada7,#f2e9e4,#22223b,#822100)}.gradient-bar.helsinki{background:linear-gradient(to top,#001219,#005f73,#0a9396,#94d2bd,#e9d8a6,#ee9b00)}.palette-preview.helsinki{background:linear-gradient(to right,#001219,#005f73,#0a9396,#94d2bd,#e9d8a6,#ee9b00)}.gradient-bar.berlin{background:linear-gradient(to top,#2b2d42,#8d99ae,#edf2f4,#ef233c,#d90429,gold)}.palette-preview.berlin{background:linear-gradient(to right,#2b2d42,#8d99ae,#edf2f4,#ef233c,#d90429,gold)}.gradient-bar.kyoto{background:linear-gradient(to top,#2d3142,#4f5d75,#bfc0c0,#fff,#ef8354,#84a59d)}.palette-preview.kyoto{background:linear-gradient(to right,#2d3142,#4f5d75,#bfc0c0,#fff,#ef8354,#84a59d)}.gradient-bar.brooklyn{background:linear-gradient(to top,#355070,#6d597a,#b56576,#e56b6f,#eaac8b,#ffb700)}.palette-preview.brooklyn{background:linear-gradient(to right,#355070,#6d597a,#b56576,#e56b6f,#eaac8b,#ffb700)}.gradient-bar.malmo{background:linear-gradient(to top,#003049,#669bbc,#fdf0d5,#c1121f,#780000,#f4a261)}.palette-preview.malmo{background:linear-gradient(to right,#003049,#669bbc,#fdf0d5,#c1121f,#780000,#f4a261)}.legend-label{font-size:.5rem;color:var(--color-primary);font-family:var(--font-header);letter-spacing:1px;opacity:.9;text-shadow:0 0 5px var(--color-primary);cursor:pointer}.legend-label:hover{opacity:.7}.timeline-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#000 0%,rgba(0,0,0,.4) 50%,transparent 100%);z-index:100;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:20px}.timeline-overlay.hidden{opacity:0;pointer-events:none;display:none}.timeline-overlay button,.timeline-active-info,.timeline-track-container{pointer-events:auto}.close-timeline-btn{position:absolute;top:20px;right:20px;background:#00000080;border:1px solid var(--color-accent);color:var(--color-accent);padding:10px 20px;font-family:var(--font-header);cursor:pointer;letter-spacing:2px}.timeline-active-info{position:absolute;top:20%;left:5%;max-width:400px;text-shadow:0 2px 10px #000}#timeline-year{font-size:8rem;color:#00f3ff0d;position:absolute;top:-80px;left:-20px;z-index:-1;font-family:var(--font-header);pointer-events:none}#timeline-title{font-family:var(--font-header);font-size:3rem;color:#fff;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(90deg,#fff,var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}#timeline-desc{font-family:var(--font-body);font-size:1.2rem;color:#ccdeee;line-height:1.6;background:#0009;padding:15px;border-left:3px solid var(--color-primary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.timeline-track-container{display:flex;align-items:center;justify-content:center;width:100%;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.9),transparent)}.timeline-track{display:flex;gap:40px;overflow-x:auto;padding:20px;scroll-behavior:smooth;max-width:80%;scrollbar-width:none;-ms-overflow-style:none}.timeline-track::-webkit-scrollbar{display:none}.nav-arrow{background:none;border:1px solid var(--color-primary);color:var(--color-primary);width:40px;height:40px;border-radius:50%;cursor:pointer;font-family:var(--font-header);transition:all .2s}.nav-arrow:hover{background:var(--color-primary);color:#000}.timeline-node{display:flex;flex-direction:column;align-items:center;cursor:pointer;opacity:.5;transition:all .3s;min-width:100px}.timeline-node:hover{opacity:1}.timeline-node.active{opacity:1;transform:scale(1.1)}.node-dot{width:12px;height:12px;background:#000;border:2px solid var(--color-primary);border-radius:50%;margin-bottom:10px;box-shadow:0 0 10px #00f3ff33;position:relative}.timeline-node.active .node-dot{background:var(--color-primary);box-shadow:0 0 20px var(--color-primary)}.node-year{font-family:var(--font-header);font-size:.9rem;color:#fff}.node-label{font-size:.7rem;color:var(--color-secondary);text-transform:uppercase;margin-top:5px;text-align:center}@media(max-width:600px){#timeline-year{font-size:4rem;top:-40px;left:0}#timeline-title{font-size:1.5rem}#timeline-desc{font-size:.9rem;padding:10px;max-height:100px;overflow-y:auto}.timeline-active-info{top:15%;left:5%;right:5%;max-width:none}.timeline-track-container{padding:5px}.timeline-track{gap:15px;padding:10px}.nav-arrow{width:30px;height:30px}.node-year{font-size:.7rem}.node-label{font-size:.6rem;display:none}}.icon-btn{background:transparent;border:none;color:var(--color-primary);cursor:pointer;opacity:.5;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-right:15px}.icon-btn:hover{opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 5px var(--color-primary))}.icon-btn.active{opacity:1;color:var(--color-accent);filter:drop-shadow(0 0 8px var(--color-accent))}.icon-btn svg{fill:currentColor}.toast-notification{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(20px);background:#000514e6;border:1px solid var(--color-primary);color:var(--color-primary);padding:12px 24px;font-family:var(--font-header);font-size:.9rem;letter-spacing:2px;border-radius:4px;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:1000;box-shadow:0 0 20px #00f3ff33;text-transform:uppercase}.toast-notification.show{opacity:1;transform:translate(-50%) translateY(0)}.toast-notification.alert{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 20px #f053}.arena-scoreboard{position:fixed;top:60px;right:20px;background:#000514d9;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;z-index:900;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none;min-width:150px}.arena-scoreboard.active{display:flex;flex-direction:column;gap:5px}.score-row{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;border-radius:4px;background:#ffffff0d;font-family:var(--font-mono);font-size:.85rem}.score-color-dot{width:10px;height:10px;border-radius:50%;margin-right:10px;box-shadow:0 0 5px currentColor}.score-val{color:#fff;font-weight:700}.score-status{font-size:.7em;margin-left:10px;opacity:.5;text-transform:uppercase}.score-status.dead{color:#f05;opacity:1}.dual-range-container{position:relative;width:100%;height:10px;display:flex;align-items:center;margin-top:5px}.range-track{position:absolute;height:4px;background:var(--color-primary);top:50%;transform:translateY(-50%);z-index:1;border-radius:2px;pointer-events:none}.dual-range-container input[type=range]{position:absolute;left:0;pointer-events:none;-webkit-appearance:none;background:transparent;z-index:2;height:100%;margin:0}.dual-range-container input[type=range]::-webkit-slider-thumb{pointer-events:auto;position:relative;z-index:10}.dual-range-container input[type=range]::-moz-range-track{background:transparent}.tab-row{display:flex;width:100%;margin-top:10px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.tab-row .accordion-toggle{flex:1;margin:0;padding:12px 0;border-bottom:2px solid transparent;font-size:.65rem;transition:all .3s ease}.tab-row .accordion-toggle:hover{color:var(--color-primary);background:#00f3ff08}.tab-row .accordion-toggle.open{color:var(--color-primary);border-bottom-color:var(--color-primary);background:#00f3ff14}.accordion-toggle{width:100%;background:transparent;border:none;color:#fff9;cursor:pointer;font-size:.7em;text-transform:uppercase;letter-spacing:.1em;display:flex;justify-content:center;align-items:center;gap:8px;font-family:var(--font-header)}.accordion-toggle .arrow{transition:transform .3s ease;opacity:.7;width:8px}.accordion-toggle.open .arrow{transform:rotate(180deg)}.accordion-content{height:0;overflow:hidden;opacity:0;transition:height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}.accordion-content.open{height:600px;opacity:1;padding:10px 0 30px;overflow-y:auto;border-radius:0 0 20px 20px}.accordion-content::-webkit-scrollbar{width:4px}.accordion-content::-webkit-scrollbar-track{background:#0003}.accordion-content::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:2px}#movement-controls .control-group,#perf-controls .control-group{padding:3px 6px;gap:6px}#movement-controls label,#perf-controls label{font-size:.6rem;color:#ffffffe6;min-width:50px}.filter-accordion{margin-top:15px;border:1px solid rgba(0,243,255,.1);background:#00f3ff05}.filter-accordion .accordion-toggle{padding:8px 12px;justify-content:space-between;font-size:.8rem;color:var(--color-primary)}.filter-accordion .accordion-content{background:#0000004d;max-height:0;overflow:hidden;opacity:0;transition:all .3s ease}.filter-accordion .accordion-content.open{max-height:200px;overflow-y:auto;padding:10px}@keyframes model-flash{0%{box-shadow:0 0 10px #00f3ff;background-color:#00f3ff33}50%{box-shadow:0 0 30px #00f3ff;background-color:#00f3ff80}to{box-shadow:0 0 10px #00f3ff;background-color:#00f3ff33}}.model-flash{animation:model-flash 2s ease-in-out 3}.darkreader-inline-border{border-radius:20px!important}