:root{--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--bg-color:#0f172a;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-primary:#8b5cf6;--accent-secondary:#ec4899;--accent-gradient:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--surface:#1e293bb3;--surface-hover:#334155cc;--border:#ffffff1a;--shadow-glow:0 0 20px #8b5cf64d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:800}.text-gradient{color:var(--accent-primary)}.glass-panel{background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;transition:all .3s;box-shadow:0 4px 6px #0000001a}.glass-panel:hover{background:var(--surface-hover);box-shadow:0 8px 32px #0003, var(--shadow-glow);border-color:#fff3;transform:translateY(-2px)}.btn{font-family:var(--font-heading);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.btn-primary:hover{transform:scale(1.05);box-shadow:0 6px 20px #8b5cf680}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:0 0}.btn-secondary:hover{border-color:var(--accent-primary);background:#ffffff1a}.app-container{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:6rem 1rem;display:flex}.hero-title{margin-bottom:1.5rem;font-size:5rem;line-height:1.1;animation:.8s ease-out fadeUp}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:3rem;font-size:1.5rem;animation:.8s ease-out .2s backwards fadeUp}.hero-actions{gap:1rem;animation:.8s ease-out .4s backwards fadeUp;display:flex}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;padding:2rem 0;display:grid}.feature-card{text-align:left;padding:2rem}.feature-icon{background:var(--surface-hover);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;font-size:2.5rem;display:flex}.feature-title{margin-bottom:1rem;font-size:1.5rem}.feature-desc{color:var(--text-secondary);line-height:1.6}.app-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0f172acc;justify-content:space-between;align-items:center;height:80px;padding:0 2rem;display:flex;position:sticky;top:0}.logo{font-family:var(--font-heading);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;display:flex}.nav-links{gap:2rem;display:flex}.nav-link{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .3s}.nav-link:hover{color:var(--text-primary)}.nav-dropdown{display:inline-block;position:relative}.dropdown-content{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);z-index:1000;border-radius:12px;min-width:200px;margin-top:.5rem;padding:.5rem;animation:.2s ease-out fadeIn;display:none;position:absolute;top:100%;right:0;box-shadow:0 8px 32px #0000004d}.nav-dropdown:hover .dropdown-content{display:block}.dropdown-content:before{content:"";height:1.5rem;display:block;position:absolute;top:-1.5rem;left:0;right:0}.dropdown-item{color:var(--text-secondary);border-radius:8px;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.dropdown-item:hover{color:var(--accent-primary);background:#ffffff0d;transform:translate(4px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--bg-dark:#0f172a;--card-bg:#1e293b;--border-color:#334155;--text-pri:#f8fafc;--text-sec:#94a3b8;--accent:#3b82f6;--mono:"JetBrains Mono", "Courier New", monospace}.ud-container{max-width:960px;color:var(--text-pri);margin:0 auto;padding:1rem;font-family:system-ui,-apple-system,sans-serif}.ud-info-msg{text-align:center;color:var(--text-sec);padding:2rem}.ud-header{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:1.5rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.ud-mini-btn{color:#fff;cursor:pointer;background:#334155;border:1px solid #475569;border-radius:4px;padding:.4rem .8rem;font-size:.7rem;font-weight:700}.ud-title-block{flex:1;align-items:baseline;gap:.5rem;display:flex}.ud-id-tag{font-family:var(--mono);color:var(--accent);font-size:1.1rem;font-weight:800}.ud-class-tag{text-transform:uppercase;letter-spacing:.05em;background:#ffffff0a;border:1px solid;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:700;line-height:1}.ud-class-tag[data-rarity="0"]{color:#94a3b8}.ud-class-tag[data-rarity="1"]{color:#3b82f6}.ud-class-tag[data-rarity="2"]{color:#f59e0b}.ud-class-tag[data-rarity="3"]{color:#f97316}.ud-class-tag[data-rarity="4"]{color:#ec4899}.ud-class-tag[data-rarity="5"]{color:#a855f7}.ud-name-main{margin:0;font-size:1.25rem;font-weight:800}.ud-form-tabs{gap:.4rem;display:flex}.ud-tab{border:1px solid var(--border-color);color:var(--text-sec);cursor:pointer;background:#ffffff08;border-radius:6px;padding:.45rem 1rem;font-size:.8rem;font-weight:700;transition:all .2s}.ud-tab:hover{color:#fff;background:#ffffff14}.ud-tab.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 10px #3b82f64d}.ud-full-visual{width:100%;margin-bottom:1rem}.ud-canvas-wrap{border:1px solid var(--border-color);aspect-ratio:2;background:#000;border-radius:8px;position:relative;overflow:hidden}.ud-canvas-overlay{background:linear-gradient(#0000,#000c);justify-content:space-between;align-items:flex-end;padding:.75rem;display:flex;position:absolute;bottom:0;left:0;right:0}.ud-overlay-left{flex-direction:column;gap:.5rem;display:flex}.ud-frame-tag{font-family:var(--mono);color:#fff;background:#00000080;border-radius:4px;width:max-content;padding:.2rem .5rem;font-size:.8rem}.ud-playback-controls{gap:.3rem;display:flex}.ud-play-btn,.ud-step-btn{color:#fff;cursor:pointer;background:#334155;border:1px solid #475569;border-radius:4px;padding:.3rem .6rem;font-size:.75rem;font-weight:800}.ud-play-btn.paused{background:var(--accent);border-color:var(--accent)}.ud-step-btn:disabled{opacity:.3;cursor:default}.ud-anim-chips{flex-wrap:wrap;gap:.3rem;display:flex}.ud-anim-chip{text-transform:uppercase;color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:.25rem .6rem;font-size:.7rem;font-weight:700}.ud-anim-chip.active{color:#000;background:#fff;border-color:#fff}.ud-main-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=1000px){.ud-main-grid{grid-template-columns:1fr}}.ud-col-data{flex-direction:column;gap:1rem;display:flex}.ud-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.ud-section-head{color:var(--text-sec);letter-spacing:.1em;border-bottom:1px solid var(--border-color);margin-bottom:.75rem;padding-bottom:.5rem;font-size:.75rem;font-weight:800}.ud-stats-table{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.ud-stat-item{background:#0003;border-radius:4px;flex-direction:column;gap:.1rem;padding:.5rem;display:flex}.ud-stat-item .label{color:var(--text-sec);text-transform:uppercase;font-size:.65rem;font-weight:700}.ud-stat-item .val{font-family:var(--mono);font-size:1rem;font-weight:800}.ud-lv-input-row{align-items:center;gap:1rem;margin-top:1rem;display:flex}.ud-lv-input-row input[type=range]{flex:1}.ud-lv-input-row input[type=number]{border:1px solid var(--border-color);color:#fff;text-align:right;background:#000;border-radius:4px;width:60px;padding:.3rem}.ud-mech-row{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.ud-tag{color:#fff;background:#475569;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:800}.ud-tag.blue{background:var(--accent)}.ud-range-text{font-family:var(--mono);color:var(--accent);font-size:.9rem;font-weight:700}.ud-hits-table{border-collapse:collapse;width:100%;font-size:.8rem}.ud-hits-table th{text-align:left;color:var(--text-sec);border-bottom:1px solid var(--border-color);padding:.4rem;font-size:.65rem;font-weight:700}.ud-hits-table td{font-family:var(--mono);border-bottom:1px solid #ffffff0d;padding:.4rem}.ud-hits-table tfoot td{color:var(--accent);padding-top:.6rem;font-weight:800}.ud-hits-table td.yes{color:#22c55e}.ud-hits-table td.no{color:#475569;opacity:.5}.ud-hit-procs-list{flex-direction:column;gap:.2rem;display:flex}.ud-hit-proc-item{background:#ffffff0d;border-radius:3px;align-items:center;gap:.4rem;width:max-content;padding:.1rem .4rem;font-size:.75rem;display:flex}.ud-hit-proc-item img{object-fit:contain;width:12px;height:12px}.ud-hit-proc-item .name{color:#fff;text-transform:uppercase;font-weight:700}.ud-hit-proc-item .meta{color:var(--accent);font-family:var(--mono)}.ud-none-dim{opacity:.3}.ud-raw-section{margin-top:2rem;background:#000!important}.ud-raw-dump{font-family:var(--mono);color:#10b981;white-space:pre-wrap;word-break:break-all;max-height:500px;padding:1rem;font-size:.75rem;overflow-y:auto}.ud-chip-grid{flex-wrap:wrap;gap:.4rem;display:flex}.ud-dense-chip{border:1px solid var(--border-color);background:#ffffff08;border-radius:4px;align-items:center;gap:.5rem;padding:.3rem .6rem;font-size:.8rem;font-weight:600;display:flex}.ud-dense-chip img{object-fit:contain;width:16px;height:16px}.trait-icon-compact{align-items:center;line-height:0;display:inline-flex}.ud-proc-name{font-size:.75rem;font-weight:700}.ud-proc-val{color:var(--accent);font-size:.65rem;font-family:var(--mono)}.ud-none{color:var(--text-sec);font-size:.8rem;font-style:italic}.ud-desc{color:var(--text-secondary);margin-top:1.5rem;font-size:.95rem;font-style:italic;line-height:1.6;background:#ffffff05!important}.unit-data-page{flex-direction:column;gap:1.25rem;height:calc(100vh - 80px);padding:1.5rem 2rem;display:flex;max-width:100%!important}.udt-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0f172a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:-1.5rem -2rem 0;padding:1.5rem 2rem 1.25rem;display:flex;position:sticky;top:80px}.udt-title-group{align-items:baseline;gap:1rem;display:flex}.udt-count{color:var(--text-secondary);font-size:.95rem;font-family:var(--font-body)}.udt-controls{align-items:center;gap:.75rem;display:flex}.udt-search-box{border:1px solid var(--border);background:#ffffff0d;border-radius:8px;align-items:center;gap:.5rem;min-width:260px;padding:0 .75rem;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.udt-search-box:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b5cf626}.udt-search-box svg{color:var(--text-secondary);flex-shrink:0}.udt-search-box input{color:var(--text-primary);font-family:var(--font-body);background:0 0;border:none;outline:none;width:100%;padding:.6rem 0;font-size:.9rem}.udt-search-box input::placeholder{color:var(--text-secondary)}.udt-search-clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:.8rem;line-height:1;transition:color .2s}.udt-search-clear:hover{color:var(--text-primary)}.udt-class-select{border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;appearance:none;background:#ffffff0d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right .6rem center no-repeat;border-radius:8px;min-width:130px;padding:.6rem 2rem .6rem .75rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.udt-class-select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #8b5cf626}.udt-class-select option{color:var(--text-primary);background:#1e1b4b}.udt-table-wrapper{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;border-radius:12px;flex:1;overflow:auto}.udt-table{border-collapse:collapse;width:100%;font-size:.85rem;font-family:var(--font-body);white-space:nowrap}.udt-table thead{z-index:10;position:sticky;top:0}.udt-table thead tr{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1b4bf2}.udt-table th{text-align:left;font-family:var(--font-heading);color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:.75rem 1rem;font-size:.78rem;font-weight:700;transition:color .2s}.udt-table th:hover,.udt-table th.sorted{color:var(--accent-primary)}.sort-icon{opacity:.4;margin-left:4px;font-size:.7rem;transition:opacity .2s;display:inline-block}.sort-icon.active{opacity:1;color:var(--accent-primary)}.udt-table tbody tr{cursor:pointer;border-bottom:1px solid #ffffff0a;transition:background .15s}.udt-table tbody tr.even{background:#ffffff04}.udt-table tbody tr.odd{background:0 0}.udt-table tbody tr:hover{outline:1px solid #8b5cf640;background:#8b5cf61a!important}.udt-table td{color:var(--text-primary);vertical-align:middle;padding:.6rem 1rem}.udt-id{color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:120px;font-family:Courier New,monospace;font-size:.78rem}.udt-name-chip{align-items:center;gap:.4rem;min-width:180px;font-weight:500;display:inline-flex}.udt-unit-icon{object-fit:contain;width:32px;height:32px;image-rendering:pixelated;background:#ffffff0d;border-radius:3px;flex-shrink:0}.udt-name-text{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.udt-class{font-size:.82rem;font-weight:600}.udt-class[data-rarity="0"]{color:#94a3b8}.udt-class[data-rarity="1"]{color:#3b82f6}.udt-class[data-rarity="2"]{color:#f59e0b}.udt-class[data-rarity="3"]{color:#f97316}.udt-class[data-rarity="4"]{color:#ec4899}.udt-class[data-rarity="5"]{color:#a855f7}.align-right,.udt-table th.align-right{text-align:right}.udt-stat{font-variant-numeric:tabular-nums}.udt-dps{color:#f59e0b;font-variant-numeric:tabular-nums;font-weight:600}.udt-frame{color:#93c5fd;font-variant-numeric:tabular-nums;font-size:.82rem}.udt-dim{color:#6ee7b7;font-variant-numeric:tabular-nums;font-size:.82rem}.udt-empty{text-align:center;color:var(--text-secondary);padding:3rem;font-style:italic}.udt-loading-more{text-align:center;color:var(--text-secondary);padding:1rem;font-size:.85rem;font-style:italic}.udt-lv-header{min-width:80px}.udt-lv-cell{padding:.3rem .6rem!important}.udt-lv-input{width:62px;color:var(--text-primary);font-family:var(--font-body);font-variant-numeric:tabular-nums;text-align:right;appearance:textfield;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;padding:.25rem .4rem;font-size:.85rem;transition:border-color .18s,box-shadow .18s,background .18s}.udt-lv-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.udt-lv-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.udt-lv-input:focus{border-color:var(--accent-primary);background:#8b5cf614;outline:none;box-shadow:0 0 0 3px #8b5cf633}.udt-lv-input.udt-lv-modified{color:#fbbf24;background:#fbbf2412;border-color:#fbbf2480}.udt-lv-input.udt-lv-modified:focus{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf2433}.udt-stat-live{font-weight:600;transition:color .25s;color:#fbbf24!important}.udt-mini-icons{align-items:center;gap:.3rem;display:flex}.udt-mini-icon{object-fit:contain;background:#0000004d;border:1px solid #ffffff1a;border-radius:4px;width:20px;height:20px;padding:2px;transition:transform .15s}.udt-mini-icon:hover{z-index:5;border-color:var(--accent-primary);background:#8b5cf666;transform:scale(1.3)}.udt-mini-icon.trait{background:#8b5cf61a}.udt-traits,.udt-abilities{min-width:120px}.udt-proc-chip{background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:4px;align-items:center;gap:.25rem;height:24px;padding:.1rem .35rem;display:inline-flex}.udt-proc-rate{color:#fff;opacity:.9;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:.72rem;font-weight:700}.gallery-page{padding-top:2rem;animation:.6s ease-out fadeUp}.gallery-header{text-align:center;margin-bottom:3rem}.gallery-title{margin-bottom:1rem;font-size:3rem}.gallery-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.gallery-container{border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172a4d;border-radius:20px;width:100%;overflow-x:auto}.gallery-table{border-collapse:collapse;text-align:left;width:100%}.gallery-table th{font-family:var(--font-heading);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border);background:#ffffff08;padding:1.5rem;font-size:.85rem}.gallery-table td{vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:1.5rem}.gallery-table tr:hover td{background:#ffffff05}.gallery-icon-cell{width:100px}.gallery-icon-wrap{border:1px solid var(--border);background:#0000004d;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;padding:8px;transition:all .3s;display:flex}.gallery-table tr:hover .gallery-icon-wrap{border-color:var(--accent-primary);transform:scale(1.1)rotate(5deg);box-shadow:0 0 15px #8b5cf64d}.gallery-icon{object-fit:contain;max-width:100%;max-height:100%}.gallery-name{font-family:var(--font-heading);color:var(--text-primary);font-size:1.25rem;font-weight:700}.gallery-desc{color:var(--text-secondary);max-width:800px;font-size:1rem;line-height:1.6}@media (width<=768px){.gallery-table th,.gallery-table td{padding:1rem}.gallery-icon-wrap{width:48px;height:48px}.gallery-title{font-size:2.25rem}}.showcase-page{flex-direction:column;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem;display:flex}.showcase-header{justify-content:space-between;align-items:center;display:flex}.showcase-actions{gap:.75rem;display:flex}.showcase-title-group{align-items:center;gap:1rem;display:flex}.showcase-title{color:#f8fafc;margin:0;font-size:2.5rem;font-weight:800}.showcase-badge{color:#92400e;text-transform:uppercase;letter-spacing:.05em;background:#fef3c7;border:1px solid #fde68a;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.showcase-viewport-container{aspect-ratio:16/9;background:#000;width:100%;min-height:450px;position:relative}.showcase-active-list{pointer-events:none;flex-wrap:wrap;gap:.5rem;max-width:80%;display:flex;position:absolute;top:1rem;left:1rem}.showcase-unit-chip{pointer-events:auto;background:#ffffffeb;border:1px solid #00000014;border-radius:12px;flex-direction:column;gap:10px;min-width:200px;padding:10px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.unit-chip-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.unit-chip-info{align-items:center;gap:10px;display:flex}.unit-chip-icon{object-fit:contain;background:#0000000d;border-radius:6px;width:28px;height:28px}.unit-chip-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.85rem;font-weight:700;overflow:hidden}.unit-chip-remove{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.unit-chip-remove:hover{color:#ef4444;background:#fee2e2}.chip-actions{gap:4px;display:flex}.chip-actions .showcase-add-btn{border-radius:6px;flex:1;padding:6px 4px;font-size:.7rem}.showcase-hud{z-index:20;background:#ffffffe6;border:1px solid #0000000d;border-radius:14px;align-items:center;gap:0;padding:4px;display:flex;position:absolute;bottom:1.5rem;left:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.showcase-pause-btn{color:#1e293b;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.showcase-pause-btn:hover{color:#3b82f6;background:#0000000d}.showcase-fps{-webkit-user-select:none;user-select:none;border-left:1px solid #0000001a;align-items:center;gap:.5rem;height:24px;padding:0 1rem;display:flex}.fps-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:800}.fps-value{color:#1e293b;min-width:2ch;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700}.showcase-unit-chip.is-culled{opacity:.6;background:#f1f5f980;border-color:#0000001a}.showcase-unit-chip.is-culled button{color:#94a3b8!important}.showcase-controls{background:#fff9;grid-template-columns:350px 1fr;gap:2rem;min-height:400px;padding:2rem;display:grid}.showcase-search-dual{flex-direction:column;gap:1.5rem;display:flex}.showcase-search-label{color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:-.5rem;font-size:.8rem;font-weight:800;display:block}.showcase-search-wrap{flex-direction:column;gap:1rem;display:flex}.showcase-search-row{align-items:center;gap:.75rem;display:flex}.showcase-search-input-group{flex:1;align-items:center;display:flex;position:relative}.showcase-search-input-group svg{color:#94a3b8;position:absolute;left:1rem}.showcase-search-input{background:#fff;border:2px solid #e2e8f0;border-radius:16px;width:100%;padding:.75rem 1rem .75rem 3rem;font-size:.95rem;font-weight:500;transition:all .2s}.showcase-clear-btn{white-space:nowrap;height:42px;border-radius:12px!important;padding:.6rem 1rem!important;font-size:.8rem!important}.showcase-bg-select-group{flex:1;display:flex}.showcase-bg-select{color:#1e293b;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.2rem;font-weight:600;padding-left:1rem!important}.showcase-bg-picker-wrap{margin-top:.5rem}.showcase-search-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a}.showcase-results-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;max-height:500px;overflow-y:auto}.showcase-results-table{border-collapse:collapse;width:100%}.showcase-results-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:2px solid #f1f5f9;padding:.5rem 1rem;font-size:.75rem;font-weight:700}.showcase-results-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.2rem 1rem;font-size:.85rem;font-weight:500}.showcase-results-table tr:hover{background:#f1f7ff}.showcase-results-table tr.showcase-row-enemy{background:#e2e8f0}.showcase-results-table tr.showcase-row-enemy:hover{background:#cbd5e1}.showcase-results-table .center{text-align:center}.showcase-row-icon{object-fit:contain;width:32px;height:32px}.showcase-unit-id-badge{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700}.showcase-btn-group{justify-content:center;gap:4px;display:flex}.showcase-add-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.02em;border:none;border-radius:6px;padding:.3rem .6rem;font-size:.75rem;font-weight:700;transition:all .2s}.showcase-add-btn.idle{background:#94a3b8}.showcase-add-btn.walk{background:#10b981}.showcase-add-btn.attack{background:#3b82f6}.showcase-add-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.showcase-add-btn:active{transform:translateY(0)}.showcase-empty-msg{text-align:center;color:#94a3b8;padding:3rem;font-style:italic}.showcase-loading{text-align:center;color:#64748b;padding:100px;font-size:1.5rem;font-weight:600}@media (width<=1024px){.showcase-controls{grid-template-columns:1fr}}.stage-data-page{flex-direction:column;gap:2rem;max-width:1400px;height:calc(100vh - 80px);margin:0 auto;padding:2rem;display:flex;overflow:hidden}.stage-data-header{justify-content:space-between;align-items:flex-end;display:flex}.stage-data-hero-title{background:linear-gradient(135deg,#fff 0%,#aaa 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;margin:0;font-size:3rem;font-weight:800}.stage-data-subtitle{color:var(--text-muted,#888);font-size:1rem;font-weight:500}.stage-browser{flex:1;grid-template-columns:300px 1fr 1fr;gap:1.5rem;min-height:0;display:grid}.stage-pane{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:1.5rem;flex-direction:column;transition:transform .3s,border-color .3s;display:flex;overflow:hidden}.stage-pane:hover{border-color:#ffffff26}.stage-pane-header{background:#ffffff03;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.stage-pane-title{text-transform:uppercase;letter-spacing:.1em;color:var(--primary-light,#4fc3f7);font-size:.9rem;font-weight:700}.stage-list{flex:1;padding:.75rem;overflow-y:auto}.stage-list::-webkit-scrollbar{width:6px}.stage-list::-webkit-scrollbar-track{background:0 0}.stage-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.stage-list::-webkit-scrollbar-thumb:hover{background:#fff3}.stage-item{cursor:pointer;border:1px solid #0000;border-radius:1rem;align-items:center;gap:1rem;margin-bottom:.25rem;padding:1rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.stage-item:hover{background:#ffffff0d}.stage-item.selected{color:var(--primary-light,#4fc3f7);background:#4fc3f714;border-color:#4fc3f733}.stage-item-icon{background:#ffffff0d;border-radius:.5rem;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;display:flex}.stage-item-label{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.stage-item-id{color:#fff3;background:#ffffff08;border-radius:.4rem;padding:.2rem .6rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;transition:all .2s}.stage-item:hover .stage-item-id{color:#ffffff80;background:#ffffff14}.stage-item.selected .stage-item-id{color:var(--primary-light,#4fc3f7);background:#4fc3f726}.stage-item.no-data{opacity:.6}.stage-item.no-data .stage-item-label{color:#fff6;font-style:italic}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-dot.red{background:#ff5252;box-shadow:0 0 8px #ff525280}.pane-search{background:#ffffff05;border-bottom:1px solid #ffffff14;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}.pane-search input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:.95rem}.pane-search input::placeholder{color:#ffffff4d}.fade-in{animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeIn}@media (width<=1100px){.stage-browser{grid-template-columns:240px 1fr 1fr}}@media (width<=900px){.stage-browser{grid-template-rows:auto auto 1fr;grid-template-columns:1fr;height:auto;overflow:visible}.stage-pane{height:400px}.stage-data-page{height:auto;overflow:visible}}.stage-detail-page{max-width:1400px;margin:0 auto;padding:2rem;animation:.4s ease-out fadeIn}.stage-detail-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.breadcrumb{color:#ffffff80;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.breadcrumb span{cursor:pointer;transition:color .2s}.breadcrumb span:hover{color:#4fc3f7}.breadcrumb .separator{cursor:default;color:#fff3}.breadcrumb .active{color:#fff;cursor:default;font-weight:600}.meta-dashboard{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.meta-card{border:1px solid #ffffff0d;align-items:center;gap:1.25rem;padding:1.25rem;display:flex}.meta-icon{background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.meta-info label{text-transform:uppercase;letter-spacing:.05em;color:#fff6;margin-bottom:.25rem;font-size:.75rem;display:block}.meta-info .value{font-size:1.1rem;font-weight:600}.meta-info .value.highlight{color:#4fc3f7}.glow-blue{box-shadow:0 0 20px #4fc3f70d}.meta-secondary-row{flex-wrap:wrap;gap:1rem;margin-bottom:3rem;display:flex}.flex-1{flex:1;min-width:300px}.flex-gap{gap:1rem}.star-mults{gap:.75rem;margin-top:.5rem;display:flex}.star-badge{color:#ffffff80;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:8px;padding:.4rem .8rem;font-size:.85rem}.star-badge.active{color:#4fc3f7;background:#4fc3f71a;border-color:#4fc3f733;font-weight:600}.flags-list{gap:1rem;margin-top:.5rem;display:flex}.flag{align-items:center;gap:.4rem;font-size:.9rem;display:flex}.flag.pos{color:#81c784}.flag.neg{color:#ef5350;opacity:.6}.spawn-timeline-section{margin-bottom:4rem}.section-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.section-header h2{font-size:1.5rem;font-weight:400}.section-header .badge{color:#fff9;background:#ffffff1a;border-radius:6px;padding:.2rem .6rem;font-size:.8rem}.spawn-table-container{border:1px solid #ffffff0d;overflow-x:auto}.spawn-table{border-collapse:collapse;text-align:left;width:100%}.spawn-table th{text-transform:uppercase;color:#fff6;border-bottom:1px solid #ffffff1a;padding:1rem;font-size:.8rem;font-weight:600}.spawn-table td{vertical-align:middle;border-bottom:1px solid #ffffff08;padding:1rem}.spawn-table tr:hover{background:#ffffff05}.boss-row{background:#ff52520d!important}.boss-badge{color:#fff;text-transform:uppercase;white-space:nowrap;background:#ff5252;border-radius:4px;padding:.15rem .5rem;font-size:.65rem;font-weight:800;display:inline-block;box-shadow:0 0 10px #ff52524d}.boss-badge.shake{background:#ff8a65;box-shadow:0 0 12px #ff8a6566}.boss-badge.shadow{background:#7e57c2;box-shadow:0 0 12px #7e57c266}.enemy-cell{align-items:center;gap:1rem;display:flex}.enemy-icon-sm{object-fit:contain;filter:drop-shadow(0 2px 4px #00000080);width:60px;height:48px}.enemy-link{color:inherit;border-radius:8px;align-items:center;gap:1rem;margin:-4px -8px;padding:4px 8px;text-decoration:none;transition:all .2s;display:flex}.enemy-link:hover{background:#4fc3f71a;transform:translate(4px)}.enemy-link:hover .e-name{color:#4fc3f7}.enemy-link:hover .enemy-icon-sm{filter:drop-shadow(0 4px 8px #4fc3f74d)}.enemy-name-stack{flex-direction:column;display:flex}.enemy-name-stack .e-name{font-size:.95rem;font-weight:600}.enemy-name-stack .e-id{color:#ffffff4d;font-size:.75rem}.highlight-yellow{color:#ffd54f}.bold{font-weight:700}.center{text-align:center!important}.subdued{color:#ffffff4d}.btn-glass{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;padding:.5rem 1rem;transition:all .2s}.btn-glass:hover{background:#fff3}.enhanced-audio-ctrl{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;min-width:68px;height:36px;padding:3px 6px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.enhanced-audio-ctrl:hover{background:#ffffff14;border-color:#4fc3f74d}.enhanced-audio-ctrl.boss:hover{border-color:#ff52524d}.enhanced-audio-ctrl .ctrl-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}.enhanced-audio-ctrl .ctrl-btn:hover{color:#4fc3f7;background:#ffffff1a}.enhanced-audio-ctrl.boss .ctrl-btn:hover{color:#ff5252}.enhanced-audio-ctrl .restart-btn{width:24px;margin-left:2px}.v-divider{background:#ffffff1a;width:1px;height:16px;margin:0 4px}.fade-in-left{animation:.2s ease-out both fadeInLeft}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.subdued-inline{opacity:.6;font-size:.8em;font-weight:400}.castle-hero-block{border:1px solid #ffffff14;border-radius:16px;width:100%;height:256px;margin-bottom:2rem;position:relative;overflow:hidden}.castle-hero-bg{z-index:0;background-position:0 0;background-repeat:no-repeat;background-size:133.333% 256px;width:100%;height:100%;position:absolute;top:0;left:0}.castle-hero-overlay{z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000008c 0%,#00000040 50%,#000000b3 100%);position:absolute;inset:0}.castle-hero-body{z-index:2;align-items:center;gap:1.25rem;height:100%;padding:.75rem 1.25rem;display:flex;position:relative}.castle-hero-castle{flex-shrink:0;justify-content:center;align-items:flex-end;width:120px;height:200px;display:flex}.castle-hero-image{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 4px 20px #0009);max-width:100%;max-height:100%}.castle-hero-info{flex:1;grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.hero-stat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border:1px solid #ffffff14;border-radius:8px;padding:.4rem .75rem}.hero-stat-value{font-size:.95rem;font-weight:700}.hero-music{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border:1px solid #ffffff14;border-radius:8px;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.5rem;padding:.3rem .75rem;display:flex}.hero-music-arrow{color:#ffffff4d;font-size:1rem}.hero-music-trigger{color:#fff6;font-size:.7rem}.afe-container{max-width:960px;margin:0 auto;padding:20px;font-family:Segoe UI,system-ui,sans-serif}.afe-title{color:#e0e0e0;margin-bottom:4px;font-size:1.5rem}.afe-subtitle{margin-top:0;margin-bottom:24px}.afe-link-btn{color:#7eb8f0;cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;text-decoration:underline}.afe-link-btn:hover{color:#a0d0ff}.afe-section{background:#1e1e2e;border:1px solid #333;border-radius:8px;margin-bottom:20px;padding:16px 20px}.afe-section h2{color:silver;border-bottom:1px solid #333;margin:0 0 12px;padding-bottom:8px;font-size:1.1rem}.afe-hint{color:#888;font-size:.75rem;font-weight:400}.afe-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;display:grid}.afe-checkbox-label{cursor:pointer;color:#d0d0d0;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;font-size:.9rem;display:flex}.afe-checkbox-label:hover{background:#2a2a3e}.afe-checkbox-label input[type=checkbox]{accent-color:#5a9cf0}.afe-proc-list{flex-direction:column;gap:4px;display:flex}.afe-proc-item{background:#16162a;border:1px solid #2a2a40;border-radius:6px;transition:border-color .15s;overflow:hidden}.afe-proc-active{border-color:#4a7ab0}.afe-proc-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:6px 12px;display:flex}.afe-proc-header input[type=checkbox]{accent-color:#5a9cf0}.afe-proc-name{color:silver;text-transform:capitalize;font-size:.9rem}.afe-proc-fields{background:#121224;border-top:1px solid #2a2a40;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;padding:8px 12px 12px 36px;display:grid}.afe-field-row{flex-direction:column;gap:2px;display:flex}.afe-field-label{color:#888;text-transform:lowercase;font-size:.75rem}.afe-field-input{color:#e0e0e0;box-sizing:border-box;background:#1a1a30;border:1px solid #333;border-radius:4px;width:100%;padding:4px 8px;font-size:.85rem}.afe-field-input:focus{border-color:#5a9cf0;outline:none}.afe-actions{align-items:center;gap:16px;margin-top:20px;display:flex}.afe-save-btn{color:#fff;cursor:pointer;background:#2a6fc0;border:none;border-radius:6px;padding:10px 28px;font-size:1rem;transition:background .15s}.afe-save-btn:hover{background:#3a80d0}.afe-save-btn:disabled{opacity:.5;cursor:not-allowed}.afe-msg{border-radius:4px;padding:6px 12px;font-size:.9rem}.afe-success{color:#6fcf97;background:#1a3a2a}.afe-error{color:#e74c3c}