*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background:var(--color-body);-webkit-user-select:none;user-select:none;cursor:default;font-family:monospace;overflow:hidden}.class-select-page{background:var(--color-body);flex-direction:column;align-items:center;height:100dvh;padding:24px;display:flex;position:relative;overflow-y:auto}.class-select-lang{position:absolute;top:16px;right:16px}.class-select-content{flex-direction:column;align-items:center;gap:48px;width:100%;max-width:1100px;margin:auto;display:flex}.class-select-title{letter-spacing:.1em;text-transform:uppercase;color:#c7a44a;text-align:center;text-shadow:0 0 24px #c7a44a66;margin:0;font-size:1.8rem;font-weight:600}.class-select-grid{grid-template-columns:repeat(5,1fr);gap:6px;width:100%;display:grid}@media (width<=700px){.class-select-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=440px){.class-select-grid{grid-template-columns:repeat(2,1fr)}}.class-card-cell{z-index:1;height:139.1px;position:relative}.class-card-cell:hover{z-index:10}.class-card{cursor:pointer;transform-origin:bottom;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;align-items:center;padding:12px 8px 10px;transition:transform .28s cubic-bezier(.4,0,.2,1),background .15s,border-color .15s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:scale(.65)}.class-card:hover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#c7a44a14;border-color:#c7a44a66;transform:scale(1)}.class-card:hover .class-card-specs{opacity:1;pointer-events:auto;max-height:60px;margin-top:14px;transition:opacity .18s 50ms,max-height,margin-top}.class-card:hover .class-card-name{opacity:0}.class-card-crest{object-fit:contain;flex-shrink:0;width:150px;height:150px}.class-card-specs{opacity:0;pointer-events:none;flex-direction:row;gap:6px;width:100%;max-height:0;margin-top:0;transition:opacity .15s,max-height 10ms .15s,margin-top 10ms .15s;display:flex;overflow:hidden}.class-spec-btn{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:5px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:8px 4px;transition:background .12s,border-color .12s;display:flex}.class-spec-btn:hover{background:#c7a44a2e;border-color:#c7a44a8c}.class-spec-icon{object-fit:contain;pointer-events:none;flex-shrink:0;width:30px;height:30px}.class-card-name{text-align:center;color:#ffffffd1;white-space:nowrap;text-overflow:ellipsis;opacity:1;width:100%;margin-top:8px;font-size:1.8rem;transition:opacity .1s;overflow:hidden}@media (hover:none){.class-card-cell.is-expanded{z-index:10}.class-card.is-expanded{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#c7a44a14;border-color:#c7a44a66;transform:scale(1)}.class-card.is-expanded .class-card-specs{opacity:1;pointer-events:auto;max-height:60px;margin-top:14px;transition:opacity .18s 50ms,max-height,margin-top}.class-card.is-expanded .class-card-name{opacity:0}}.class-spec-tooltip{pointer-events:none;z-index:9999;white-space:nowrap;color:#c7a44a;letter-spacing:.03em;background:#1a1408;border:1px solid #c7a44a8c;border-radius:4px;padding:3px 7px;font-size:.65rem;font-weight:500;position:fixed;box-shadow:0 4px 16px #0009}.echoes-shell{background:var(--color-body);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.echoes-body{flex:1;display:flex;overflow:hidden}.echo-search-wrapper{align-items:center;display:flex}.echo-search-wrapper--open{flex:1}.echo-search-wrapper--open .echo-search{width:100%}.echo-search{border:1px solid var(--color-inactive);min-width:130px;height:24px;color:var(--color-white);background:0 0;border-radius:3px;outline:none;flex:1;padding:0 8px;font-family:monospace;font-size:11px;transition:border-color .15s}.echo-search::placeholder{color:var(--color-inactive);opacity:.6}.echo-search:focus{border-color:var(--color-available)}.echo-filters-row{flex-wrap:wrap;flex-basis:100%;order:10;justify-content:center;align-items:center;gap:8px;display:flex}.echo-filters{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.echo-pill{height:20px;color:color-mix(in srgb, var(--pill-color,var(--color-inactive)) 70%, var(--color-inactive));cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;padding:0 7px;font-family:monospace;font-size:10px;transition:background .15s,color .15s,border-color .15s}.echo-pill:hover{border-color:var(--pill-color,var(--color-white));color:var(--pill-color,var(--color-white))}.echo-pill.active{background:color-mix(in srgb, var(--pill-color,var(--color-available)) 20%, transparent);border-color:var(--pill-color,var(--color-available));color:var(--pill-color,var(--color-available))}.echo-class-filters{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.echo-filters .echo-class-btn{width:36px;height:36px}.echo-class-btn{cursor:pointer;background:0 0;border:none;border-radius:3px;width:22px;height:22px;padding:1px;transition:background .15s;overflow:hidden}.echo-class-btn img{object-fit:contain;opacity:.45;width:100%;height:100%;transition:opacity .15s;display:block}.echo-class-btn:hover img{opacity:.85}.echo-class-btn.active{background:color-mix(in srgb, var(--color-available) 12%, transparent)}.echo-class-btn.active img{opacity:1}.panel-header{border-bottom:1px solid var(--color-border,#2a2a2a);flex-shrink:0;justify-content:flex-end;align-items:flex-end;gap:6px;padding:0 10px 8px;display:flex}.echo-toolbar-actions{align-items:center;gap:6px;display:flex}.echo-btn-action{color:var(--color-inactive);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:color .15s;display:flex}.echo-btn-action:hover,.echo-btn-action.active{color:var(--color-available)}.echo-btn-action.copied{color:var(--color-active);cursor:default}.echo-class-indicator{border-radius:3px;padding:0;overflow:hidden}.echo-class-indicator:hover{box-shadow:0 0 0 1px #c7a44a80}.echo-class-indicator--panel{align-self:flex-start;width:44px;height:44px;margin:6px 0 0 10px}.echo-class-indicator--panel .echo-class-indicator-spec-icon{width:44px;height:44px}@media (width<=767px){.echo-class-indicator--panel{display:none}}@media (width>=768px){.echo-class-indicator--mobile{display:none}}.echo-class-indicator-spec-icon{object-fit:cover;width:24px;height:24px;display:block}.spec-tooltip-label{color:var(--color-white);white-space:nowrap;font-family:monospace;font-size:11px}.mobile-filter-btn{display:none}@media (width<=767px){.mobile-filter-btn{display:flex}}.mobile-filter-btn .icon-filter{filter:brightness(0)invert(60%);width:18px;height:18px;transition:filter .15s}.mobile-filter-btn:hover .icon-filter{filter:brightness(0)invert(80%)sepia(60%)saturate(400%)hue-rotate(60deg)}.mobile-filter-btn.active{color:var(--color-available)}.book-icon{perspective:200px;width:18px;height:18px;display:inline-flex;position:relative}.book-icon__closed,.book-icon__open{backface-visibility:hidden;position:absolute;top:0;left:0}.book-icon__closed{opacity:1;transition:transform .25s,opacity .2s;transform:rotateY(0)}.book-icon__open{opacity:0;transition:transform .25s .2s,opacity .2s .2s;transform:rotateY(90deg)}.book-icon--open .book-icon__closed{opacity:0;transition:transform .25s,opacity .2s;transform:rotateY(-90deg)}.book-icon--open .book-icon__open{opacity:1;transition:transform .25s .2s,opacity .2s .2s;transform:rotateY(0)}@media (width<=767px){.echo-filters-row,.echo-btn-view-toggle{display:none}}.echo-card{width:300px;height:450px;position:relative}@media (width<=767px){.echo-card{width:100%;height:calc(100dvh - 120px)}}.echo-card{border:2px solid var(--quality-color,var(--color-inactive));background:color-mix(in srgb, var(--color-bg) 60%, var(--color-body));cursor:grab;-webkit-user-select:none;user-select:none;border-radius:4px;flex-direction:row;flex-shrink:0;transition:box-shadow .15s,opacity .15s;display:flex}.echo-card.has-school{background:color-mix(in srgb, var(--color-bg) 60%, var(--color-body));border:2px solid #0000}.echo-card.has-school:after{content:"";background:linear-gradient(to bottom, var(--quality-color), var(--school-color));-webkit-mask-composite:xor;pointer-events:none;z-index:2;border-radius:6px;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.echo-card:hover:not(.dragging){box-shadow:0 0 10px color-mix(in srgb, var(--quality-color,var(--color-inactive)) 40%, transparent)}.echo-card.dragging{opacity:.3;cursor:grabbing}.echo-card.echo-card--disabled{opacity:.35;filter:saturate(.15);cursor:default}.echo-card--compact{cursor:pointer;flex-direction:row;justify-content:center;align-items:center;width:64px;height:64px;padding:2px;display:flex}.echo-card--compact .echo-card-compact-img{object-fit:cover;border-radius:2px;width:100%;height:100%;display:block}.echo-card--compact .echo-card-compact-fallback{width:100%;height:100%;color:var(--quality-color,var(--color-inactive));justify-content:center;align-items:center;font-size:18px;display:flex}.echo-card-floating-tooltip{z-index:700;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;position:fixed}.echo-card-floating-tooltip .echo-card{height:auto;min-height:unset;background:color-mix(in srgb, var(--color-body) 60%, transparent)}.echo-card-floating-tooltip .echo-card.has-school{background:color-mix(in srgb, var(--color-body) 60%, transparent)}.echo-card-floating-tooltip .echo-card-content{overflow:visible}.echo-card-families-col{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;gap:6px;padding:8px 6px;display:flex;position:relative}.echo-card-families-col:after{content:"";background:color-mix(in srgb, var(--quality-color,var(--color-inactive)) 30%, transparent);width:1px;height:80%;position:absolute;top:10%;right:0}.echo-card-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.echo-card-top{flex-shrink:0;gap:8px;padding:8px 8px 6px;display:flex}.echo-card-icon{background:var(--color-body);border-radius:2px;flex-shrink:0;align-self:flex-start;width:52px;height:52px;overflow:hidden}@media (width<=767px){.echo-card-icon{width:72px;height:72px}}.echo-card-icon img{object-fit:cover;width:100%;height:100%;display:block}.echo-card-icon span{width:100%;height:100%;color:var(--quality-color,var(--color-inactive));justify-content:center;align-items:center;font-size:20px;display:flex}.echo-card-info{flex-direction:column;flex:1;gap:3px;min-width:0;padding-top:2px;display:flex}.echo-card-name{color:var(--quality-color,var(--color-white));font-family:monospace;font-size:11px;font-weight:700;line-height:1.3}@media (width<=767px){.echo-card-name{font-size:14px}}.echo-card-family-wrap{display:flex}.echo-card-family-icon{object-fit:contain;flex-shrink:0;width:32px;height:32px}@media (width<=767px){.echo-card-family-icon{width:44px;height:44px}}.echo-card-classes{grid-template-columns:repeat(5,14px);gap:2px;display:grid}@media (width<=767px){.echo-card-classes{grid-template-columns:repeat(5,20px);gap:3px}}.echo-card-class-icon{object-fit:contain;opacity:.65;border-radius:2px;width:14px;height:14px}@media (width<=767px){.echo-card-class-icon{width:20px;height:20px}}.echo-card-stack{color:var(--color-available);white-space:nowrap;font-family:monospace;font-size:10px}.echo-card-body{flex-direction:column;flex:1;gap:3px;padding:0 8px 6px;display:flex}.echo-card-body:before{content:"";border-top:1px solid color-mix(in srgb, var(--quality-color,var(--color-inactive)) 30%, transparent);width:80%;margin:0 auto 5px;display:block}.echo-card-body p{margin:0}.echo-card-desc{color:var(--color-white);padding-bottom:5px;font-size:10px;line-height:1.45}@media (width<=767px){.echo-card-desc{font-size:13px}}.echo-card-i18n-tooltip{color:var(--color-available);border-top:1px solid color-mix(in srgb, var(--color-inactive) 30%, transparent);margin-top:5px;padding-top:5px;font-size:10px;font-style:italic;line-height:1.45}@media (width<=767px){.echo-card-i18n-tooltip{font-size:12px}}.echo-card-tooltip-text{color:var(--color-inactive);font-size:9px;font-style:italic;line-height:1.4}@media (width<=767px){.echo-card-tooltip-text{font-size:12px}}.echo-card-school{text-align:right;color:var(--school-color);opacity:.85;letter-spacing:.03em;flex-shrink:0;padding:2px 8px 5px;font-family:monospace;font-size:8px}.echo-card-footer{flex-shrink:0;padding:4px 8px 6px}.echo-card-footer:before{content:"";border-top:1px solid color-mix(in srgb, var(--quality-color,var(--color-inactive)) 30%, transparent);width:80%;margin:0 auto 4px;display:block}.echo-card-required{color:#c8972a;align-items:center;gap:5px;font-family:monospace;font-size:9px;line-height:1.4;display:flex}.echo-card-required-spell{align-items:center;gap:4px;display:flex}.echo-card-required-icon{object-fit:cover;border-radius:2px;flex-shrink:0;width:14px;height:14px}@media (width<=767px){.echo-card-required-icon{width:20px;height:20px}}.tome-tooltip{z-index:600;background:color-mix(in srgb, var(--color-body) 60%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--tooltip-accent);pointer-events:none;box-shadow:0 0 12px color-mix(in srgb, var(--tooltip-accent) 20%, transparent), 0 4px 24px #000c;border-radius:4px;padding:8px 10px;position:fixed}.tome-tooltip .tome-tooltip-header{align-items:center;gap:7px;margin-bottom:7px;display:flex}.tome-tooltip .tome-tooltip-icon{object-fit:cover;border:1px solid #c8972a66;border-radius:2px;flex-shrink:0;width:24px;height:24px}.tome-tooltip .tome-tooltip-name{color:#c8972a;font-family:monospace;font-size:11px;font-weight:700;line-height:1.3}.tome-tooltip .tome-tooltip-desc{color:var(--color-white);margin-bottom:4px;font-size:10px;line-height:1.5}.tome-tooltip .tome-tooltip-text{color:var(--color-inactive);font-size:9px;font-style:italic;line-height:1.4}.tome-tooltip .family-tooltip-label{color:var(--color-white);font-family:monospace;font-size:12px}.echo-grid-container{flex:1;min-width:0;padding:110px 8px 24px;overflow-y:auto}@media (width<=767px){.echo-grid-container{padding-top:60px;padding-bottom:76px}}.echo-grid-container::-webkit-scrollbar{width:5px}.echo-grid-container::-webkit-scrollbar-track{background:0 0}.echo-grid-container::-webkit-scrollbar-thumb{background:var(--color-inactive);border-radius:3px}.echo-grid-container::-webkit-scrollbar-thumb:hover{background:var(--color-white)}.echo-grid-crest-anchor{pointer-events:none;z-index:0;height:0;position:sticky;top:0;overflow:visible}.echo-grid-crest-watermark{object-fit:contain;opacity:.05;pointer-events:none;-webkit-user-select:none;user-select:none;width:420px;height:420px;position:absolute;top:40vh;left:50%;transform:translate(-50%,-50%)}.echo-grid-row{gap:14px;margin-bottom:14px;display:grid}@media (width<=767px){.echo-grid-row{grid-template-columns:1fr!important}}.echo-grid-cell{cursor:pointer;min-width:0}.echo-grid-cell.in-slots .echo-card{opacity:.4}.echo-grid-cell.echo-grid-cell--disabled{cursor:default}.echo-grid-row--compact{align-items:center}.echo-sidebar{flex-direction:column;gap:10px;width:100%;padding:8px 8px 8px 6px;display:flex;position:relative;overflow-y:auto}.echo-sidebar::-webkit-scrollbar{width:4px}.echo-sidebar::-webkit-scrollbar-track{background:0 0}.echo-sidebar::-webkit-scrollbar-thumb{background:var(--color-inactive);border-radius:2px}.echo-sidebar-resize-handle{cursor:ew-resize;z-index:10;width:5px;position:absolute;top:0;bottom:0;left:0}.echo-sidebar-resize-handle:after{content:"";background:var(--color-inactive);opacity:.3;width:1px;transition:opacity .15s;position:absolute;top:0;bottom:0;left:2px}.echo-sidebar-resize-handle:hover:after{opacity:1;background:var(--color-available)}.echo-sidebar-section{flex-direction:column;gap:6px;display:flex}.echo-sidebar-section--regular{position:relative}.echo-sidebar-label{color:var(--color-inactive);text-transform:uppercase;letter-spacing:.05em;opacity:.7;font-family:monospace;font-size:10px}.echo-sidebar-title{color:var(--color-available);text-align:center;letter-spacing:.08em;font-family:monospace;font-size:13px}.echo-slots-row{flex-wrap:wrap;gap:4px;margin:5px auto;display:flex}.echo-sidebar-crest-watermark{object-fit:contain;opacity:.09;filter:blur(12px);pointer-events:none;-webkit-user-select:none;user-select:none;width:80%;height:auto;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.echo-slots-grid{grid-template-columns:repeat(5,34px);gap:4px;margin:5px auto;display:grid}.echo-slot{border:1px solid color-mix(in srgb, var(--color-inactive) 40%, transparent);background:color-mix(in srgb, var(--color-body) 60%, transparent);cursor:default;border-radius:2px;width:34px;height:34px;transition:border-color .15s,box-shadow .15s;position:relative;overflow:visible}.echo-slot.key{width:42px;height:42px}.echo-slot.filled{cursor:pointer}.echo-slot.filled:hover{border-color:var(--color-inactive)}.echo-slot.over{border-color:var(--color-available);box-shadow:0 0 6px var(--color-available)}.echo-slot.empty.over{background:color-mix(in srgb, var(--color-available) 10%, transparent)}.echo-slot-empty{width:100%;height:100%}.echo-slot-icon{border:1px solid var(--quality-color,var(--color-inactive));cursor:grab;width:100%;height:100%;box-shadow:inset 0 0 4px color-mix(in srgb, var(--quality-color,transparent) 30%, transparent);-webkit-user-select:none;user-select:none;border-radius:2px;justify-content:center;align-items:center;transition:box-shadow .15s,opacity .15s;display:flex;overflow:hidden}.echo-slot-icon:hover{box-shadow:inset 0 0 4px color-mix(in srgb, var(--quality-color,transparent) 30%, transparent), 0 0 6px var(--quality-color,var(--color-inactive))}.echo-slot-icon.dragging{opacity:.3;cursor:grabbing}.echo-slot-icon img{object-fit:cover;width:100%;height:100%;display:block}.echo-slot-icon span{color:var(--quality-color,var(--color-inactive));font-size:14px}@media (width<=767px){.echo-sidebar{display:none}}.echo-tooltip{z-index:500;background:color-mix(in srgb, var(--color-body) 60%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--quality-color,var(--color-inactive));pointer-events:none;width:230px;box-shadow:0 0 16px color-mix(in srgb, var(--quality-color,transparent) 25%, transparent), 0 4px 24px #000c;border-radius:4px;padding:10px 12px;position:fixed}.echo-tooltip .echo-tooltip-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.echo-tooltip .echo-tooltip-name{color:var(--quality-color,var(--color-white));font-family:monospace;font-size:12px;font-weight:700;line-height:1.3}.echo-tooltip .echo-tooltip-quality{color:var(--quality-color,var(--color-inactive));white-space:nowrap;opacity:.8;font-family:monospace;font-size:10px}.echo-tooltip .echo-tooltip-families{color:var(--color-available);opacity:.9;margin-bottom:6px;font-family:monospace;font-size:10px}.echo-tooltip .echo-tooltip-desc{color:var(--color-white);margin-bottom:6px;font-size:11px;line-height:1.5}.echo-tooltip .echo-tooltip-i18n-tooltip{color:var(--color-available);border-top:1px solid color-mix(in srgb, var(--color-inactive) 25%, transparent);margin-top:2px;margin-bottom:6px;padding-top:6px;font-size:10px;font-style:italic;line-height:1.5}.echo-tooltip .echo-tooltip-text{color:var(--color-inactive);margin-bottom:6px;font-size:10px;font-style:italic;line-height:1.5}.echo-tooltip .echo-tooltip-meta{color:var(--color-inactive);border-top:1px solid color-mix(in srgb, var(--color-inactive) 25%, transparent);flex-direction:column;gap:3px;margin-top:4px;padding-top:6px;font-family:monospace;font-size:10px;display:flex}.echo-tooltip .echo-tooltip-classes{flex-wrap:wrap;gap:3px;display:flex}.echo-tooltip .echo-tooltip-class-icon{object-fit:contain;opacity:.7;pointer-events:auto;border-radius:2px;width:16px;height:16px}.mobile-filter-panel{z-index:300;background:var(--color-body);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.mobile-filter-header{border-bottom:1px solid color-mix(in srgb, var(--color-inactive) 30%, transparent);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.mobile-filter-title{color:var(--color-available);letter-spacing:.08em;font-family:monospace;font-size:14px}.mobile-filter-close{color:var(--color-inactive);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.mobile-filter-close:hover{color:var(--color-white)}.mobile-filter-body{flex-direction:column;flex:1;gap:28px;padding:20px 16px;display:flex;overflow-y:auto}.mobile-filter-section{flex-direction:column;gap:12px;display:flex}.mobile-filter-label{color:var(--color-inactive);text-transform:uppercase;letter-spacing:.1em;font-family:monospace;font-size:10px}.mobile-filter-search{width:100%;height:38px;font-size:14px}.mobile-filter-row{align-items:center;gap:8px;display:flex}.mobile-filter-row--wrap{flex-wrap:wrap}.mobile-filter-pill{height:30px!important;padding:0 14px!important;font-size:12px!important}.mobile-filter-icon-btn{width:40px!important;height:40px!important}.player-level-control{border:1px solid var(--color-inactive);border-radius:4px;align-items:center;gap:8px;padding:3px 10px;font-family:monospace;font-size:11px;display:flex}.player-level-control label{color:var(--color-inactive);white-space:nowrap}.player-level-control .level-controls{align-items:center;gap:6px;display:flex}.player-level-control .level-btn{border:1px solid var(--color-inactive);background:color-mix(in srgb, var(--color-body) 80%, transparent);width:24px;height:24px;color:var(--color-available);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;padding:0;font-family:monospace;font-size:14px;font-weight:700;transition:all .2s;display:flex}.player-level-control .level-btn:hover:not(:disabled){background:color-mix(in srgb, var(--color-body) 90%, transparent);border-color:var(--color-available);color:var(--color-white)}.player-level-control .level-btn:active:not(:disabled){transform:scale(.95)}.player-level-control .level-btn:disabled{opacity:.4;cursor:not-allowed}.player-level-control .level-btn.level-btn--action{opacity:.7;font-size:12px}.player-level-control .level-btn.level-btn--action:hover:not(:disabled){opacity:1}.player-level-control .level-display{color:var(--color-available);text-align:center;min-width:24px;font-weight:700}.mobile-slot-bar{display:none}@media (width<=767px){.mobile-slot-bar{display:flex}}.mobile-slot-bar{z-index:150;background:color-mix(in srgb, var(--color-body) 40%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid color-mix(in srgb, var(--color-inactive) 40%, transparent);align-items:center;gap:8px;height:60px;padding:0 8px 0 12px;position:fixed;bottom:0;left:0;right:0}.mobile-slot-bar-inner{flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.mobile-slot-bar-count{color:var(--color-inactive);white-space:nowrap;flex-shrink:0;font-family:monospace;font-size:11px}.mobile-slot-bar-icons{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.mobile-slot-bar-icons::-webkit-scrollbar{display:none}.mobile-slot-bar-icon{border:1px solid var(--quality-color,var(--color-inactive));width:36px;height:36px;box-shadow:inset 0 0 4px color-mix(in srgb, var(--quality-color,transparent) 30%, transparent);border-radius:2px;flex-shrink:0;overflow:hidden}.mobile-slot-bar-icon img{object-fit:cover;width:100%;height:100%;display:block}.mobile-slot-bar-icon span{color:var(--quality-color,var(--color-inactive));justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;display:flex}.mobile-slot-bar-expand{border:1px solid var(--color-inactive);color:var(--color-inactive);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:color .15s,border-color .15s;display:flex}.mobile-slot-bar-expand:hover{color:var(--color-available);border-color:var(--color-available)}.mobile-slots-fullpage{z-index:250;background:var(--color-body);flex-direction:column;display:flex;position:fixed;inset:0}.mobile-slots-header{border-bottom:1px solid color-mix(in srgb, var(--color-inactive) 30%, transparent);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.mobile-slots-title{color:var(--color-available);letter-spacing:.08em;font-family:monospace;font-size:14px}.mobile-slots-body{flex-direction:column;flex:1;align-items:center;gap:10px;padding:16px;display:flex;overflow-y:auto}.mobile-slots-row{flex-wrap:wrap;justify-content:center;gap:6px;margin:5px auto;display:flex}.mobile-slots-grid{grid-template-columns:repeat(5,38px);gap:4px;margin:5px auto;display:grid}.mobile-slot{border:1px solid color-mix(in srgb, var(--color-inactive) 40%, transparent);background:color-mix(in srgb, var(--color-body) 60%, transparent);border-radius:2px;width:38px;height:38px;transition:border-color .15s,opacity .15s;overflow:hidden}.mobile-slot.key{width:48px;height:48px}.mobile-slot.filled{border-color:var(--quality-color,var(--color-inactive));cursor:pointer;box-shadow:inset 0 0 4px color-mix(in srgb, var(--quality-color,transparent) 30%, transparent)}.mobile-slot.filled:active{opacity:.6}.mobile-slot img{object-fit:cover;width:100%;height:100%;display:block}.mobile-slot span{color:var(--quality-color,var(--color-inactive));justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;display:flex}.hud{z-index:200;background:color-mix(in srgb, var(--color-body) 40%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-inactive);width:clamp(320px,80vw,900px);color:var(--color-inactive);white-space:nowrap;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:8px 18px;font-size:12px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}@media (width<=767px){.hud{border-top:none;border-left:none;border-right:none;border-radius:0;justify-content:space-between;width:100%;padding:8px 12px;top:0;left:0;right:0;transform:none}.hud .player-level-control{display:none}.btn-toggle{order:-1}}.btn-toggle{border:1px solid var(--color-inactive);border-radius:4px;align-items:center;gap:6px;padding:3px 10px;font-family:monospace;font-size:11px;display:flex}.btn-toggle span{color:var(--color-inactive);transition:color .15s;position:relative}.btn-toggle span.sep{pointer-events:none}.btn-toggle span.active{color:var(--color-available);cursor:default}.btn-toggle span:not(.active):not(.sep){cursor:pointer}.btn-toggle span:not(.active):not(.sep):hover{color:var(--color-white)}.btn-toggle span[data-label]:hover:after{content:attr(data-label);background:var(--color-body);border:1px solid var(--color-inactive);color:var(--color-inactive);white-space:nowrap;pointer-events:none;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:10px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.btn-toggle .icon-echoes{filter:brightness(0)invert(60%);width:18px;height:18px;transition:filter .15s;display:block}.btn-toggle span.active .icon-echoes{filter:brightness(0)invert(70%)sepia(80%)saturate(500%)hue-rotate(340deg)brightness(105%)}.btn-toggle span:not(.active):not(.sep):hover .icon-echoes{filter:brightness(0)invert()}.collection{background:var(--color-body);flex-direction:column;flex:1;display:flex;overflow:hidden}.collection-body{flex:1;padding-bottom:20px;overflow-y:auto}.collection-body::-webkit-scrollbar{width:4px}.collection-body::-webkit-scrollbar-track{background:0 0}.collection-body::-webkit-scrollbar-thumb{background:var(--color-inactive,#555);opacity:.4;border-radius:2px}.collection-status{color:var(--color-inactive,#888);text-align:center;margin-top:48px;font-family:monospace;font-size:12px}.collection-status--error{color:#e85c2a}.collection-class+.collection-class{margin-top:4px}.collection-class-header{background:color-mix(in srgb, var(--color-body) 50%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;align-items:center;gap:10px;padding:14px 14px 8px;display:flex;position:sticky;top:0}.collection-class-header:after{content:"";background:color-mix(in srgb, var(--color-border,#2a2a2a) 80%, transparent);width:90%;height:2px;position:absolute;bottom:0;left:10px}.collection-class-crest{object-fit:contain;flex-shrink:0;width:auto;height:90px}.collection-class-name{text-transform:uppercase;letter-spacing:.1em;color:var(--color-white,#eee);white-space:nowrap;font-family:monospace;font-size:1.5rem;font-weight:700}.collection-spec{padding:20px 16px 12px 40px}.collection-spec-header{background:color-mix(in srgb, var(--color-body) 50%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9;align-items:center;gap:7px;margin-bottom:8px;padding:18px 0;display:flex;position:sticky;top:112px}.collection-spec-header:after{content:"";background:color-mix(in srgb, var(--color-border,#2a2a2a) 80%, transparent);width:85%;height:2px;position:absolute;bottom:0;left:10px}.collection-spec-icon{object-fit:contain;opacity:.75;flex-shrink:0;width:auto;height:42px}.collection-spec-name{color:var(--color-inactive,#aaa);text-transform:uppercase;letter-spacing:.08em;font-family:monospace;font-size:1rem}.collection-spec-empty{color:var(--color-inactive,#555);margin:20px 0 12px 25px;padding-left:4px;font-family:monospace;font-size:11px;font-style:italic}.modal-error{color:#e85c2a;margin:4px 0 0;font-family:monospace;font-size:12px}.collection-spec-builds{flex-wrap:wrap;gap:10px;display:flex}.build-card{isolation:isolate;flex-direction:column;flex-shrink:0;align-items:center;width:160px;margin-bottom:16px;padding:10px 8px;display:flex;position:relative}.build-card-cross{cursor:pointer;border-radius:4px;outline:none;width:132px;height:132px;position:relative}.build-card-echo-slot{border-radius:3px;width:40px;height:40px;position:absolute;overflow:hidden}.build-card-echo-slot .echo-card--compact{border-radius:2px;padding:1px;width:40px!important;height:40px!important}.build-card-echo-slot.empty{background:var(--color-body,#111);border:1px solid var(--color-border,#2a2a2a);opacity:.2}.build-card-echo-slot.slot-center{z-index:4;top:46px;left:46px;box-shadow:0 0 8px #000000b3}.build-card-echo-slot.slot-left{z-index:1;top:46px;left:10px}.build-card-echo-slot.slot-top{z-index:1;top:10px;left:46px}.build-card-echo-slot.slot-right{z-index:1;top:46px;right:10px}.build-card-echo-slot.slot-bottom{z-index:1;bottom:10px;left:46px}.build-card-delete{color:#dc5050b3;cursor:pointer;z-index:10;background:#0000008c;border:1px solid #dc3c3c59;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:background .15s,color .15s,border-color .15s;display:flex;position:absolute;top:4px;right:4px}.build-card-delete:hover{color:#fff;background:#b41e1ed9;border-color:#dc3c3ccc}.build-card-star-badge{z-index:5;border-radius:10px;padding:2px 8px;position:absolute;bottom:20px;right:-15px}.star-rating{flex-direction:column;align-items:center;display:inline-flex;position:relative}.star-rating-display{cursor:pointer;color:var(--color-available,#f0a500);background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;display:inline-flex}.star-rating-icon{font-size:16px;line-height:1}.star-rating-value{font-family:monospace;font-size:14px;font-weight:600}.star-rating-count{color:var(--color-inactive,#888);font-size:11px}.star-picker{background:var(--color-panel,#1a1a1a);border:1px solid var(--color-border,#333);z-index:200;white-space:nowrap;border-radius:6px;align-items:center;gap:2px;padding:5px 8px;display:flex;position:absolute;top:auto;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0009}.star-picker-zero{cursor:pointer;color:var(--color-inactive,#888);background:0 0;border:none;border-radius:3px;margin-right:2px;padding:2px 5px;font-size:12px;line-height:1;transition:color .1s,background .1s}.star-picker-zero:hover,.star-picker-zero.active{color:var(--color-white,#ddd);background:color-mix(in srgb, var(--color-inactive,#888) 15%, transparent)}.star-picker-zero:disabled{cursor:default;opacity:.4}.star-picker-star{cursor:pointer;color:var(--color-inactive,#555);background:0 0;border:none;padding:2px 1px;font-size:17px;line-height:1;transition:color 80ms,transform 80ms}.star-picker-star.active{color:var(--color-available,#f0a500);transform:scale(1.18)}.star-picker-star:disabled{cursor:default;opacity:.4}.resizable-panel{flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden}.resizable-panel-handle{cursor:ew-resize;z-index:20;width:6px;position:absolute;top:0;bottom:0;left:0}.resizable-panel-handle:after{content:"";background:var(--color-inactive,#444);opacity:0;width:2px;transition:opacity .15s;position:absolute;top:0;bottom:0;left:2px}.resizable-panel-handle:hover:after{opacity:1}:root{--color-active:#1aff1a;--color-available:#ffb233;--color-inactive:#969696;--color-bg:#333;--color-body:#0d0d0d;--color-body-alpha:color-mix(in srgb, var(--color-body) 50%, transparent);--color-white:#fff;--color-progress-border:#06324b;--color-progress-side:#006dad;--color-progress-center:#10aaff}.app-shell{position:fixed;inset:0}.scene{transform-origin:0 0;touch-action:none;width:6100px;height:5700px;position:absolute}.svg-layer{pointer-events:none;width:6100px;height:5700px;position:absolute;top:0;left:0;overflow:visible}.edge-line{stroke:var(--color-inactive);stroke-width:3px;pointer-events:none;transition:stroke .2s}.edge-line.active{stroke:var(--color-active)}.edge-line.available{stroke:var(--color-available)}.node{border:2px solid var(--color-inactive);cursor:default;z-index:10;background:0 0;border-radius:3px;width:44px;height:44px;transition:border-color .15s,background .15s,box-shadow .15s;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.node.locked{border-color:var(--color-inactive)}.node.available{border-color:var(--color-available);cursor:pointer}.node.available:hover{box-shadow:0 0 10px var(--color-available)}.node.active{border-color:var(--color-active);box-shadow:0 0 14px var(--color-active)}.node.root.available{border-color:var(--color-available)}.node.root.active{border-color:var(--color-active);box-shadow:0 0 20px var(--color-active)}.node-icon{opacity:1;pointer-events:none;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;inset:0}.node-icon img{object-fit:cover;width:100%;height:100%;display:block}.progress-bar{background:var(--color-body);border:1px solid var(--color-inactive);border-radius:3px;flex:1;min-width:120px;height:30px;position:relative;overflow:hidden}@media (width<=767px){.progress-bar{flex:0 0 100%;order:2;min-width:0}}.progress-fill{background:linear-gradient(to bottom, var(--color-progress-border), var(--color-progress-border) 10%, var(--color-progress-side) 20%, var(--color-progress-center) 50%, var(--color-progress-side) 80%, var(--color-progress-border) 90%, var(--color-progress-border));transition:width .3s;position:absolute;inset:0 auto 0 0}.progress-label{color:#fff;text-shadow:0 1px 3px var(--color-body);pointer-events:none;justify-content:center;align-items:center;font-family:monospace;font-size:11px;display:flex;position:absolute;inset:0}.btn-reset{cursor:pointer;color:var(--color-inactive);background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex}.btn-reset:hover{color:var(--color-available)}.btn-reset img{filter:brightness(0)invert(60%);width:20px;height:20px;transition:filter .15s}.btn-reset:hover img{filter:invert(70%)sepia(80%)saturate(500%)hue-rotate(340deg)brightness(105%)}.btn-lang{cursor:pointer;background:0 0;border:none;padding:0;line-height:1}.btn-lang img{object-fit:cover;width:26px;height:19px;display:block}.btn-share{cursor:pointer;color:var(--color-inactive);background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex}.btn-share:not(.copied):hover:not(:disabled){color:var(--color-available)}.btn-share.copied{color:var(--color-active);cursor:default}.btn-share:disabled{opacity:.3;cursor:default}.modal-overlay{z-index:300;background:color-mix(in srgb, var(--color-body) 40%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-body);border:1px solid var(--color-inactive);color:var(--color-inactive);border-radius:6px;flex-direction:column;gap:20px;padding:24px 32px;font-size:13px;display:flex}.modal p{text-align:center}.modal-actions{justify-content:center;gap:12px;display:flex}.modal-btn{cursor:pointer;background:var(--color-body);border-radius:4px;padding:6px 20px;font-family:monospace;font-size:12px}.modal-btn.confirm{border:1px solid var(--color-active);color:var(--color-active)}.modal-btn.confirm:hover{box-shadow:0 0 6px var(--color-active)}.modal-btn.cancel{border:1px solid var(--color-inactive);color:var(--color-inactive)}.modal-btn.cancel:hover{border-color:var(--color-available);color:var(--color-available)}.status{z-index:200;text-align:center;color:var(--color-inactive);font-size:13px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.status.error{color:var(--color-active)}.tooltip{z-index:500;background:color-mix(in srgb, var(--color-body) 60%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-inactive);pointer-events:none;border-radius:4px;flex-direction:column;gap:6px;min-width:200px;max-width:280px;padding:12px 14px;display:flex;position:fixed}.tooltip.border-active{border-color:var(--color-active)}.tooltip.border-available{border-color:var(--color-available)}.tooltip.border-inactive{border-color:var(--color-inactive)}.tooltip-img{border-radius:3px;width:100%;margin-bottom:4px}.tooltip-name{color:var(--color-progress-center);font-size:15px;font-weight:700}.tooltip-desc{color:var(--color-available);font-size:11px;line-height:1.5}.tooltip-desc p+p{margin-top:8px}.tooltip-rank{color:var(--color-active);margin-top:10px;font-size:11px}.tooltip-cost{color:var(--color-white);font-size:11px}.tooltip-action{color:var(--color-inactive);border-top:1px solid var(--color-inactive);margin-top:2px;padding-top:6px;font-size:10px}