*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;line-height:1.6}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button,select{font:inherit;color:inherit;background:none;border:none;cursor:pointer}table{border-collapse:collapse}[data-theme=amber]{--color-primary: #ffaa00;--color-primary-dim: #885500;--color-primary-glow: rgba(255, 170, 0, .15);--color-bg: #1a1000;--color-bg-elevated: #221800;--color-text: #cc8800;--color-text-dim: #775500;--color-border: #664400;--color-scanline: rgba(255, 170, 0, .04);--color-highlight-bg: #ffaa00;--color-highlight-text: #1a1000;--color-filter: brightness(0) saturate(100%) invert(62%) sepia(91%) saturate(3015%) hue-rotate(10deg) brightness(103%) contrast(106%)}[data-theme=green]{--color-primary: #33ff00;--color-primary-dim: #1a8800;--color-primary-glow: rgba(51, 255, 0, .15);--color-bg: #001a00;--color-bg-elevated: #002200;--color-text: #22bb00;--color-text-dim: #117700;--color-border: #116600;--color-scanline: rgba(51, 255, 0, .04);--color-highlight-bg: #33ff00;--color-highlight-text: #001a00;--color-filter: brightness(0) saturate(100%) invert(58%) sepia(96%) saturate(2716%) hue-rotate(93deg) brightness(106%) contrast(115%)}[data-theme=blue]{--color-primary: #00aaff;--color-primary-dim: #005588;--color-primary-glow: rgba(0, 170, 255, .15);--color-bg: #000d1a;--color-bg-elevated: #001222;--color-text: #0088cc;--color-text-dim: #005577;--color-border: #004466;--color-scanline: rgba(0, 170, 255, .04);--color-highlight-bg: #00aaff;--color-highlight-text: #000d1a;--color-filter: brightness(0) saturate(100%) invert(60%) sepia(87%) saturate(2284%) hue-rotate(159deg) brightness(104%) contrast(105%)}[data-theme=red]{--color-primary: #ff0a0a;--color-primary-dim: #990000;--color-primary-glow: rgba(255, 10, 10, .15);--color-bg: #120000;--color-bg-elevated: #1c0000;--color-text: #cc0808;--color-text-dim: #6e0000;--color-border: #550000;--color-scanline: rgba(255, 10, 10, .04);--color-highlight-bg: #ff0a0a;--color-highlight-text: #120000;--color-filter: brightness(0) saturate(100%) invert(17%) sepia(99%) saturate(7483%) hue-rotate(359deg) brightness(105%) contrast(118%)}html{background-color:var(--color-bg);color:var(--color-text);font-family:Kode Mono,Courier New,Courier,monospace;font-size:15px;scroll-behavior:smooth}body{background-color:var(--color-bg);overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{color:var(--color-primary);font-weight:700}h1{font-size:1.6rem}h2{font-size:1.1rem}h3{font-size:.95rem}p{max-width:72ch;line-height:1.65}a{color:var(--color-primary)}a:hover{color:var(--color-highlight-text);background:var(--color-highlight-bg)}::selection{background:var(--color-primary);color:var(--color-bg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border)}.site-nav__logo,.panel__title,button.capability-card__title{position:relative;overflow:visible;line-height:1.2}.site-nav__logo:before,.panel__title:before,button.capability-card__title:before{content:"";position:absolute;top:0;bottom:0;right:-8px;width:14px;background:var(--color-highlight-bg);transform:skew(-20deg);pointer-events:none}.site-nav__logo:after,.panel__title:after,button.capability-card__title:after{content:"";position:absolute;top:0;bottom:0;right:-24px;width:10px;background:var(--color-highlight-bg);transform:skew(-20deg);pointer-events:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes svg-draw{to{stroke-dashoffset:0}}.fade-in-hidden{opacity:0}.fade-in-visible{animation:fade-in .3s ease-out forwards}.cursor-blink{animation:blink-cursor 1s step-end infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.fade-in-hidden{opacity:1}}.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:stretch;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.site-nav__logo{display:flex;align-items:center;padding:.35rem 1rem;font-size:.85rem;font-weight:700;color:var(--color-highlight-text);background:var(--color-highlight-bg);white-space:nowrap}.site-nav__logo-icon{height:1.1rem;width:auto;margin-left:.75rem;align-self:center;filter:var(--color-filter);opacity:.9}.site-nav__logo:hover{background:var(--color-highlight-bg);color:var(--color-highlight-text)}.site-nav__links{display:flex;align-items:stretch;margin-left:auto}.site-nav__link{display:flex;align-items:center;padding:.35rem 1rem;font-size:.85rem;color:var(--color-text)}.site-nav__link:hover{color:var(--color-highlight-text);background:var(--color-highlight-bg)}.site-nav__link--active{color:var(--color-primary);font-weight:700}.site-nav__dropdown{position:relative;display:flex;align-items:stretch}.site-nav__dropdown-trigger{background:none;border:none;font-family:inherit;cursor:pointer}.site-nav__dropdown-trigger:after{content:" ▾";font-size:.7em;opacity:.6}.site-nav__dropdown-menu{position:absolute;top:100%;left:0;min-width:180px;background:var(--color-bg);border:1px solid var(--color-border);border-top:none;z-index:200}.site-nav__dropdown-item{display:flex;flex-direction:column;padding:.5rem 1rem;color:var(--color-text);text-decoration:none;gap:.1rem}.site-nav__dropdown-item:hover{color:var(--color-highlight-text);background:var(--color-highlight-bg)}.site-nav__dropdown-name{font-size:.85rem;font-weight:700}.site-nav__dropdown-desc{font-size:.7rem;opacity:.6}.site-nav__dropdown-item:hover .site-nav__dropdown-desc{opacity:.8}.site-footer{margin-top:auto;display:flex;position:relative;z-index:2;align-items:center;justify-content:space-between;padding:.3rem 1rem;background:var(--color-bg);border-top:1px solid var(--color-border);font-size:.75rem;color:var(--color-text-dim)}.site-footer__keys{display:flex;gap:1rem}.site-footer__key{color:var(--color-text-dim)}.site-footer__key strong{color:var(--color-primary);font-weight:700}.site-footer__right{color:var(--color-text-dim)}.page{padding-top:2.5rem;flex:1;position:relative;z-index:2}.section{padding:2rem;max-width:960px;margin:0 auto}.panel{border:1px solid var(--color-border);margin-bottom:1.5rem}.panel--double{border:2px solid var(--color-border)}.panel__title{background:var(--color-highlight-bg);color:var(--color-highlight-text);padding:.2rem .75rem;font-size:.85rem;font-weight:700}.panel__body{padding:1rem}.heading-bar{display:block;text-align:center;background:var(--color-highlight-bg);color:var(--color-highlight-text);padding:.3rem .6rem;font-size:.9rem;font-weight:700;margin:0 auto 1rem;width:100%;box-sizing:border-box;position:relative;overflow:visible;line-height:1.4}.heading-bar:before{content:"";position:absolute;top:0;bottom:0;left:-8px;width:14px;background:var(--color-highlight-bg);transform:skew(-20deg);pointer-events:none;box-shadow:-16px 0 0 0 var(--color-highlight-bg)}.heading-bar:after{content:"";position:absolute;top:0;bottom:0;right:-8px;width:14px;background:var(--color-highlight-bg);transform:skew(-20deg);pointer-events:none;box-shadow:16px 0 0 0 var(--color-highlight-bg)}@media(max-width:768px){.site-nav__logo,.site-nav__link{padding:.35rem .5rem;font-size:.75rem}.section{padding:1.5rem 1rem}h1{font-size:1.3rem}h2{font-size:1rem}}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 2rem 3rem;min-height:70vh;justify-content:center;gap:1rem}.hero__logo-icon{height:min(30vw,180px);width:auto;filter:var(--color-filter) drop-shadow(0 0 15px var(--color-primary-glow));margin-bottom:.5rem}.hero__subtitle{display:block;width:fit-content;margin:0 auto .5rem;font-size:.9rem;background:var(--color-highlight-bg);color:var(--color-highlight-text);padding:.3rem .6rem;font-weight:700;position:relative;overflow:visible;line-height:1.4}.hero__subtitle:before{content:"";position:absolute;top:0;bottom:0;left:-8px;width:14px;background:var(--color-highlight-bg);transform:skew(-20deg);pointer-events:none;box-shadow:-16px 0 0 0 var(--color-highlight-bg)}.hero__subtitle:after{content:"";position:absolute;top:0;bottom:0;right:-8px;width:14px;background:var(--color-highlight-bg);transform:skew(-20deg);pointer-events:none;box-shadow:16px 0 0 0 var(--color-highlight-bg)}.hero__title{font-size:1.8rem;margin-bottom:1rem;min-height:2.5rem;color:var(--color-primary)}.hero__tagline{font-size:.9rem;color:var(--color-text);max-width:55ch;margin-bottom:1.5rem}.hero__cta{display:inline-block;padding:.3rem 1.2rem;background:var(--color-highlight-bg);color:var(--color-highlight-text);font-size:.85rem;font-weight:700}.hero__cta:hover{background:var(--color-primary);color:var(--color-bg)}.stats-strip{max-width:960px;margin:0 auto 1.5rem;padding:0 2rem}.stats-strip__panel{border:1px solid var(--color-border)}.stats-strip__title{background:var(--color-highlight-bg);color:var(--color-highlight-text);padding:.2rem .75rem;font-size:.8rem;font-weight:700}.stats-strip__row{display:flex;flex-wrap:wrap;padding:.75rem 1rem;gap:0}.stats-strip__item{flex:1 1 auto;text-align:center;padding:.5rem 1rem}.stats-strip__value{font-size:1.4rem;font-weight:700;color:var(--color-primary);display:block;line-height:1.3}.stats-strip__label{font-size:.7rem;color:var(--color-text-dim)}.feature-grid{display:flex;flex-direction:column;margin-top:1rem}.philosophy__text{margin:.75rem auto;color:var(--color-text);font-size:.85rem}.cta-section__text{color:var(--color-text-dim);margin:.75rem auto;font-size:.85rem}@media(max-width:768px){.hero{padding:3rem 1rem 2rem;min-height:50vh}.hero__title{font-size:1.4rem}.stats-strip{padding:0 1rem}.stats-strip__item{padding:.4rem .5rem}.stats-strip__value{font-size:1.1rem}}.home-page{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:var(--color-bg);overflow:hidden}.home-page__title{font-size:2rem;font-weight:700;color:var(--color-primary);text-align:center;letter-spacing:.04em;z-index:2;transition:all .7s cubic-bezier(.4,0,.2,1)}.home-page__graphic-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:min(70vw,500px);height:min(70vw,500px);z-index:2;transition:all .7s cubic-bezier(.4,0,.2,1)}.home-page__graphic{width:100%;height:100%;object-fit:contain;filter:var(--color-filter) drop-shadow(0 0 10px var(--color-primary-glow));opacity:.85;transition:opacity .3s ease,filter .3s ease}.home-page__loading{font-size:.85rem;color:var(--color-text-dim);animation:blink-cursor 1s step-end infinite}.home-page__enter{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 2rem;background:var(--color-highlight-bg);color:var(--color-highlight-text);font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:.15em;border:2px solid var(--color-primary);cursor:pointer;position:relative;overflow:visible;z-index:2;transition:all .2s ease;text-transform:uppercase}.home-page__enter:hover{background:var(--color-primary);color:var(--color-bg);box-shadow:0 0 12px var(--color-primary-glow),0 0 30px var(--color-primary-glow);transform:scale(1.05)}.home-page__enter:active{transform:scale(.97)}.home-page__enter:before{content:"";position:absolute;top:-2px;bottom:-2px;left:-10px;width:16px;background:var(--color-highlight-bg);transform:skew(-20deg);pointer-events:none;box-shadow:-18px 0 0 0 var(--color-highlight-bg)}.home-page__enter:after{content:"";position:absolute;top:-2px;bottom:-2px;right:-10px;width:16px;background:var(--color-highlight-bg);transform:skew(-20deg);pointer-events:none;box-shadow:18px 0 0 0 var(--color-highlight-bg)}.home-page--exiting .home-page__title{opacity:0;transform:translateY(-30px);transition:opacity .4s ease,transform .4s ease}.home-page--exiting .home-page__graphic-wrap{transform:translate(-22vw,-45.5vh) scale(.08)}.home-page--exiting .home-page__enter{opacity:0;transform:translateY(30px);transition:opacity .3s ease,transform .3s ease}.home-page--exiting:after{content:"";position:absolute;inset:0;background:var(--color-bg);opacity:0;animation:splash-bg-fade .7s .1s ease forwards}@keyframes splash-bg-fade{to{opacity:1}}.home-page__graphic-wrap{animation:hero-entrance .8s cubic-bezier(.4,0,.2,1) forwards}.home-page__title{animation:title-entrance .6s .2s cubic-bezier(.4,0,.2,1) both}.home-page__enter{animation:enter-btn-entrance .5s .5s cubic-bezier(.4,0,.2,1) both}@keyframes hero-entrance{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes title-entrance{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes enter-btn-entrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.home-page__title{font-size:1.4rem}.home-page__graphic-wrap{width:min(85vw,350px);height:min(85vw,350px)}.home-page__enter{font-size:.85rem;padding:.4rem 1.5rem}}@media(max-width:400px){.home-page__title{font-size:1.1rem}.home-page__graphic-wrap{width:min(90vw,260px);height:min(90vw,260px)}}@media(prefers-reduced-motion:reduce){.home-page__graphic-wrap,.home-page__title,.home-page__enter{animation:none!important;transition:none!important}.home-page--exiting .home-page__title,.home-page--exiting .home-page__graphic-wrap,.home-page--exiting .home-page__enter{transition:none!important;opacity:0}}.product-header{text-align:center;padding:4rem 2rem 2rem}.product-header__badge{display:inline-block;background:var(--color-highlight-bg);color:var(--color-highlight-text);padding:.3rem .6rem;font-size:.9rem;font-weight:700;margin-bottom:.75rem;position:relative;overflow:visible;line-height:1.2}.product-header__badge:before{content:"";position:absolute;top:0;bottom:0;left:-8px;width:14px;background:var(--color-highlight-bg);transform:skew(-20deg);pointer-events:none;box-shadow:-16px 0 0 0 var(--color-highlight-bg)}.product-header__badge:after{content:"";position:absolute;top:0;bottom:0;right:-8px;width:14px;background:var(--color-highlight-bg);transform:skew(-20deg);pointer-events:none;box-shadow:16px 0 0 0 var(--color-highlight-bg)}.product-header__title{font-size:1.8rem;margin-bottom:.5rem}.product-header__desc{color:var(--color-text);max-width:55ch;margin:0 auto;font-size:.85rem}.product-header__render-wrap{position:relative;display:inline-block;margin-top:2rem;max-width:min(80vw,420px)}.product-header__render{display:block;width:100%;height:auto;filter:drop-shadow(0 0 20px var(--color-primary-glow))}.specs-panel{border:2px solid var(--color-border)}.specs-panel__title{background:var(--color-highlight-bg);color:var(--color-highlight-text);padding:.2rem .75rem;font-size:.85rem;font-weight:700}.specs-table{width:100%;font-size:.8rem}.specs-table tr{border-bottom:1px solid var(--color-border)}.specs-table tr:last-child{border-bottom:none}.specs-table td{padding:.4rem .75rem}.specs-table td:first-child{color:var(--color-text-dim);width:40%}.specs-table td:last-child{color:var(--color-primary)}.capabilities-grid{display:flex;flex-direction:column;margin-top:1rem}.capability-card{border:1px solid var(--color-border);display:flex;flex-direction:column;max-width:100%;transition:max-width .22s ease}.capability-card__title{background:var(--color-highlight-bg);color:var(--color-highlight-text);padding:.2rem .75rem;font-size:.8rem;font-weight:700}button.capability-card__title{display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;cursor:pointer;border:none;font-family:inherit;text-align:left;transition:opacity .22s ease}button.capability-card__title:hover{opacity:.85}.capability-card__indicator{flex-shrink:0;margin-left:1rem;font-weight:700}.capability-card__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.capability-card--open .capability-card__body{grid-template-rows:1fr}.capability-card__body>div{overflow:hidden}.capability-card__text{padding:.75rem;font-size:.8rem;color:var(--color-text);line-height:1.6}.programs-section__grid{display:flex;flex-direction:column;margin-top:1rem}.program-category{border:1px solid var(--color-border);display:flex;flex-direction:column}.program-category__name{background:var(--color-highlight-bg);color:var(--color-highlight-text);padding:.2rem .75rem;font-size:.75rem;font-weight:700}.program-category__list{padding:.5rem .75rem;font-size:.75rem;color:var(--color-text)}.program-category__item{padding:.15rem 0}.program-category__item:before{content:"─";color:var(--color-text-dim)}.engineering-story__text{color:var(--color-text);margin:.75rem auto;font-size:.85rem}.engineering-story__quote{display:block;margin:1.5rem auto;padding:1rem;border:1px solid var(--color-border);color:var(--color-primary);max-width:55ch;text-align:left;font-size:.85rem;font-style:normal;background:var(--color-bg-elevated)}@media(max-width:768px){.product-header{padding:3rem 1rem 1.5rem}.product-header__title{font-size:1.4rem}}.desktop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1.5rem 1rem;margin-top:1rem;justify-items:center}.folder-icon{display:flex;flex-direction:column;align-items:center;gap:.4rem;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--color-primary);font-family:inherit;transition:transform .15s ease,filter .15s ease;border-radius:4px}.folder-icon:hover{transform:scale(1.08);filter:drop-shadow(0 0 6px var(--color-primary-glow))}.folder-icon:active{transform:scale(.96)}.folder-icon:focus-visible{outline:1px solid var(--color-primary);outline-offset:4px}.folder-icon__svg{width:56px;height:46px;filter:drop-shadow(0 2px 4px var(--color-primary-glow));transition:filter .15s ease}.folder-icon:hover .folder-icon__svg{filter:drop-shadow(0 0 10px var(--color-primary-glow))}.folder-icon__label{font-size:.7rem;color:var(--color-text);text-align:center;max-width:100px;line-height:1.3;word-break:break-word}.file-window{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.file-window__backdrop{position:absolute;inset:0;background:#0009;animation:file-window-backdrop-in .2s ease forwards}@keyframes file-window-backdrop-in{0%{opacity:0}to{opacity:1}}.file-window__panel{position:relative;z-index:1;width:100%;max-width:580px;max-height:80vh;display:flex;flex-direction:column;border:2px solid var(--color-border);background:var(--color-bg);box-shadow:0 0 20px var(--color-primary-glow),0 0 60px var(--color-primary-glow),inset 0 0 8px var(--color-primary-glow);animation:file-window-open .28s cubic-bezier(.34,1.56,.64,1) forwards;outline:none}@keyframes file-window-open{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.file-window__titlebar{display:flex;align-items:center;justify-content:space-between;background:var(--color-highlight-bg);color:var(--color-highlight-text);padding:.2rem .75rem;font-size:.85rem;font-weight:700;flex-shrink:0;-webkit-user-select:none;user-select:none}.file-window__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-window__close{background:none;border:none;color:inherit;font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer;padding:0 .25rem;margin-left:1rem;flex-shrink:0;transition:opacity .15s}.file-window__close:hover{opacity:.7}.file-window__body{padding:1rem;overflow-y:auto;font-size:.8rem;color:var(--color-text);line-height:1.65}.file-window__body::-webkit-scrollbar{width:6px}.file-window__body::-webkit-scrollbar-track{background:var(--color-bg)}.file-window__body::-webkit-scrollbar-thumb{background:var(--color-border)}@media(max-width:768px){.desktop-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:1rem .75rem}.folder-icon__svg{width:44px;height:36px}.folder-icon__label{font-size:.65rem;max-width:80px}.file-window{padding:1rem}.file-window__panel{max-height:85vh}}@media(max-width:500px){.desktop-grid{grid-template-columns:repeat(3,1fr)}}.file-window__long-form{font-size:.8rem;color:var(--color-text);line-height:1.7}.file-window__long-form p{margin-bottom:0}.file-window__program-list{display:flex;flex-direction:column;gap:.15rem}.file-window__program-item{padding:.15rem 0}.file-window__program-item:before{content:"─";color:var(--color-text-dim)}@media(prefers-reduced-motion:reduce){.file-window__panel,.file-window__backdrop{animation:none}.folder-icon{transition:none}}.map-fullscreen{position:fixed;inset:0;background:#000;overflow:hidden}.map-toolbar{position:fixed;top:0;left:0;right:0;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);z-index:100;gap:.5rem}.map-toolbar__left{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.map-toolbar__home{color:var(--color-primary);text-decoration:none;font-size:1.2rem;line-height:1;display:flex;align-items:center}.map-toolbar__home:hover{text-shadow:0 0 8px var(--color-primary-glow)}.map-toolbar__logo{height:20px;width:auto;filter:var(--color-filter);opacity:.85}.map-toolbar__home:hover .map-toolbar__logo{opacity:1}.map-toolbar__title{color:var(--color-primary);font-size:.8rem;font-weight:700;letter-spacing:.1em;white-space:nowrap}.map-toolbar__center{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;justify-content:center}.map-toolbar__btn{background:#0a0a0a99;color:var(--color-text-dim);border:1px solid var(--color-border);padding:.25rem .6rem;min-width:4.5rem;font-family:Kode Mono,Courier New,monospace;font-size:.65rem;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap;letter-spacing:.08em;text-align:center}.map-toolbar__btn:hover{color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 6px var(--color-primary-glow)}.map-toolbar__btn--active{background:var(--color-primary);color:#000;border-color:var(--color-primary)}.map-toolbar__right{display:flex;align-items:center;flex-shrink:0}.map-panel{position:fixed;z-index:90;max-height:calc(100vh - 60px);display:flex;flex-direction:column;border:2px solid var(--color-border);background:#000000e0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 0 12px #00000080,0 0 4px var(--color-primary-glow)}.map-panel--top-left{top:calc(52px + var(--stack-offset, 0px));left:12px}.map-panel--top-right{top:calc(52px + var(--stack-offset, 0px));right:12px}.map-panel--bottom-left{bottom:calc(12px + var(--stack-offset, 0px));left:12px}.map-panel--bottom-right{bottom:calc(12px + var(--stack-offset, 0px));right:12px}.map-panel__titlebar{display:flex;align-items:center;justify-content:space-between;padding:.3rem .6rem;background:var(--color-primary);color:#000;font-size:.7rem;font-weight:700;letter-spacing:.1em;flex-shrink:0;position:relative;overflow:hidden}.map-panel__titlebar:before{content:"";position:absolute;top:0;bottom:0;right:42px;width:8px;background:#000;transform:skew(-45deg);pointer-events:none;opacity:.3}.map-panel__titlebar:after{content:"";position:absolute;top:0;bottom:0;right:30px;width:8px;background:#000;transform:skew(-45deg);pointer-events:none;opacity:.3}.map-panel__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-panel__close{background:#000;border:none;color:var(--color-primary);cursor:pointer;font-size:.65rem;padding:.15rem .45rem;line-height:1;font-family:Kode Mono,Courier New,monospace;font-weight:700;position:relative;z-index:1;clip-path:polygon(6px 0%,100% 0%,100% calc(100% - 6px),calc(100% - 6px) 100%,0% 100%,0% 6px)}.map-panel__close:hover{background:var(--color-primary);color:#000}.map-panel__body{padding:.6rem;overflow-y:auto;flex:1;min-height:0}.mapman-coords{background:transparent;border:none;padding:0;margin-bottom:0}.mapman-coords__grid{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:.4rem .5rem;align-items:center;margin-bottom:.6rem}.mapman-coords__label{font-size:.75rem;color:var(--color-text-dim);white-space:nowrap;letter-spacing:.05em}.mapman-input{background:#0a0a0a;color:var(--color-primary);border:1px solid var(--color-border);padding:.3rem .4rem;font-family:Kode Mono,Courier New,monospace;font-size:.8rem;outline:none;transition:border-color .2s;width:100%;box-sizing:border-box}.mapman-input:focus{border-color:var(--color-primary);box-shadow:0 0 6px var(--color-primary-glow)}.mapman-input:disabled{opacity:.4;cursor:not-allowed}.mapman-input--small{width:3rem}.mapman-gps-status{font-size:.7rem;color:var(--color-primary);margin-top:.4rem;letter-spacing:.05em}.mapman-options{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;background:transparent;border:none;padding:0}.mapman-radio-group{display:flex;gap:.2rem}.mapman-radio{background:#0a0a0a;color:var(--color-text-dim);border:1px solid var(--color-border);padding:.2rem .5rem;font-family:Kode Mono,Courier New,monospace;font-size:.7rem;cursor:pointer;transition:all .15s}.mapman-radio:hover{border-color:var(--color-primary);color:var(--color-primary)}.mapman-radio--active{background:var(--color-primary);color:#000;border-color:var(--color-primary);font-weight:700}.mapman-radio:disabled{opacity:.4;cursor:not-allowed}.mapman-btn{display:block;width:100%;background:#0a0a0a;color:var(--color-primary);border:1px solid var(--color-border);padding:.5rem .75rem;font-family:Kode Mono,Courier New,monospace;font-size:.75rem;font-weight:700;cursor:pointer;text-align:center;letter-spacing:.05em;transition:all .15s}.mapman-btn:hover:not(:disabled){background:var(--color-primary);color:#000;box-shadow:0 0 12px var(--color-primary-glow)}.mapman-btn:disabled{opacity:.3;cursor:not-allowed}.mapman-btn--all{margin-top:.5rem;border-width:2px;font-size:.8rem;padding:.6rem .75rem}.mapman-btn--gps{width:auto;display:inline-block;font-size:.75rem;padding:.35rem .6rem}.mapman-btn--file{display:inline-block;width:auto;font-size:.75rem;padding:.35rem .6rem;color:var(--color-text-dim)}.mapman-btn--file:hover:not(:disabled){color:#000}.mapman-file-loaders{display:flex;gap:.4rem;flex-wrap:wrap}.mapman-options-panel{display:flex;flex-direction:column;gap:.6rem}.mapman-options-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.mapman-options-section{border-top:1px solid var(--color-border);padding-top:.5rem;display:flex;flex-direction:column;gap:.4rem}.mapman-slider{flex:1;min-width:60px;height:4px;cursor:pointer;-webkit-appearance:none;appearance:none;background:transparent}.mapman-slider::-webkit-slider-runnable-track{height:4px;background:var(--color-border);border:none}.mapman-slider::-moz-range-track{height:4px;background:var(--color-border);border:none}.mapman-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4px;background:var(--color-primary);border:none;cursor:pointer}.mapman-slider::-moz-range-thumb{width:12px;height:12px;background:var(--color-primary);border:none;border-radius:0;cursor:pointer}.mapman-slider:disabled::-webkit-slider-thumb{opacity:.3}.mapman-slider:disabled::-moz-range-thumb{opacity:.3}.mapman-slider-value{font-size:.65rem;color:var(--color-primary);min-width:3.5rem;text-align:right;font-family:Kode Mono,Courier New,monospace}.mapman-checkbox{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--color-text-dim);cursor:pointer;letter-spacing:.05em}.mapman-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#0a0a0a;border:1px solid var(--color-border);cursor:pointer;position:relative;flex-shrink:0}.mapman-checkbox input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.mapman-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;top:1px;left:1px;width:10px;height:10px;background:#000;clip-path:polygon(20% 45%,40% 70%,80% 20%,90% 30%,40% 85%,10% 55%)}.mapman-checkbox input[type=checkbox]:disabled{opacity:.3;cursor:not-allowed}.mapman-ops-panel{display:flex;flex-direction:column;gap:.3rem}.mapman-ops-divider{height:1px;background:var(--color-border);margin:.2rem 0}.mapman-op-btn{display:flex;align-items:stretch;width:100%;background:#0a0a0a;border:1px solid var(--color-border);cursor:pointer;font-family:Kode Mono,Courier New,monospace;font-size:.75rem;font-weight:700;letter-spacing:.05em;transition:all .15s;padding:0;color:var(--color-primary);text-align:left}.mapman-op-btn__index{display:flex;align-items:center;justify-content:center;width:2.2rem;flex-shrink:0;background:var(--color-border);color:var(--color-primary);font-size:.8rem;font-weight:700;border-right:1px solid var(--color-border)}.mapman-op-btn__label{display:flex;align-items:center;padding:.5rem .6rem;flex:1}.mapman-op-btn:hover:not(:disabled){border-color:var(--color-primary);box-shadow:0 0 8px var(--color-primary-glow)}.mapman-op-btn:hover:not(:disabled) .mapman-op-btn__index{background:var(--color-primary);color:#000}.mapman-op-btn:hover:not(:disabled) .mapman-op-btn__label{color:var(--color-primary)}.mapman-op-btn:disabled{opacity:.3;cursor:not-allowed}.mapman-op-btn--secondary{border-style:dashed}.mapman-op-btn--secondary .mapman-op-btn__index{background:transparent;color:var(--color-text-dim)}.mapman-guide__section{margin-bottom:.75rem}.mapman-guide__section:last-child{margin-bottom:0}.mapman-guide__heading{font-size:.7rem;font-weight:700;color:var(--color-primary);letter-spacing:.1em;margin-bottom:.3rem}.mapman-guide__text{font-size:.7rem;color:var(--color-text-dim);line-height:1.5;margin:0 0 .3rem}.mapman-guide__text--dim{opacity:.7}.mapman-guide__text strong{color:var(--color-primary);font-weight:700}.mapman-guide__link{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.mapman-guide__link:hover{text-shadow:0 0 6px var(--color-primary-glow)}.mapman-guide__query{display:block;background:#0a0a0a;border:1px solid var(--color-border);padding:.4rem .5rem;font-family:Kode Mono,Courier New,monospace;font-size:.6rem;color:var(--color-text-dim);line-height:1.6;overflow-x:auto;white-space:nowrap}.map-canvas{display:block;width:100%;max-width:640px;height:auto;border:1px solid var(--color-border);image-rendering:pixelated}.map-canvas-fullscreen{position:absolute;inset:0}.map-canvas--fullscreen{display:block;width:100%;height:100%;max-width:none;border:none;image-rendering:pixelated}.map-canvas-empty-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-dim);font-size:.85rem;letter-spacing:.1em;pointer-events:none}.map-canvas-controls--floating{position:absolute;bottom:24px;right:16px;z-index:80}.map-canvas-controls{display:flex;flex-direction:column;align-items:center;gap:.15rem}.map-canvas-controls button{background:#0a0a0acc;color:var(--color-primary);border:1px solid var(--color-border);width:2.2rem;height:2.2rem;font-size:.85rem;cursor:pointer;font-family:Kode Mono,Courier New,monospace;transition:all .15s;padding:0;line-height:1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.map-canvas-controls button:hover{background:var(--color-primary);color:#000}.map-canvas-controls__row{display:flex;gap:.15rem}.map-canvas-controls__center{margin-top:.25rem;font-size:1rem!important}.map-canvas-hint--floating{position:absolute;bottom:6px;left:50%;transform:translate(-50%);z-index:80;background:#0009;padding:.15rem .5rem;border-radius:2px}.map-canvas-hint{font-size:.65rem;color:var(--color-text-dim);text-align:center;letter-spacing:.05em;white-space:nowrap}.mapman-log-panel{display:flex;flex-direction:column}.mapman-log{background:#000;border:1px solid var(--color-border);padding:.5rem;max-height:180px;overflow-y:auto;font-family:Kode Mono,Courier New,monospace;font-size:.7rem;color:var(--color-primary);line-height:1.5}.mapman-log__empty{color:var(--color-text-dim)}.mapman-log__line{white-space:pre-wrap;word-break:break-all}.mapman-status{font-size:.7rem;color:var(--color-primary);padding:.3rem 0;letter-spacing:.05em}.map-gps-fab{position:fixed;bottom:80px;left:16px;z-index:90;width:48px;height:48px;border-radius:50%;background:#0a0a0ad9;color:var(--color-primary);border:2px solid var(--color-primary);font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px var(--color-primary-glow);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.map-gps-fab:active{background:var(--color-primary);color:#000}.map-canvas-wrap{display:flex;flex-direction:column;align-items:center;gap:.75rem}.map-canvas-empty{display:flex;align-items:center;justify-content:center;width:100%;max-width:640px;height:320px;border:1px solid var(--color-border);background:#0a0a0a;color:var(--color-text-dim);font-size:.85rem;letter-spacing:.1em;margin:0 auto}.map-context-menu{position:fixed;z-index:200;background:#000000eb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--color-border);padding:.3rem 0;min-width:140px;font-family:Kode Mono,Courier New,monospace}.map-context-menu button{display:block;width:100%;background:transparent;color:var(--color-primary);border:none;padding:.4rem .75rem;font-family:Kode Mono,Courier New,monospace;font-size:.7rem;font-weight:700;letter-spacing:.08em;cursor:pointer;text-align:left;transition:all .15s}.map-context-menu button:hover{background:var(--color-primary);color:#000}.map-context-menu__divider{height:1px;background:var(--color-border);margin:.2rem 0}.mapman-file-section__heading{font-size:.6rem;font-weight:700;letter-spacing:.1em;color:var(--color-primary);margin-bottom:.4rem;opacity:.7}.mapman-guide__query-wrap{position:relative}.mapman-guide__copy-btn{position:absolute;top:4px;right:4px;background:#000000b3;border:1px solid var(--color-border);color:var(--color-primary);font-family:Kode Mono,Courier New,monospace;font-size:.55rem;font-weight:700;letter-spacing:.08em;padding:.15rem .4rem;cursor:pointer;transition:all .15s}.mapman-guide__copy-btn:hover{background:var(--color-primary);color:#000}.symbol-editor{position:fixed;z-index:150;top:50%;left:50%;transform:translate(-50%,-50%);width:380px;max-height:90vh;overflow-y:auto;background:#0a0a0af2;border:1px solid var(--color-border);box-shadow:0 0 20px #000c,0 0 4px var(--color-primary-glow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.symbol-editor--mobile{width:100%;height:100%;max-height:100vh;transform:none;inset:0}.symbol-editor__header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--color-border)}.symbol-editor__title{font-family:Kode Mono,Courier New,monospace;font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--color-primary)}.symbol-editor__close{background:transparent;border:1px solid var(--color-border);color:var(--color-primary);font-family:Kode Mono,Courier New,monospace;font-size:.7rem;font-weight:700;padding:.15rem .4rem;cursor:pointer;transition:all .15s}.symbol-editor__close:hover{background:var(--color-primary);color:#000}.symbol-editor__body{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.symbol-editor__top-row{display:flex;gap:.75rem;align-items:flex-start}.symbol-editor__preview{min-width:80px;min-height:60px;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;background:#00000080}.symbol-editor__preview canvas{max-width:100%;max-height:80px}.symbol-editor__affiliation{display:flex;flex-direction:column;gap:.25rem}.symbol-editor__affiliation .mapman-radio-group{flex-direction:column;gap:.2rem}.symbol-editor__affiliation .mapman-radio{font-size:.6rem;padding:.15rem .4rem}.symbol-editor__field{display:flex;flex-direction:column;gap:.2rem}.symbol-editor__field-label{font-family:Kode Mono,Courier New,monospace;font-size:.6rem;font-weight:700;letter-spacing:.08em;color:var(--color-primary);opacity:.8}.symbol-editor__select{font-size:.65rem}.symbol-editor__select[size]{height:auto;max-height:100px;overflow-y:auto}.symbol-editor__search{font-size:.65rem;margin-bottom:.2rem}.symbol-editor__actions{display:flex;justify-content:space-between;gap:.5rem;margin-top:.5rem}.symbol-editor__delete-btn{border-color:#f44!important;color:#f44!important}.symbol-editor__delete-btn:hover{background:#f44!important;color:#000!important}.symbol-editor__save-btn{flex:1}.map-text-dialog-overlay{position:fixed;inset:0;z-index:160;background:#00000080;display:flex;align-items:center;justify-content:center}.map-text-dialog{width:320px;max-width:90vw;background:#0a0a0af2;border:1px solid var(--color-border);box-shadow:0 0 20px #000c,0 0 4px var(--color-primary-glow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.map-text-dialog__title{font-family:Kode Mono,Courier New,monospace;font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--color-primary)}.map-text-dialog__input{width:100%;box-sizing:border-box}.map-text-dialog__actions{display:flex;justify-content:flex-end;gap:.4rem}.annotation-toolbar{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:95}.annotation-toolbar__toggle{background:#000000bf;border:1px solid var(--color-border);color:var(--color-text-dim);font-family:Kode Mono,Courier New,monospace;font-size:.6rem;font-weight:700;letter-spacing:.08em;padding:.3rem .8rem;cursor:pointer;transition:all .15s}.annotation-toolbar__toggle--active{color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 6px var(--color-primary-glow)}.annotation-toolbar__toggle:hover{color:var(--color-primary);border-color:var(--color-primary)}.annotation-toolbar__panel{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:4px;background:#0a0a0af2;border:1px solid var(--color-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.5rem;display:flex;flex-direction:column;gap:.4rem;min-width:200px}.annotation-toolbar__tools{display:flex;gap:.25rem}.annotation-toolbar__tool-btn{flex:1;background:transparent;border:1px solid var(--color-border);color:var(--color-text-dim);font-family:Kode Mono,Courier New,monospace;font-size:.65rem;font-weight:700;padding:.3rem .4rem;cursor:pointer;transition:all .15s}.annotation-toolbar__tool-btn--active{background:var(--color-primary);color:#000;border-color:var(--color-primary)}.annotation-toolbar__tool-btn:hover:not(.annotation-toolbar__tool-btn--active){color:var(--color-primary);border-color:var(--color-primary)}.annotation-toolbar__colors{display:flex;gap:.2rem}.annotation-toolbar__color{width:20px;height:20px;border:2px solid transparent;cursor:pointer;padding:0;transition:border-color .15s}.annotation-toolbar__color--active{border-color:#fff}.annotation-toolbar__color:hover{border-color:var(--color-primary)}.annotation-toolbar__settings{display:flex;flex-direction:column;gap:.25rem}.annotation-toolbar__label{display:flex;align-items:center;gap:.3rem;font-family:Kode Mono,Courier New,monospace;font-size:.55rem;color:var(--color-text-dim);font-weight:700}.annotation-toolbar__value{min-width:1.5em;text-align:right}.annotation-toolbar__actions{display:flex;gap:.25rem}.annotation-toolbar__action-btn{flex:1;background:transparent;border:1px solid var(--color-border);color:var(--color-text-dim);font-family:Kode Mono,Courier New,monospace;font-size:.55rem;font-weight:700;padding:.2rem .4rem;cursor:pointer;transition:all .15s}.annotation-toolbar__action-btn:hover:not(:disabled){color:var(--color-primary);border-color:var(--color-primary)}.annotation-toolbar__action-btn--danger:hover:not(:disabled){color:#f44;border-color:#f44}.annotation-toolbar__action-btn:disabled{opacity:.3;cursor:not-allowed}.mapman-layers__section{margin-bottom:.5rem}.mapman-layers__heading{font-size:.6rem;font-weight:700;letter-spacing:.1em;color:var(--color-primary);margin-bottom:.3rem}.mapman-layers__empty{font-family:Kode Mono,Courier New,monospace;font-size:.6rem;color:var(--color-text-dim);opacity:.5;padding:.2rem 0}.mapman-layers__divider{height:1px;background:var(--color-border);margin:.4rem 0}.mapman-layers__item{display:flex;align-items:center;justify-content:space-between;padding:.2rem 0;border-bottom:1px solid rgba(255,255,255,.05);gap:.3rem}.mapman-layers__item-info{display:flex;align-items:center;gap:.3rem;flex:1;min-width:0;overflow:hidden}.mapman-layers__color-swatch{width:10px;height:10px;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}.mapman-layers__item-name{font-family:Kode Mono,Courier New,monospace;font-size:.6rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mapman-layers__item-detail{font-family:Kode Mono,Courier New,monospace;font-size:.5rem;color:var(--color-text-dim);flex-shrink:0}.mapman-layers__item-actions{display:flex;gap:.15rem;flex-shrink:0}.mapman-layers__action-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text-dim);font-family:Kode Mono,Courier New,monospace;font-size:.5rem;font-weight:700;width:1.4rem;height:1.4rem;padding:0;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.mapman-layers__action-btn:hover:not(:disabled){color:var(--color-primary);border-color:var(--color-primary)}.mapman-layers__action-btn--danger:hover:not(:disabled){color:#f44;border-color:#f44}.mapman-layers__action-btn:disabled{opacity:.3;cursor:not-allowed}.map-credits-btn{position:fixed;bottom:8px;right:8px;z-index:90;background:#0009;border:1px solid var(--color-border);color:var(--color-text-dim);font-family:Kode Mono,Courier New,monospace;font-size:.5rem;font-weight:700;letter-spacing:.08em;padding:.2rem .5rem;cursor:pointer;transition:all .15s;opacity:.5}.map-credits-btn:hover{opacity:1;color:var(--color-primary);border-color:var(--color-primary)}.credits-overlay{position:fixed;inset:0;z-index:200;background:#000000b3;display:flex;align-items:center;justify-content:center}.credits-modal{width:360px;max-width:90vw;background:#0a0a0af2;border:1px solid var(--color-border);box-shadow:0 0 20px #000c,0 0 4px var(--color-primary-glow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.credits-modal__header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--color-border)}.credits-modal__title{font-family:Kode Mono,Courier New,monospace;font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--color-primary)}.credits-modal__close{background:transparent;border:1px solid var(--color-border);color:var(--color-primary);font-family:Kode Mono,Courier New,monospace;font-size:.7rem;font-weight:700;padding:.15rem .4rem;cursor:pointer;transition:all .15s}.credits-modal__close:hover{background:var(--color-primary);color:#000}.credits-modal__body{padding:.75rem}.credits-modal__text{font-family:Kode Mono,Courier New,monospace;font-size:.65rem;color:var(--color-text);line-height:1.6;margin-bottom:.5rem}.credits-modal__text--dim{color:var(--color-text-dim);font-size:.6rem}.credits-modal__text strong{color:var(--color-primary)}.credits-modal__link{color:var(--color-primary);text-decoration:none}.credits-modal__link:hover{text-shadow:0 0 6px var(--color-primary-glow)}.credits-modal__divider{height:1px;background:var(--color-border);margin:.5rem 0}@media(max-width:768px){.map-toolbar{height:52px;padding:0 .5rem}.map-toolbar__title{font-size:.7rem}.map-toolbar__btn{font-size:.55rem;padding:.15rem .35rem;min-width:3.5rem}.map-panel{position:fixed;inset:auto 0 0!important;width:100%!important;max-height:50vh;border-radius:8px 8px 0 0;border-width:2px 2px 0 2px}.mapman-coords__grid{grid-template-columns:auto 1fr}.map-canvas-controls button{width:2.8rem;height:2.8rem;font-size:1rem}.map-canvas-controls--floating{bottom:16px;right:12px}.map-canvas-hint--floating{display:none}}.databeat-fullscreen{position:fixed;inset:0;background:var(--color-bg);overflow:hidden}.databeat-toolbar{position:fixed;top:0;left:0;right:0;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);z-index:100;gap:.5rem}.databeat-toolbar__left{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.databeat-toolbar__home{color:var(--color-primary);text-decoration:none;font-size:.85rem;font-weight:700;letter-spacing:.08em;opacity:.7;transition:opacity .2s}.databeat-toolbar__home:hover{opacity:1;text-shadow:0 0 8px var(--color-primary-glow)}.databeat-toolbar__title{color:var(--color-primary);font-size:.8rem;font-weight:700;letter-spacing:.1em;white-space:nowrap}.databeat-toolbar__right{display:flex;align-items:center;gap:.5rem}.databeat-toolbar__btn{background:#0a0a0a99;border:1px solid var(--color-border);color:var(--color-text);font-family:inherit;font-size:.7rem;padding:.25rem .6rem;cursor:pointer;letter-spacing:.05em;transition:border-color .2s,color .2s}.databeat-toolbar__btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.databeat-toolbar__btn--active{border-color:var(--color-primary);color:var(--color-primary);background:#0a0a0acc}.databeat-canvas-wrap{position:fixed;inset:0}.databeat-canvas-wrap canvas{display:block;width:100%;height:100%}.databeat-menu{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:50;background:#000000d9}.databeat-menu__panel{border:2px solid var(--color-border);background:#000000e0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 0 12px #00000080,0 0 4px var(--color-primary-glow);max-width:520px;width:90%;max-height:85vh;display:flex;flex-direction:column}.databeat-menu__titlebar{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;background:var(--color-primary);color:#000;font-size:.8rem;font-weight:700;letter-spacing:.12em;flex-shrink:0;position:relative;overflow:hidden}.databeat-menu__titlebar:before{content:"";position:absolute;top:0;bottom:0;right:42px;width:8px;background:#000;transform:skew(-45deg);pointer-events:none;opacity:.3}.databeat-menu__titlebar:after{content:"";position:absolute;top:0;bottom:0;right:30px;width:8px;background:#000;transform:skew(-45deg);pointer-events:none;opacity:.3}.databeat-menu__titlebar-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.databeat-menu__body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;color:var(--color-text)}.databeat-menu__body::-webkit-scrollbar{width:4px}.databeat-menu__body::-webkit-scrollbar-thumb{background:var(--color-border)}.databeat-menu__subtitle{color:var(--color-text-dim);font-size:.7rem;margin-bottom:1.25rem;letter-spacing:.05em}.databeat-menu__section{color:var(--color-primary);font-size:.65rem;font-weight:700;letter-spacing:.1em;margin-bottom:.5rem;margin-top:1rem}.databeat-menu__section:first-of-type{margin-top:0}.databeat-menu__hint{font-size:.6rem;color:var(--color-text-dim);margin-bottom:.5rem;letter-spacing:.02em;line-height:1.5}.databeat-menu__error{color:var(--color-primary);font-size:.7rem;margin-top:.75rem}.databeat-difficulty{display:flex;gap:.35rem;margin-bottom:.75rem}.databeat-difficulty__btn{flex:1;background:transparent;border:1px solid var(--color-border);color:var(--color-text);font-family:inherit;font-size:.7rem;padding:.4rem .25rem;cursor:pointer;text-align:center;letter-spacing:.05em;transition:border-color .15s,color .15s}.databeat-difficulty__btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.databeat-difficulty__btn--active{border-color:var(--color-primary);color:var(--color-primary);box-shadow:inset 0 0 12px var(--color-primary-glow)}.databeat-difficulty__btn--wide{width:100%;flex:none;padding:.4rem}.databeat-difficulty__label{display:block;font-weight:700;margin-bottom:.1rem}.databeat-difficulty__detail{font-size:.55rem;color:var(--color-text-dim)}.databeat-keys{display:flex;gap:.35rem;justify-content:center;margin-bottom:.75rem}.databeat-keys__key{border:1px solid var(--color-border);color:var(--color-text-dim);background:transparent;font-family:Kode Mono,monospace;font-size:.7rem;font-weight:700;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,color .15s}.databeat-keys__key:hover{border-color:var(--color-primary);color:var(--color-primary)}.databeat-keys__key--listening{border-color:var(--color-accent);color:var(--color-accent);animation:databeat-pulse .6s ease-in-out infinite}@keyframes databeat-pulse{0%,to{opacity:1}50%{opacity:.5}}.databeat-songs{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.75rem}.databeat-songs__item{background:transparent;border:1px solid var(--color-border);color:var(--color-text);font-family:inherit;font-size:.7rem;padding:.5rem .65rem;cursor:pointer;text-align:left;letter-spacing:.03em;transition:border-color .15s,color .15s;display:flex;justify-content:space-between;align-items:center}.databeat-songs__item:hover{border-color:var(--color-primary);color:var(--color-primary)}.databeat-songs__name{font-weight:700}.databeat-songs__desc{font-size:.6rem;color:var(--color-text-dim)}.databeat-songs__badge{color:var(--color-primary);font-weight:700}.databeat-midi{margin-bottom:.75rem}.databeat-midi__label{display:block;border:1px dashed var(--color-border);padding:.65rem;text-align:center;cursor:pointer;font-size:.65rem;color:var(--color-text-dim);letter-spacing:.05em;transition:border-color .15s,color .15s}.databeat-midi__label:hover{border-color:var(--color-primary);color:var(--color-text)}.databeat-midi__input{display:none}.databeat-midi__name{color:var(--color-primary);font-weight:700}.databeat-play{display:block;width:100%;background:transparent;border:2px solid var(--color-primary);color:var(--color-primary);font-family:inherit;font-size:.8rem;font-weight:700;padding:.65rem;cursor:pointer;letter-spacing:.1em;margin-top:1rem;transition:background .15s,box-shadow .15s}.databeat-play:hover{background:var(--color-primary-glow);box-shadow:0 0 20px var(--color-primary-glow)}.databeat-play:disabled{opacity:.3;cursor:not-allowed}.databeat-divider{border:none;border-top:1px solid var(--color-border);margin:.75rem 0}.databeat-advanced__toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;border:1px solid var(--color-border);color:var(--color-text-dim);font-family:inherit;font-size:.65rem;font-weight:700;padding:.5rem .65rem;cursor:pointer;letter-spacing:.08em;transition:border-color .15s,color .15s}.databeat-advanced__toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.databeat-advanced__hint{font-weight:400;font-size:.55rem;letter-spacing:.04em;opacity:.6}.databeat-advanced__body{margin-top:.75rem;border-left:2px solid var(--color-border);padding-left:.75rem}.databeat-analysis__summary{font-size:.65rem;color:var(--color-text-dim);margin-bottom:.5rem;letter-spacing:.03em}.databeat-analysis__preview{font-size:.7rem;font-weight:700;color:var(--color-primary);margin-top:.6rem;text-align:center;letter-spacing:.05em}.databeat-channels{display:flex;flex-direction:column;gap:.25rem}.databeat-channel{display:flex;flex-direction:column;gap:.1rem;background:transparent;border:1px solid var(--color-border);color:var(--color-text-dim);font-family:inherit;font-size:.65rem;padding:.35rem .5rem;cursor:pointer;text-align:left;transition:border-color .15s,color .15s;opacity:.5}.databeat-channel:hover{border-color:var(--color-text);opacity:.8}.databeat-channel--on{border-color:var(--color-primary);color:var(--color-text);opacity:1}.databeat-channel__header{display:flex;justify-content:space-between;align-items:center}.databeat-channel__name{font-weight:700;font-size:.68rem}.databeat-channel--on .databeat-channel__name{color:var(--color-primary)}.databeat-channel__toggle{font-size:.55rem;letter-spacing:.05em}.databeat-channel--on .databeat-channel__toggle{color:var(--color-primary)}.databeat-channel__detail{font-size:.55rem;opacity:.7}.databeat-controls{display:flex;flex-direction:column;gap:.4rem}.databeat-control{display:flex;align-items:center;gap:.5rem;font-size:.6rem;cursor:pointer}.databeat-control__label{flex-shrink:0;width:80px;color:var(--color-text-dim);letter-spacing:.03em}.databeat-control__range{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--color-border);outline:none;border-radius:0;cursor:pointer}.databeat-control__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--color-primary);border:none;cursor:pointer}.databeat-control__range::-moz-range-thumb{width:12px;height:12px;background:var(--color-primary);border:none;border-radius:0;cursor:pointer}.databeat-control__value{flex-shrink:0;width:32px;text-align:right;color:var(--color-text);font-weight:700}.databeat-splash{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;background:var(--color-bg, #000)}.databeat-splash__bg{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.25;filter:var(--color-filter, none) brightness(.8)}.databeat-splash__scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);z-index:1}.databeat-splash__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 1.5rem}.databeat-splash__title{font-size:3rem;font-weight:700;color:var(--color-primary);letter-spacing:.15em;margin-bottom:2rem;animation:databeat-splash-glitch-in 1s ease-out both}@keyframes databeat-splash-glitch-in{0%{transform:translate(-60px);opacity:0;filter:blur(4px);clip-path:inset(0 100% 0 0)}20%{opacity:.6;filter:blur(2px);clip-path:inset(0 40% 0 0)}25%{transform:translate(-10px) skew(-4deg);clip-path:inset(30% 20% 40% 0)}30%{transform:translate(4px) skew(2deg);clip-path:inset(0 10% 0 0)}40%{transform:translate(-2px);clip-path:inset(50% 0 20% 0)}50%{transform:translate(1px) skew(-1deg);filter:blur(0);clip-path:inset(0)}60%{transform:translate(0);opacity:1}to{transform:translate(0);opacity:1;filter:blur(0);clip-path:inset(0)}}.databeat-splash__prompt{font-size:.7rem;color:var(--color-primary);letter-spacing:.1em;opacity:0;animation:databeat-splash-prompt-in .5s ease-out 1s both,databeat-pulse 1.2s ease-in-out 1.5s infinite}@keyframes databeat-splash-prompt-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.databeat-splash--leaving .databeat-splash__title{animation:databeat-splash-glitch-out .8s ease-in both;text-shadow:0 0 30px var(--color-primary-glow),0 0 60px var(--color-primary),0 0 100px var(--color-primary);color:var(--color-primary)}.databeat-splash--leaving .databeat-splash__bg{animation:databeat-splash-bg-out .8s ease-in both}.databeat-splash--leaving .databeat-splash__scanlines{animation:databeat-splash-scanline-out .8s ease-in both}@keyframes databeat-splash-glitch-out{0%{transform:translate(0);opacity:1;filter:blur(0)}15%{transform:translate(6px) skew(3deg);clip-path:inset(20% 0 40% 0)}25%{transform:translate(-4px) skew(-5deg);clip-path:inset(0 0 0 0)}40%{transform:translate(80px) skew(8deg);opacity:.7;filter:blur(2px);clip-path:inset(30% 0 20% 0)}60%{transform:translate(200px) skew(12deg);opacity:.3;filter:blur(6px)}to{transform:translate(400px) skew(15deg);opacity:0;filter:blur(10px);clip-path:inset(0 100% 0 0)}}@keyframes databeat-splash-bg-out{0%{opacity:.25}50%{opacity:.15}to{opacity:0}}@keyframes databeat-splash-scanline-out{0%{opacity:1}60%{opacity:1.5}to{opacity:0}}.databeat-main-menu{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}.databeat-main-menu__btn{display:block;width:100%;background:transparent;border:1px solid var(--color-border);color:var(--color-text);font-family:inherit;font-size:.85rem;font-weight:700;padding:.9rem 1rem;cursor:pointer;letter-spacing:.12em;text-align:left;transition:border-color .15s,color .15s,box-shadow .15s}.databeat-main-menu__btn:hover,.databeat-main-menu__btn:active{border-color:var(--color-primary);color:var(--color-primary);box-shadow:inset 0 0 12px var(--color-primary-glow)}.databeat-main-menu__btn-hint{display:block;font-size:.55rem;font-weight:400;color:var(--color-text-dim);letter-spacing:.04em;margin-top:.2rem}.databeat-main-menu__status{font-size:.55rem;color:var(--color-text-dim);text-align:center;margin-top:.5rem;letter-spacing:.04em;opacity:.6}.databeat-nav-back{background:transparent;border:none;color:var(--color-text-dim);font-family:inherit;font-size:.65rem;font-weight:700;padding:0;cursor:pointer;letter-spacing:.05em;margin-bottom:1rem;transition:color .15s}.databeat-nav-back:hover{color:var(--color-primary)}@media(max-width:520px){.databeat-menu__panel{width:100%;max-width:100%;max-height:100vh;max-height:100dvh;border:none;border-radius:0}.databeat-menu__body{padding:1rem}.databeat-splash__content{padding:2rem 1rem}.databeat-splash__title{font-size:2rem}.databeat-main-menu__btn{padding:1rem;font-size:.9rem;min-height:3rem}.databeat-difficulty{flex-wrap:wrap}.databeat-difficulty__btn{min-height:2.5rem;font-size:.65rem;padding:.5rem .25rem}.databeat-keys__key{width:2.5rem;height:2.5rem;font-size:.8rem}.databeat-play{padding:.8rem;font-size:.85rem}.databeat-songs__item{padding:.6rem .65rem}}.databeat-calibration{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;min-height:100%;font-family:Kode Mono,monospace;color:var(--color-text, #22bb00);background:var(--color-bg, #001a00)}.databeat-calibration__header{display:flex;align-items:center;gap:1rem;width:100%;max-width:700px}.databeat-calibration__back{background:none;border:1px solid var(--color-border, #116600);color:var(--color-text, #22bb00);font-family:inherit;font-size:.85rem;padding:.35rem .75rem;cursor:pointer;letter-spacing:.05em}.databeat-calibration__back:hover{border-color:var(--color-primary, #33ff00);color:var(--color-primary, #33ff00)}.databeat-calibration__title{font-size:.9rem;font-weight:700;letter-spacing:.1em;color:var(--color-primary, #33ff00)}.databeat-calibration__hint{font-size:.75rem;color:var(--color-text-dim, #117700);text-align:center;letter-spacing:.05em}.databeat-calibration__hint-small{font-size:.65rem;color:var(--color-text-dim, #117700);letter-spacing:.03em;margin-top:.25rem}.databeat-calibration__canvas{max-width:100%;border:1px solid var(--color-border, #116600);box-shadow:0 0 12px #33ff0026;touch-action:none}.databeat-calibration__controls{display:flex;flex-direction:column;gap:.3rem;width:100%;max-width:640px}.databeat-calibration__label{display:flex;justify-content:space-between;font-size:.75rem;letter-spacing:.08em;color:var(--color-text, #22bb00)}.databeat-calibration__value{color:var(--color-primary, #33ff00)}.databeat-calibration__slider{width:100%;accent-color:var(--color-primary, #33ff00)}.databeat-calibration__actions{display:flex;gap:.75rem;width:100%;max-width:640px}.databeat-calibration__actions .databeat-difficulty__btn{flex:1}.databeat-calibration__error{color:#f44;font-size:.85rem;letter-spacing:.05em;padding:1rem;border:1px solid #ff4444;text-align:center;max-width:640px;width:100%}.databeat-calibration__device-select{background:var(--color-bg-elevated, #002200);border:1px solid var(--color-border, #116600);color:var(--color-text, #22bb00);font-family:Kode Mono,monospace;font-size:.75rem;padding:.4rem .5rem;width:100%;cursor:pointer}.databeat-calibration__tabs{display:flex;gap:.4rem;width:100%;max-width:640px}.databeat-calibration__tab{flex:1;background:none;border:1px solid var(--color-border, #116600);color:var(--color-text-dim, #117700);font-family:Kode Mono,monospace;font-size:.7rem;letter-spacing:.08em;padding:.4rem 0;cursor:pointer;transition:border-color .1s,color .1s}.databeat-calibration__tab:hover{border-color:var(--color-primary, #33ff00);color:var(--color-primary, #33ff00)}.databeat-calibration__tab--active{border-color:var(--color-primary, #33ff00);color:var(--color-primary, #33ff00);background:#33ff000f}.databeat-gameover-btns{position:absolute;bottom:6%;left:50%;transform:translate(-50%);display:flex;gap:1rem;pointer-events:all;z-index:10}.databeat-gameover-btn{background:#000000bf;border:1px solid var(--color-primary, #33ff00);color:var(--color-primary, #33ff00);font-family:Kode Mono,monospace;font-size:.85rem;font-weight:700;letter-spacing:.12em;padding:.6rem 1.8rem;cursor:pointer;box-shadow:0 0 10px #3f03;transition:background .1s,box-shadow .1s}.databeat-gameover-btn:hover,.databeat-gameover-btn:focus{background:#33ff001f;box-shadow:0 0 16px #3f06;outline:none}.databeat-gameover-btn:active{background:#33ff0038}