.loading-overlay[data-v-92ddd563]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#060a10eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.loading-spinner[data-v-92ddd563]{width:48px;height:48px;border:2px solid var(--line);border-top-color:var(--cyan);border-radius:50%;animation:spin-92ddd563 .8s linear infinite}@keyframes spin-92ddd563{to{transform:rotate(360deg)}}.loading-text[data-v-92ddd563]{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.2em;color:var(--cyan);animation:blink-92ddd563 1.2s step-end infinite}@keyframes blink-92ddd563{50%{opacity:0}}.wip-overlay[data-v-078f7fa4]{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a12d9;display:flex;align-items:center;justify-content:center;z-index:20000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.wip-modal[data-v-078f7fa4]{position:relative;background:var(--panel);border:1px solid var(--morpho);box-shadow:0 0 40px #ff910033,inset 0 0 40px #ff910008;max-width:560px;width:calc(100% - 2rem);padding:2rem}.wip-modal__header[data-v-078f7fa4]{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,145,0,.25)}.wip-modal__icon[data-v-078f7fa4]{font-size:1.4rem;color:var(--morpho);line-height:1}.wip-modal__title[data-v-078f7fa4]{font-family:var(--font-disp);font-size:1.1rem;font-weight:700;letter-spacing:2px;color:var(--morpho)}.wip-modal__body[data-v-078f7fa4]{font-family:var(--font-body);font-size:.9rem;color:var(--ink-dim);line-height:1.7}.wip-modal__body p[data-v-078f7fa4]{margin-bottom:.75rem}.wip-modal__body strong[data-v-078f7fa4]{color:var(--ink)}.wip-modal__body ul[data-v-078f7fa4]{list-style:none;padding:0;margin:.5rem 0 .75rem;display:flex;flex-direction:column;gap:.4rem}.wip-modal__body ul li[data-v-078f7fa4]{padding-left:1.25rem;position:relative}.wip-modal__body ul li[data-v-078f7fa4]:before{content:"◆";position:absolute;left:0;color:#ff910073;font-size:.55rem;top:.35em}.wip-modal__sub[data-v-078f7fa4]{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-faint);letter-spacing:.5px;margin-top:.5rem}.wip-modal__footer[data-v-078f7fa4]{margin-top:1.5rem;text-align:center}.wip-modal__dismiss[data-v-078f7fa4]{font-family:var(--font-disp);font-size:.9rem;font-weight:700;letter-spacing:2px;color:var(--bg);background:var(--morpho);border:none;padding:.6rem 2rem;cursor:pointer;transition:background .2s,box-shadow .2s;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%)}.wip-modal__dismiss[data-v-078f7fa4]:hover{background:var(--cyan);box-shadow:0 0 16px var(--morpho)}.wip-modal__corner[data-v-078f7fa4]{position:absolute;width:10px;height:10px;border-color:var(--morpho);border-style:solid}.wip-modal__corner--tl[data-v-078f7fa4]{top:0;left:0;border-width:2px 0 0 2px}.wip-modal__corner--tr[data-v-078f7fa4]{top:0;right:0;border-width:2px 2px 0 0}.wip-modal__corner--bl[data-v-078f7fa4]{bottom:0;left:0;border-width:0 0 2px 2px}.wip-modal__corner--br[data-v-078f7fa4]{bottom:0;right:0;border-width:0 2px 2px 0}:root{--bg: #060a12;--bg-2: #0c1420;--panel: rgba(13, 21, 37, .72);--panel-2: rgba(17, 27, 46, .86);--cyan: #FFE135;--cyan-dim: rgba(255, 225, 53, .45);--morpho: #ff9100;--morpho-dk: #cc5500;--amber: #FFC107;--rose: #ff3d3d;--success: #39ff14;--ink: #e0e8f0;--ink-dim: #8899aa;--ink-faint: #556677;--line: rgba(255, 225, 53, .15);--line-soft: rgba(255, 145, 0, .1);--glow-cyan: 0 0 18px rgba(255, 225, 53, .35);--glow-morpho: 0 0 22px rgba(255, 145, 0, .3);--glow-amber: 0 0 16px rgba(255, 193, 7, .3);--glow-rose: 0 0 16px rgba(255, 61, 61, .3);--font-disp: "Chakra Petch", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "Share Tech Mono", ui-monospace, monospace;--sidebar-width: 260px;--topbar-height: 52px;--content-max: 960px;--chisel: 18px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-weight:300;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}.bg-grid,.bg-scanlines,.bg-vignette,#butterfly-field{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.bg-grid{background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(120% 100% at 50% 30%,#000 30%,transparent 85%);mask-image:radial-gradient(120% 100% at 50% 30%,#000 30%,transparent 85%);opacity:.6;animation:grid-drift 24s linear infinite}@keyframes grid-drift{to{background-position:46px 46px}}.bg-scanlines{background:repeating-linear-gradient(to bottom,#0000 0,#0000 2px,#0000002e 2px,#0000002e 3px);opacity:.35;mix-blend-mode:multiply}.bg-vignette{background:radial-gradient(110% 80% at 50% 50%,transparent 55%,rgba(0,0,0,.7))}.bf-particle{position:fixed;bottom:-60px;z-index:0;opacity:0;pointer-events:none;filter:drop-shadow(0 0 6px rgba(74,168,255,.6));animation:bf-rise linear forwards}.bf-particle img{width:100%;height:100%;display:block;transform-origin:50% 50%;animation:bf-flap var(--flap, .5s) ease-in-out infinite}@keyframes bf-rise{0%{opacity:0;transform:translate(0) rotate(var(--tilt, 0deg))}10%{opacity:.7}90%{opacity:.5}to{opacity:0;transform:translate(var(--drift, 0),-115vh) rotate(var(--tilt, 0deg))}}@keyframes bf-flap{0%,to{transform:scaleX(1)}50%{transform:scaleX(.45)}}#app{position:relative;z-index:1;min-height:100vh}.top-bar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--topbar-height);background:var(--panel);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.top-bar-logo{font-family:var(--font-disp);font-size:1.15rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-decoration:none}.top-bar-logo span{color:var(--cyan)}.top-bar-right{display:flex;align-items:center;gap:18px}.top-bar-status{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;color:var(--ink-dim);display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 8px #39ff1480;animation:status-pulse 2s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.35}}.top-bar-search{background:#09101a99;border:1px solid var(--line);color:var(--ink);font-family:var(--font-mono);font-size:.72rem;padding:6px 12px;width:180px;outline:none;transition:border-color .2s,box-shadow .2s}.top-bar-search::placeholder{color:var(--ink-faint)}.top-bar-search:focus{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.sidebar{position:fixed;top:var(--topbar-height);left:0;bottom:0;z-index:90;width:var(--sidebar-width);background:var(--panel-2);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-y:auto;padding:16px 0;transition:transform .3s ease}.sidebar-section{margin-bottom:4px}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;cursor:pointer;font-family:var(--font-disp);font-size:.78rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);-webkit-user-select:none;user-select:none;transition:color .2s}.sidebar-section-header:hover{color:#fff}.sidebar-section-header .chevron{font-family:var(--font-mono);font-size:.6rem;color:var(--ink-faint);transition:transform .2s}.sidebar-section-header.open .chevron{transform:rotate(90deg)}.sidebar-links{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease}.sidebar-section-header.open+.sidebar-links{max-height:600px}.sidebar-links li{margin:0;padding:0}.sidebar-link{display:block;padding:8px 20px 8px 28px;font-family:var(--font-body);font-size:.82rem;font-weight:300;color:var(--ink-dim);text-decoration:none;border-left:2px solid transparent;transition:padding-left .18s,color .18s,background .18s,border-color .18s}.sidebar-link:hover{color:#fff;background:#ffe1350f;padding-left:34px}.sidebar-link.router-link-active,.sidebar-link.router-link-exact-active{color:var(--cyan);border-left-color:var(--cyan);background:#ffe13514}.content-area{margin-left:var(--sidebar-width);margin-top:var(--topbar-height);padding:clamp(20px,4vw,48px) 20px;min-height:calc(100vh - var(--topbar-height))}.content-frame{position:relative;max-width:var(--content-max);margin:0 auto;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 60px #4aa8ff0d,0 20px 60px #00000080;padding:clamp(28px,5vw,56px)}.page-enter-active{animation:screen-in .4s ease both}.page-leave-active{animation:screen-out .25s ease both}@keyframes screen-in{0%{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes screen-out{0%{opacity:1}to{opacity:0}}h1{font-family:var(--font-disp);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;line-height:1.1;letter-spacing:.03em;text-transform:uppercase;color:#fff;margin:0 0 .6rem;padding-bottom:.5rem;position:relative}h1:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:2px;background:var(--cyan);box-shadow:var(--glow-cyan)}h2{font-family:var(--font-disp);font-size:clamp(1.15rem,2.5vw,1.5rem);font-weight:600;color:#fff;margin:1.8em 0 .6em;padding-bottom:.4rem;border-bottom:1px solid rgba(255,225,53,.15)}h2:before{content:"// ";font-family:var(--font-mono);font-size:.85rem;color:var(--cyan-dim);letter-spacing:0;font-weight:400}h3{font-family:var(--font-disp);font-size:clamp(.95rem,2vw,1.15rem);font-weight:600;color:var(--amber);margin:1.4em 0 .5em;text-transform:uppercase;letter-spacing:.04em}h4{font-family:var(--font-disp);font-size:clamp(.85rem,1.5vw,1rem);font-weight:600;color:var(--morpho);margin:1.2em 0 .4em;text-transform:uppercase;letter-spacing:.04em}.kicker{font-family:var(--font-mono);letter-spacing:.32em;font-size:.72rem;color:var(--cyan);margin:0 0 .4rem;text-transform:uppercase}.readout{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.18em;color:var(--ink-faint);margin:1.4rem 0 0}p{margin:0 0 .8em;color:var(--ink-dim);font-size:.95rem;line-height:1.7}strong,b{color:#fff;font-weight:500}em,i{color:var(--ink-dim);font-style:italic}a{color:var(--cyan);text-decoration:none;transition:color .2s}a:hover{color:#fff;text-decoration:underline}.card{position:relative;background:var(--panel);border:1px solid var(--line);padding:20px 24px;margin-bottom:16px;transition:border-color .2s,box-shadow .2s,transform .15s}.card:hover{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 16px;margin:-20px -24px 16px;background:var(--panel-2)}.card-header-name{font-family:var(--font-disp);font-size:1.05rem;font-weight:600;color:#fff}.tag{display:inline-block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border:1px solid}.rules-callout{position:relative;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--cyan);margin:16px 0;padding:20px 24px}.rules-callout:before{content:"";position:absolute;top:0;left:0;width:12px;height:12px;border-top:2px solid var(--cyan);border-left:2px solid var(--cyan)}.example-box{position:relative;background:linear-gradient(135deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-left:3px solid var(--amber);margin:16px 0;padding:20px 24px}.example-box:before{content:"◇EXAMPLE";display:block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:12px}.question-block{position:relative;background:var(--panel);border:1px solid var(--line);margin:24px 0;padding:24px}.question-block:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cyan),transparent)}.question-number{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;color:var(--cyan);margin-bottom:8px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:16px 0}.stat-item{background:var(--panel-2);border:1px solid var(--line-soft);padding:16px 14px;text-align:center;transition:border-color .2s}.stat-item:hover{border-color:var(--cyan)}.stat-name{font-family:var(--font-disp);font-size:.95rem;font-weight:600;letter-spacing:.04em;color:#fff;margin-bottom:4px}.stat-value{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);line-height:1.3}.stat-desc{font-size:.85rem;color:var(--ink-dim);margin-top:8px;line-height:1.6}.formula{display:inline-block;font-family:var(--font-mono);font-size:.85rem;color:var(--cyan);background:var(--panel-2);border:1px solid var(--line);padding:6px 14px}.data-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan-dim)}.step-indicator{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.2em;color:var(--cyan);margin-bottom:4px}.section-divider{display:flex;align-items:center;gap:16px;margin:32px 0 20px;font-family:var(--font-disp);font-size:.82rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan)}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:#ffe13533}.rank-divider{display:flex;align-items:center;gap:16px;margin:32px 0 20px;font-family:var(--font-disp);font-size:.82rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--morpho)}.rank-divider:before,.rank-divider:after{content:"";flex:1;height:1px;background:#ff910033}.breadcrumb{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-faint);margin-bottom:20px}.breadcrumb a{color:var(--cyan-dim);text-decoration:none}.breadcrumb a:hover{color:var(--cyan)}.breadcrumb span{margin:0 6px;color:var(--ink-faint)}.page-nav{display:flex;justify-content:space-between;gap:20px;margin-top:40px}.page-nav-btn{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);background:var(--panel);border:1px solid var(--line);padding:14px 20px;flex:1;cursor:pointer;text-decoration:none;transition:border-color .2s,box-shadow .2s,color .2s}.page-nav-btn:hover{border-color:var(--cyan);box-shadow:var(--glow-cyan);color:#fff}.page-nav-btn .nav-arrow{color:var(--cyan)}.page-nav-btn .nav-label{font-size:.6rem;color:var(--ink-faint);display:block}.page-nav-btn .nav-title{font-family:var(--font-body);font-size:.85rem;font-weight:400;text-transform:none;letter-spacing:0;display:block;margin-top:4px}.content-nav-link{display:inline-block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);background:var(--panel);border:1px solid var(--line);padding:10px 18px;text-decoration:none;transition:border-color .2s,box-shadow .2s}.content-nav-link:hover{border-color:var(--cyan);box-shadow:var(--glow-cyan);text-decoration:none}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.filter-chip{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);background:var(--panel-2);border:1px solid var(--line-soft);padding:6px 14px;cursor:pointer;transition:border-color .2s,color .2s,background .2s,box-shadow .2s}.filter-chip:hover{border-color:var(--cyan);color:#fff}.filter-chip.active{color:var(--cyan);border-color:var(--cyan);background:#ffe13514;box-shadow:var(--glow-cyan)}table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.9rem}thead th{font-family:var(--font-disp);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);text-align:left;padding:10px 14px;background:var(--panel-2);border-bottom:2px solid var(--cyan-dim)}tbody td{padding:10px 14px;color:var(--ink-dim);border-bottom:1px solid rgba(255,225,53,.08);font-weight:300}tbody tr:hover td{background:#ffe1350a;color:var(--ink)}ul,ol{padding-left:24px;margin:0 0 16px}li{color:var(--ink-dim);font-weight:300;font-size:.95rem;line-height:1.7;margin-bottom:4px}li::marker{color:var(--cyan-dim)}.btn{display:inline-block;cursor:pointer;font-family:var(--font-disp);font-weight:600;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);padding:.7rem 1.6rem;font-size:.8rem;transition:color .2s,border-color .2s,box-shadow .2s,transform .1s;text-decoration:none}.btn:hover{color:#fff;border-color:var(--cyan);box-shadow:var(--glow-cyan);text-decoration:none}.btn:active{transform:translateY(1px)}.btn-ghost{padding:.5rem 1rem;font-size:.68rem;color:var(--ink-dim);background:transparent;letter-spacing:.2em}.btn-ghost:hover:not(:disabled){color:var(--cyan);border-color:var(--cyan)}.btn:disabled{opacity:.3;cursor:not-allowed}.collapse-toggle{display:block;width:100%;text-align:center;cursor:pointer;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);background:var(--panel-2);border:none;border-top:1px solid var(--line-soft);padding:8px;margin:12px -24px -20px;transition:color .2s}.collapse-toggle:hover{color:var(--cyan)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.modal-content{position:relative;max-width:640px;width:90%;max-height:80vh;overflow-y:auto;background:var(--panel);border:1px solid var(--amber);box-shadow:var(--glow-amber);padding:32px}.modal-close{position:absolute;top:12px;right:16px;cursor:pointer;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-dim);background:none;border:none;transition:color .2s}.modal-close:hover{color:var(--rose)}.pair-visual{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin:20px 0}.pair-side{background:var(--panel);border:1px solid var(--line);padding:20px}.pair-connector{font-family:var(--font-mono);font-size:1.2rem;color:var(--cyan);text-align:center}.home-hero{text-align:center;padding:40px 0 30px}.home-hero__title{display:flex;justify-content:center;align-items:baseline;gap:0;margin-bottom:.25rem}.hero-gfl{font-family:var(--font-disp);font-size:clamp(2.4rem,7vw,4.4rem);font-weight:700;line-height:.98;letter-spacing:.02em;background:linear-gradient(180deg,#fff8dc,var(--cyan) 55%,rgba(255,225,53,.4));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(255,225,53,.25)}.hero-5r{font-family:var(--font-disp);font-size:clamp(2.4rem,7vw,4.4rem);font-weight:700;line-height:.98;letter-spacing:.02em;color:var(--morpho)}.home-hero__subtitle{font-family:var(--font-disp);font-size:1.1rem;font-weight:700;letter-spacing:4px;color:var(--morpho);margin-bottom:1rem}.home-hero__line{width:180px;height:1px;background:linear-gradient(90deg,transparent,var(--morpho),transparent);margin:0 auto 1.25rem}.home-hero__desc{color:var(--ink-dim);max-width:600px;margin:0 auto;line-height:1.7;font-weight:300}.home-hero__why{color:var(--ink-faint);max-width:600px;margin:.8em auto 0;line-height:1.7;font-weight:300;font-size:.9em}.home-hero__why strong{color:var(--ink-dim)}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.home-card{cursor:pointer;background:var(--panel);border:1px solid var(--line);padding:28px 24px;transition:border-color .2s,box-shadow .2s,transform .15s}.home-card:hover{border-color:var(--cyan);box-shadow:var(--glow-cyan);transform:translateY(-2px)}.home-card-icon{font-family:var(--font-mono);font-size:1.4rem;color:var(--cyan);margin-bottom:12px}.home-card-title{font-family:var(--font-disp);font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:8px}.home-card-desc{font-size:.82rem;color:var(--ink-faint);line-height:1.5}.tab-bar{display:flex;flex-wrap:wrap;gap:0;margin-bottom:0;border-bottom:1px solid var(--line)}.tab-btn{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);background:transparent;border:none;border-bottom:2px solid transparent;padding:10px 18px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.tab-btn:hover{color:#fff}.tab-btn.active{color:var(--cyan);border-bottom-color:var(--cyan);background:#ffe1350f}.tab-panel{background:var(--panel);border:1px solid var(--line);border-top:none;padding:24px}.vent-card{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--rose);padding:20px 24px;margin-bottom:16px}.zone-card{background:var(--panel);border:1px solid var(--line);margin-bottom:16px;overflow:hidden}.zone-indicator{height:4px}.zone-body{padding:16px 20px}.skill-item{background:var(--panel);border:1px solid var(--line);padding:18px 22px;margin-bottom:10px;transition:border-color .18s,box-shadow .18s}.skill-item:hover{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.skill-header{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.skill-name{font-family:var(--font-disp);font-size:1.05rem;font-weight:600;color:#fff}.skill-approach{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);border:1px solid var(--amber);padding:2px 8px}.skill-desc{font-size:.88rem;color:var(--ink-dim);line-height:1.6;margin:0}.disc-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin:16px 0}.disc-list-item{background:var(--panel);border:1px solid var(--line);padding:16px 18px;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .12s}.disc-list-item:hover{border-color:var(--cyan);box-shadow:var(--glow-cyan);transform:translateY(-2px)}.disc-list-name{font-family:var(--font-disp);font-size:1rem;font-weight:600;color:var(--cyan);margin-bottom:4px}.disc-list-skills{display:flex;flex-wrap:wrap;gap:4px}.disc-list-skill-tag{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:var(--amber);border:1px solid var(--amber);padding:1px 6px}.approach-tabs{margin:20px 0}.approach-tab-bar{display:flex;gap:0;border-bottom:2px solid var(--line)}.approach-tab-btn{flex:1;font-family:var(--font-disp);font-size:.88rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);background:transparent;border:none;border-bottom:3px solid transparent;padding:12px 16px;cursor:pointer;transition:color .18s,border-color .18s,background .18s;margin-bottom:-2px}.approach-tab-btn:hover{color:#fff}.approach-tab-btn.active{color:#fff;border-bottom-color:var(--cyan);background:#ffe1350f}.approach-tab-btn.power.active{border-bottom-color:var(--rose);background:#ff3d3d14}.approach-tab-btn.precision.active{border-bottom-color:var(--amber);background:#ffc10714}.approach-tab-btn.swiftness.active{border-bottom-color:#4aa8ff;background:#4aa8ff14}.approach-tab-btn.resilience.active{border-bottom-color:var(--success);background:#39ff1414}.approach-tab-btn.fortune.active{border-bottom-color:#9c27b0;background:#9c27b014}.approach-tab-panel{background:var(--panel);border:1px solid var(--line);border-top:none;padding:28px 24px}.approach-tab-panel h3{margin-top:0}.approach-tab-panel p{font-size:.95rem;line-height:1.7}.content-frame,.card,.stat-item,.home-card,.skill-item,.disc-list-item{position:relative}.content-frame:before,.card:before,.stat-item:before,.home-card:before,.skill-item:before,.disc-list-item:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;z-index:2;background-image:linear-gradient(var(--cyan),var(--cyan)),linear-gradient(var(--cyan),var(--cyan)),linear-gradient(var(--cyan),var(--cyan)),linear-gradient(var(--cyan),var(--cyan)),linear-gradient(var(--cyan),var(--cyan)),linear-gradient(var(--cyan),var(--cyan)),linear-gradient(var(--cyan),var(--cyan)),linear-gradient(var(--cyan),var(--cyan));background-size:14px 2px,2px 14px,14px 2px,2px 14px,14px 2px,2px 14px,14px 2px,2px 14px;background-position:top 0 left 0,top 0 left 0,top 0 right 0,top 0 right 0,bottom 0 left 0,bottom 0 left 0,bottom 0 right 0,bottom 0 right 0;background-repeat:no-repeat;filter:drop-shadow(var(--glow-cyan))}.db-toolbar{display:flex;gap:10px;margin-bottom:12px}.db-search{flex:1;background:var(--panel-2);border:1px solid var(--line);color:var(--ink);font-family:var(--font-mono);font-size:.74rem;padding:8px 14px;outline:none;transition:border-color .2s,box-shadow .2s}.db-search::placeholder{color:var(--ink-faint)}.db-search:focus{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.db-sort{background:var(--panel-2);border:1px solid var(--line);color:var(--ink-dim);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:8px 12px;cursor:pointer;outline:none;transition:border-color .2s}.db-sort:focus{border-color:var(--cyan)}.db-count{font-family:var(--font-mono);font-size:.64rem;color:var(--ink-faint);letter-spacing:.1em;margin:8px 0 12px}.db-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.db-item{background:var(--panel);border:1px solid var(--line);cursor:pointer;transition:border-color .18s,box-shadow .18s;position:relative}.db-item:hover,.db-item.expanded{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.db-item:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;z-index:2;background-image:linear-gradient(var(--cyan),var(--cyan)),linear-gradient(var(--cyan),var(--cyan)),linear-gradient(var(--cyan),var(--cyan)),linear-gradient(var(--cyan),var(--cyan)),linear-gradient(var(--cyan),var(--cyan)),linear-gradient(var(--cyan),var(--cyan)),linear-gradient(var(--cyan),var(--cyan)),linear-gradient(var(--cyan),var(--cyan));background-size:14px 2px,2px 14px,14px 2px,2px 14px,14px 2px,2px 14px,14px 2px,2px 14px;background-position:top 0 left 0,top 0 left 0,top 0 right 0,top 0 right 0,bottom 0 left 0,bottom 0 left 0,bottom 0 right 0,bottom 0 right 0;background-repeat:no-repeat;filter:drop-shadow(var(--glow-cyan))}.db-item-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:14px 18px}.db-item-name{font-family:var(--font-disp);font-size:1rem;font-weight:600;color:#fff}.db-item-types{display:flex;flex-wrap:wrap;gap:4px}.db-type-tag{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;color:var(--amber);border:1px solid var(--amber);padding:1px 6px}.db-item-detail{padding:0 18px 18px;border-top:1px solid var(--line);margin-top:0}.db-item-flavor{font-size:.85rem;color:var(--ink-dim);line-height:1.65;margin:16px 0 12px;padding-left:12px;border-left:2px solid var(--line-soft)}.db-item-effects{margin:0}.db-item-effects ul{margin:0;padding-left:20px}.db-item-effects li{font-size:.88rem;line-height:1.6;color:var(--ink-dim);margin-bottom:6px}.db-copy-link{margin-top:14px;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan-dim);background:transparent;border:1px solid var(--line);padding:4px 10px;cursor:pointer;transition:color .2s,border-color .2s}.db-copy-link:hover{color:var(--cyan);border-color:var(--cyan)}.db-empty{text-align:center;padding:40px;color:var(--ink-faint)}.tech-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.tech-tab-btn{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);background:var(--panel-2);border:1px solid var(--line);padding:8px 14px;cursor:pointer;transition:color .18s,border-color .18s,background .18s,box-shadow .18s}.tech-tab-btn:hover{color:#fff;border-color:var(--cyan)}.tech-tab-btn.active{color:var(--cyan);border-color:var(--cyan);background:#ffe13514;box-shadow:var(--glow-cyan)}.tech-tab-count{font-size:.6rem;color:var(--ink-faint);margin-left:6px}.tech-tab-btn.active .tech-tab-count{color:var(--cyan-dim)}.tech-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tech-tag{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border:1px solid}.tech-tag.rank{color:var(--amber);border-color:var(--amber)}.tech-tag.approach{color:var(--cyan);border-color:var(--cyan)}.tech-tag.skill{color:var(--ink-dim);border-color:var(--line-soft)}.tech-activation{margin-top:12px;font-size:.88rem;color:var(--ink-dim);line-height:1.6}.tech-opps{margin-top:10px}.tech-opps-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:6px}.tech-opps ul{margin:0;padding-left:20px}.tech-opps li{font-size:.88rem;line-height:1.6;color:var(--ink-dim);margin-bottom:6px}.npc-approaches{display:flex;gap:6px;margin-top:4px;align-items:center}.npc-rating{font-family:var(--font-mono);font-size:.65rem;font-weight:700;color:var(--rose);margin-left:8px;white-space:nowrap}.npc-rating-social{color:var(--amber)}.npc-rating-sliders{display:flex;gap:24px;margin-bottom:12px;flex-wrap:wrap}.npc-rating-slider{display:flex;flex-direction:column;gap:6px;min-width:220px;flex:1}.npc-rating-slider label{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);display:flex;justify-content:space-between}.npc-rating-slider label span{color:var(--cyan)}.dual-range{position:relative;height:28px;display:flex;align-items:center}.dual-range input[type=range]{position:absolute;width:100%;height:4px;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;pointer-events:none;z-index:1}.dual-range input[type=range]:last-child{z-index:2}.dual-range:before{content:"";position:absolute;left:0;right:0;height:4px;background:var(--panel-2);border:1px solid var(--line);border-radius:2px}.dual-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:2px;background:var(--panel);border:2px solid var(--cyan);cursor:pointer;pointer-events:auto;margin-top:-5px}.dual-range input[type=range]::-webkit-slider-thumb:hover{background:var(--cyan)}.dual-range input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:2px;background:var(--panel);border:2px solid var(--cyan);cursor:pointer;pointer-events:auto}.dual-range input[type=range]::-moz-range-thumb:hover{background:var(--cyan)}.dual-range input[type=range]::-moz-range-track{background:transparent;border:none}.npc-approach-dot{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:#fff;border:1px solid;background:#0000004d}.npc-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.npc-detail-section{margin-bottom:16px}.npc-detail-section h4{margin-top:0}.npc-flavor-top{font-style:italic;font-size:.88rem;color:var(--ink-dim);margin:0 0 14px;line-height:1.55}.npc-skill-row{display:flex;justify-content:space-between;font-size:.85rem;padding:2px 0;border-bottom:1px solid rgba(255,225,53,.06)}.npc-skill-name{color:var(--ink-dim)}.npc-skill-value{font-family:var(--font-mono);color:var(--cyan)}.npc-attack-card{background:var(--panel-2);border:1px solid var(--line-soft);padding:12px 14px;margin-bottom:8px}.npc-attack-name{font-family:var(--font-disp);font-size:.9rem;font-weight:600;color:#fff;margin-bottom:6px}.npc-attack-prop{display:flex;gap:8px;font-size:.82rem}.npc-attack-prop-label{color:var(--amber);font-family:var(--font-mono);font-size:.68rem}.npc-attack-prop-value{color:var(--ink-dim)}@media (max-width: 768px){.npc-detail-grid{grid-template-columns:1fr}}@media (max-width: 900px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.content-area{margin-left:0}.sidebar-toggle{display:flex}}@media (max-width: 768px){.top-bar-search{width:120px}.pair-visual{grid-template-columns:1fr;gap:8px}.pair-connector{transform:rotate(90deg)}}@media (max-width: 600px){.home-grid{grid-template-columns:1fr}.page-nav{flex-direction:column}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bf-particle{display:none}}