:root{--bg:#1a1e24;--surface:#212429;--surface-hover:#2a2f36;--surface-elevated:#31363e;--surface-soft:#ffffff08;--border:#3d4450;--text:#dcdedf;--text-muted:#8f98a0;--steam:#1a9fff;--steam-hover:#66c0f4;--steam-soft:#1a9fff1f;--success:#67c18d;--danger:#d15b58;--warn:#e5b143;--radius-sm:8px;--radius-md:12px;--radius-lg:22px;--radius-pill:9999px;--shadow:0 10px 28px #00000061}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;height:100dvh;font-family:DM Sans,sans-serif;display:flex;overflow:hidden}@media (width<=1400px){body{height:auto;min-height:100dvh;overflow:auto}}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.ui-icon{fill:currentColor;flex:none;width:1.05rem;height:1.05rem}.app-header{background:linear-gradient(90deg, var(--surface) 0%, #21242980 100%);z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-bottom:1px solid #1a9fff1f;flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex;position:relative}.header-left{align-items:center;gap:1rem;display:flex}.app-title{letter-spacing:.3px;background:linear-gradient(135deg, var(--steam-hover), var(--steam));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.header-actions .btn{border-radius:var(--radius-pill);transition:all .25s}.header-actions .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1a9fff26}.status-banner{flex:none;width:100%;max-width:1800px;margin:.9rem auto 0;padding:0 1.2rem}.status-banner>div{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow);border-left-width:4px;padding:.8rem 1rem;font-size:.92rem}.status-banner .ok{border-left-color:var(--success)}.status-banner .warn{border-left-color:var(--warn)}.status-banner .err{border-left-color:var(--danger)}.tabs{background:var(--surface);border-bottom:2px solid var(--border);scrollbar-width:thin;flex:none;justify-content:center;gap:0;width:100%;padding:0 clamp(1rem,5vw,2rem);display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{height:4px}.tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.5rem;padding:1rem 1.2rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .25s;display:inline-flex;position:relative}.tab-btn:focus{box-shadow:inset 0 -3px 0 var(--steam);outline:none}@media (hover:hover){.tab-btn:hover{color:var(--text);border-bottom-color:#1a9fff66}}.tab-btn.active{color:var(--steam-hover);border-bottom-color:var(--steam)}.count-badge{color:var(--steam-hover);border-radius:var(--radius-pill);background:#1a9fff26;padding:.2rem .6rem;font-size:.72rem;font-weight:600}.tab-icon{fill:currentColor;stroke:currentColor;width:1.1rem;height:1.1rem;display:none}.tab-btn[data-tooltip]{position:relative}.tab-btn[data-tooltip]:hover:after{content:attr(data-tooltip);background:var(--surface-elevated);color:var(--text);white-space:nowrap;border:1px solid var(--border);z-index:10;pointer-events:none;border-radius:6px;padding:.5rem .75rem;font-size:.75rem;font-weight:600;animation:.2s ease-in fadeIn;position:absolute;bottom:-35px;left:50%;transform:translate(-50%)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%)translateY(-5px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=720px){.tab-btn{padding:.85rem .75rem;font-size:.85rem}.tab-btn .tab-text-full{display:none}.tab-btn .tab-icon{display:inline}.count-badge{padding:.15rem .5rem;font-size:.65rem}thead{display:none}}.main{flex-direction:column;flex:1 1 0;gap:1rem;width:100%;max-width:1800px;margin:0 auto;padding:1.2rem 1.2rem 2rem;display:flex;overflow:hidden}.toolbar{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow);flex-direction:column;flex:none;gap:.75rem;padding:1rem;display:flex;position:relative}.toolbar-top{align-items:center;gap:.6rem;width:100%;display:flex}.search-wrap{flex:auto;width:100%;min-width:0;position:relative}.input-base{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-pill);outline:none;min-width:0;min-height:42px;padding:.55rem 1rem;transition:border-color .2s,box-shadow .2s}.input-base:focus{border-color:var(--steam);box-shadow:0 0 0 3px #1a9fff1f}.toolbar .search-input{width:100%;padding-right:2.7rem}.search-clear{width:1.7rem;height:1.7rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:.7rem;transform:translateY(-50%)}.search-clear:hover{color:var(--text);background:#ffffff0d}.alert-dialog{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);box-shadow:var(--shadow);z-index:1000;max-width:320px;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.alert-dialog::backdrop{background:#00000080}.dialog-content{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.dialog-title{font-size:1.1rem;font-weight:600}.dialog-actions{justify-content:flex-end;gap:.75rem;display:flex}.dialog-actions .btn{flex:1}.name-with-stars{align-items:center;gap:.5rem;width:100%;min-width:0;display:flex}.name-with-stars strong{flex:auto;align-items:center;min-width:0;display:flex;overflow:hidden}.name-text{white-space:nowrap;--marquee-distance:70%;min-width:0;display:block}.name-text.overflow{animation:15s ease-in-out infinite marquee}@keyframes marquee{0%,10%{transform:translate(0)}45%,55%{transform:translateX(calc(-1 * var(--marquee-distance)))}90%,to{transform:translate(0)}}.stars-right{white-space:nowrap;flex:none;align-items:center;gap:.2rem;min-width:max-content;display:inline-flex}.toolbar .toolbar select.input-base,.filters-row select.input-base{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;appearance:none;background-image:none;flex:auto;padding-right:1rem;overflow:hidden}.toolbar select.input-base::-ms-expand{display:none}.filters-row select.input-base::-ms-expand{display:none}.toolbar select.input-base option{background-color:var(--bg);color:var(--text);padding:10px}.toolbar select.input-base option:nth-child(2n){background-color:var(--surface-hover)}.btn{border-radius:var(--radius-pill);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1rem;font-weight:700;transition:transform .2s,background .2s,color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-steam{background:linear-gradient(180deg,var(--steam),#1377c0);color:#fff;box-shadow:0 10px 22px #1a9fff2e}.btn-steam:hover{background:linear-gradient(180deg,var(--steam-hover),var(--steam))}.btn-secondary{background:var(--surface-elevated);color:var(--text);border:1px solid var(--border);transition:all .25s}.btn-secondary:hover{background:var(--surface-hover);border-color:#1a9fff4d;box-shadow:0 4px 12px #1a9fff1a}.btn-secondary:active{transform:scale(.98)}.btn-danger{color:#ff9d9a;background:#d15b581f;border:1px solid #d15b5842}.btn-danger:hover{background:#d15b5838}.btn-complete{color:#84d5a8;background:#67c18d1f;border:1px solid #67c18d47}.btn-complete:hover{background:#67c18d38}.btn-inprogress{color:#f5d080;background:#e5b1431a;border:1px solid #e5b14342}.btn-inprogress:hover{background:#e5b14333}.btn-abandoned{color:#ffb5b2;background:#d15b581a;border:1px solid #d15b583d}.btn-abandoned:hover{background:#d15b582e}.btn-toggle{background:var(--surface-elevated);color:var(--text-muted);border:1px solid var(--border)}.btn-toggle.active{background:var(--steam-soft);color:var(--steam-hover);border-color:#1a9fff57}.btn-toggle span{white-space:nowrap}.btn-toggle-deck.active{color:#66c0f4;background:#1a9fff26;border-color:#1a9fff66}.btn-icon{width:42px;height:42px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:inline-flex}.btn-icon:hover{color:var(--steam);background:var(--steam-soft);border-color:#1a9fff40;transform:translateY(-2px);box-shadow:0 4px 12px #1a9fff26}.btn-icon:active{transform:scale(.95)}.btn-ghost{color:var(--text-muted);background:0 0;border:1px solid #0000}.btn-ghost:hover{color:var(--text);border-color:var(--border);background:#ffffff0d}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.filter-field-hidden-label,.form-toggle-label{visibility:hidden}.compact-name-cell{justify-content:space-between;align-items:center;gap:.6rem;width:100%;display:flex}.compact-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.compact-score{flex:none}.table-wrap{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow);scrollbar-width:none;flex:1 1 0;overflow:auto}.table-wrap::-webkit-scrollbar{display:none}table{border-collapse:collapse;text-align:left;width:100%;min-width:1050px}thead th{background:var(--surface-hover);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:2;padding:.95rem 1rem;font-size:.74rem;font-weight:700;position:sticky;top:0}thead th.sortable{cursor:pointer;transition:color .2s}@media (hover:hover){thead th.sortable:hover{color:var(--text)}}thead th.sorted{color:var(--steam)}.w-name-c{width:18%}.w-year-c{width:9%}.w-plat-c{width:14%}.w-genre-c{width:13%}.w-strong-c,.w-weak-c{width:15%}.w-score-c{width:10%}.w-bool-c{width:6%}.w-name-v{width:23%}.w-plat-v{width:15%}.w-genre-v{width:13%}.w-strong-v,.w-weak-v{width:16%}.w-bool-v{width:6%}.w-name-e{width:25%}.w-plat-e{width:20%}.w-genre-e,.w-strong-e{width:18%}.w-weak-e{width:19%}.w-score{width:12%}.w-name-p{width:25%}.w-plat-p{width:32%}.w-genre-p{width:31%}.w-name{width:18%}.w-year{width:9%}.w-hours{width:10%}.w-plat{width:14%}.w-genre{width:13%}.w-strong,.w-weak,.w-bool{width:12%}tbody tr.main-row{border-top:1px solid var(--border);cursor:pointer;transition:background .2s}tbody tr.main-row.striped{background:var(--surface-soft)}@media (hover:hover){tbody tr.main-row:hover{background:var(--surface-hover)}}tbody td{vertical-align:middle;padding:.95rem 1rem;font-size:.88rem}tbody tr.detail-row{border-top:1px dashed var(--border);background:#00000038;display:none}tbody tr.detail-row.open{display:table-row}.detail-content{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.95rem;padding:1.1rem 1rem 1.2rem;display:grid}.detail-box{flex-direction:column;gap:.45rem;min-width:0;display:flex}.detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.9px;font-size:.72rem;font-weight:800}.detail-value{color:var(--text);background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);white-space:pre-wrap;overflow-wrap:anywhere;padding:.9rem 1rem;font-size:.88rem;line-height:1.55}.detail-actions{border-top:1px solid var(--border);flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;gap:.75rem;padding-top:1rem;display:flex}.chips{flex-wrap:wrap;align-items:center;gap:.4rem;min-width:0;display:flex}.chip{border-radius:var(--radius-sm);align-items:center;gap:.35rem;padding:.22rem .64rem;font-size:.75rem;font-weight:600;display:inline-flex}.chip-generic{color:#fcd34d;background:#e8b82029;border:1px solid #e8b82052}.chip-plat{color:#c7d2fe;background:#6366f129;border:1px solid #6366f152}.chip-genre{color:#66c0f4;background:#1a9fff2e;border:1px solid #1a9fff59}.chip-pf{color:#86efac;background:#22c55e26;border:1px solid #22c55e4d}.chip-pd{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.chip-deck{color:#66c0f4;background:#1a9fff2e;border:1px solid #1a9fff66}.chip-rm{color:inherit;cursor:pointer;opacity:.78;background:0 0;border:none}.chip-rm:hover{opacity:1}.stars{color:#3d5573;letter-spacing:2px;white-space:nowrap;gap:.12rem;display:inline-flex}.stars .f{color:#7dd3ff}.star-inp{cursor:pointer;flex-wrap:wrap;gap:.18rem;font-size:1.45rem;display:flex}.star-inp span{color:#3d5573;line-height:1;transition:transform .2s,color .2s}.star-inp span.f{color:#7dd3ff}@media (hover:hover){.star-inp span:hover{transform:scale(1.12)}}.badge-rejugar-activo{cursor:pointer;color:#7da3c6;background:linear-gradient(135deg,#465b75,#586088);border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;box-shadow:0 0 12px #58608840,0 0 20px #465b751a,inset 0 0 10px #00000026}.badge-rejugar-inactivo{cursor:default;color:#8b7a6f;background:linear-gradient(135deg,#553d33,#6d4d3f);border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;box-shadow:0 0 15px #8b5d3d4d,inset 0 0 10px #0003}.badge-opp-activo{cursor:pointer;color:#c9d4e0;background:linear-gradient(135deg,#465b75,#586088);border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;box-shadow:0 0 12px #58608840,0 0 20px #465b751a,inset 0 0 10px #00000026}.badge-opp-inactivo{cursor:default;color:#8b6f6f;background:linear-gradient(135deg,#533,#6d3f3f);border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;box-shadow:0 0 15px #8b4d4d4d,inset 0 0 10px #0003}.modal-ov{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;opacity:0;visibility:hidden;background:#0009;justify-content:center;align-items:center;padding:1rem;transition:opacity .25s,visibility .25s;display:flex;position:fixed;inset:0}.modal-ov.active{opacity:1;visibility:visible}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:860px;max-height:90vh;box-shadow:var(--shadow);flex-direction:column;transition:transform .25s;display:flex;overflow:hidden;transform:translateY(20px)scale(.99)}.modal-ov.active .modal{transform:translateY(0)scale(1)}.modal-hd{background:linear-gradient(90deg,#1a9fff0d 0%,#0000 100%);border-bottom:1px solid #1a9fff1f;justify-content:space-between;align-items:center;gap:.75rem;padding:1.2rem 1.5rem;display:flex}.modal-title{color:var(--text);letter-spacing:.3px;font-size:1.05rem;font-weight:800}.modal-body{scrollbar-width:none;flex-direction:column;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.modal-body::-webkit-scrollbar{display:none}.modal-ft{background:#1a9fff05;border-top:1px solid #1a9fff1f;flex-wrap:wrap;justify-content:flex-end;gap:.6rem;padding:1.2rem 1.5rem;display:flex}.fg{flex-direction:column;gap:.42rem;min-width:0;display:flex}.frow{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.flabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:800}.finput,.ftextarea{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);outline:none;width:100%;min-width:0;padding:.78rem .85rem;transition:border-color .2s,box-shadow .2s}.finput:focus,.ftextarea:focus{border-color:var(--steam);box-shadow:0 0 0 3px #1a9fff1f}.ftextarea{resize:vertical;min-height:128px}.field-error,.has-error{border-color:var(--danger)!important;box-shadow:0 0 0 3px #d15b5826!important}.field-warning,.has-warning{border-color:var(--warn)!important;box-shadow:0 0 0 3px #e5b14326!important}.tag-inp-wrap{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:.45rem;min-height:48px;padding:.55rem;transition:border-color .2s,box-shadow .2s;display:flex}.tag-inp-wrap input{color:var(--text);background:0 0;border:none;outline:none;flex:14ch;min-width:10ch}.admin-description{border-radius:var(--radius-md);color:var(--text-muted);background:#1a9fff14;border:1px solid #1a9fff26;margin-bottom:.5rem;padding:.85rem 1rem;font-size:.88rem;line-height:1.5}.admin-description p{margin:0}.admin-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem;padding-bottom:.6rem;display:flex}.admin-tabs .admin-tab{border-radius:var(--radius-sm);color:var(--text-muted);padding:.5rem .85rem;font-size:.85rem;transition:all .25s}.admin-tabs .admin-tab:hover{color:var(--text);background:#1a9fff14}.admin-tabs .admin-tab.active{color:var(--steam-hover);background:#1a9fff26;border-bottom:none}.admin-warning{border-radius:var(--radius-sm);border-left:3px solid #0000;padding:.85rem 1rem;font-size:.88rem;animation:.3s ease-out slideInDown;display:none}.admin-warning.show{display:block}.admin-warning.ok{border-left-color:var(--success);color:#b8f1cd;background:#67c18d1f}.admin-warning.warn{border-left-color:var(--warn);color:#f5d080;background:#e5b1431f}.admin-warning.err{border-left-color:var(--danger);color:#ff9d9a;background:#d15b581f}.admin-item{background:var(--bg);border-radius:var(--radius-md);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.1rem;transition:all .25s;animation:.25s ease-out slideIn;display:flex}.admin-item:hover{background:var(--surface-elevated);border-color:#1a9fff40;box-shadow:0 2px 8px #1a9fff1a}.admin-item .row-actions{flex-wrap:wrap;gap:.45rem;display:flex}.admin-item.editing{background:#1a9fff0f;border-color:#1a9fff73;box-shadow:0 0 0 3px #1a9fff1f,inset 0 0 0 1px #1a9fff33}.admin-item-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.btn-icon-text{gap:.4rem}.btn-icon-text span{display:inline}.status-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.status-line .status-copy{color:var(--text-muted);font-size:.82rem}.fab{right:1.2rem;bottom:calc(1.2rem + env(safe-area-inset-bottom,0px));z-index:110;background:linear-gradient(180deg,var(--steam),#1377c0);color:#fff;cursor:pointer;border:1px solid #1a9fff47;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .2s,filter .2s;display:inline-flex;position:fixed;box-shadow:0 16px 28px #00000052}.fab:hover{filter:brightness(1.05);transform:translateY(-2px)}.fab svg{fill:currentColor;width:1.5rem;height:1.5rem}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.filters-row{flex-wrap:wrap;align-items:center;gap:.75rem;width:100%;display:flex}.filter-field{flex-direction:column;flex:220px;gap:.35rem;min-width:0;display:flex}.filter-field .input-base{width:100%}.filter-field-toggle{align-self:end}.filter-field-toggle .btn-toggle{justify-content:center;width:100%;min-height:42px}.btn-filter-toggle{display:none}.active-filters{flex-wrap:wrap;align-items:center;gap:.45rem;display:none}.active-filters.show{display:flex}.active-filter-chip{border-radius:var(--radius-pill);background:var(--surface-elevated);border:1px solid var(--border);color:var(--text);align-items:center;gap:.35rem;padding:.34rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.chip-x{width:1.15rem;height:1.15rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.chip-x:hover{color:var(--text)}body.compact-filters .btn-filter-toggle{position:absolute;top:0;right:0;display:inline-flex!important}body.compact-filters .filters-row{display:none}body.compact-filters .filters-row.open{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:.75rem;display:grid}body.compact-filters .active-filters{display:flex}body.compact-filters .toolbar{padding-top:.95rem}body.compact-filters .toolbar-top{padding-right:3rem;position:relative}body.compact-filters .search-wrap,body.compact-filters .search-input{width:100%}body.compact-filters .filter-field{flex:none;min-width:0}body.compact-filters .filter-field-toggle{align-self:end}body.compact-filters .filter-field-toggle .flabel{visibility:hidden}body.compact-filters .filters-row.open .btn-toggle,body.compact-filters .filters-row.open .filter-field{width:100%}body.compact-filters .filters-row.open .btn-toggle{justify-content:center;align-self:stretch;min-height:42px}@media (width>=721px) and (width<=1100px){body{height:auto;min-height:100vh;overflow:auto}.app-header{padding-inline:1rem}.header-actions{gap:.45rem}.main{flex:auto;padding:1rem 1rem 1.5rem;overflow:visible}.toolbar{flex:none;gap:.65rem;padding:.85rem}.toolbar .search-input{flex-basis:100%}.table-wrap{scrollbar-width:none;flex:auto;height:auto;overflow:visible}table{table-layout:fixed;min-width:0}thead th:not(:first-child),tbody tr.main-row td:not(:first-child){display:none!important}tbody tr.main-row td:first-child{width:100%}tbody tr.detail-row.open{width:100%;display:block}tbody tr.detail-row td{border:none;width:100%;padding:0;display:block}.detail-content{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.detail-box,.detail-box>div{min-width:0}.detail-actions{justify-content:stretch}.detail-actions .btn{width:100%}.col-plat,.col-strong,.col-weak{display:none!important}.detail-plat,.detail-strong,.detail-weak{display:flex!important}.header-actions .btn span{display:none}.header-actions .btn{padding:.55rem .7rem}}@media (width<=720px) and (width>=621px){.header-actions .btn span{display:none}}@media (width<=720px){body{height:auto;min-height:100vh;overflow:auto}.main{flex:auto;padding-bottom:5rem;overflow:visible}.table-wrap{scrollbar-width:thin;flex:auto;height:auto;overflow:visible}.table-wrap::-webkit-scrollbar{width:4px;height:4px;display:block}.table-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}table{table-layout:fixed;min-width:0}thead th:not(:first-child),tbody tr.main-row td:not(:first-child){display:none!important}tbody tr.main-row td:first-child{width:100%}tbody tr.detail-row.open{width:100%;display:block}tbody tr.detail-row td{border:none;width:100%;padding:0;display:block}.detail-content{grid-template-columns:1fr}.detail-actions{justify-content:stretch}.detail-actions .btn{width:100%}.col-plat,.col-strong{display:none!important}.detail-plat,.detail-strong{display:flex!important}.btn-filter-toggle{display:inline-flex}.filters-row{display:none}.filters-row.open{grid-template-columns:1fr;align-items:stretch;gap:.65rem;display:grid}.filter-field-toggle{align-self:stretch}.header-actions{gap:.3rem}.header-actions .btn{min-width:42px;padding:.55rem .65rem}.sync-badge #sync-label{display:none}.sync-badge{padding:.3rem .4rem}.toolbar{gap:.5rem;padding:.75rem}.btn-icon-text span{display:none}.btn-icon-text{min-width:42px;padding:.55rem}}@media (width<=620px){.header-actions .btn span{display:none}}.sync-badge{border-radius:var(--radius-pill);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;align-items:center;gap:.45rem;padding:.32rem .85rem;font-size:.78rem;font-weight:700;transition:all .25s;display:inline-flex}.sync-dot{border-radius:50%;flex:none;width:.55rem;height:.55rem;transition:all .3s}.sync-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.sync-badge.s-idle{border-color:var(--border);color:var(--text-muted);background:#8b959f14}.sync-badge.s-idle .sync-dot{background:var(--text-muted)}.sync-badge.s-ok{color:#84d5a8;background:#67c18d26;border-color:#67c18d59}.sync-badge.s-ok .sync-dot{background:var(--success);box-shadow:0 0 8px #67c18d66}.sync-badge.s-syncing{background:var(--steam-soft);color:var(--steam-hover);border-color:#1a9fff59}.sync-badge.s-syncing .sync-dot{background:var(--steam);animation:.85s ease-in-out infinite pulse-dot;box-shadow:0 0 12px #1a9fff80}.sync-badge.s-error{color:#ff9d9a;background:#d15b5826;border-color:#d15b5859}.sync-badge.s-error .sync-dot{background:var(--danger);box-shadow:0 0 8px #d15b5866}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.2}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sync-section{flex-direction:column;gap:.6rem;display:flex}.sync-section+.sync-section{border-top:1px solid var(--border);margin-top:.2rem;padding-top:1rem}.sync-help{color:var(--text-muted);background:var(--surface-elevated);border-radius:var(--radius-sm);border:1px solid var(--border);padding:.8rem 1rem;font-size:.8rem;line-height:1.6}.sync-help a{color:var(--steam-hover);text-decoration:none}.sync-help a:hover{text-decoration:underline}.sync-help ol{padding-left:1.2rem}.sync-help li{margin-top:.28rem}.sync-help code{background:#0000004d;border-radius:3px;padding:.05rem .35rem;font-family:monospace;font-size:.85em}.token-row{display:flex;position:relative}.token-row .finput{flex:1;padding-right:2.8rem}.token-toggle{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:.2rem;font-size:.9rem;line-height:1;position:absolute;top:50%;right:.55rem;transform:translateY(-50%)}.token-toggle .ui-icon{width:1.15rem;height:1.15rem}.token-toggle:hover{color:var(--text)}.sync-status-msg{border-radius:var(--radius-sm);border:1px solid #0000;padding:.55rem .85rem;font-size:.82rem;display:none}.sync-status-msg.ok{color:#84d5a8;background:#67c18d1a;border-color:#67c18d40;display:block}.sync-status-msg.err{color:#ff9d9a;background:#d15b581a;border-color:#d15b5840;display:block}.sync-status-msg.warn{color:#f5d080;background:#e5b1431a;border-color:#e5b14340;display:block}@media (width>=721px) and (width<=1400px){body.compact-filters .filters-row.open{grid-template-columns:repeat(2,minmax(0,1fr))}body.compact-filters .filters-row.open .btn-toggle,body.compact-filters .filters-row.open .filter-field .input-base{min-height:42px}body.compact-filters .filter-field-toggle{align-self:end}}@media (width<=720px){body.compact-filters .filters-row.open{grid-template-columns:1fr}body.compact-filters .filters-row.open .btn-toggle{width:100%}}.svg-sprite{width:0;height:0;position:absolute;overflow:hidden}.header-left{align-items:center;gap:.75rem;min-width:0;display:flex}.input-hidden{display:none}.modal--sm{max-width:540px}.tag-hint{color:var(--text-muted);margin-top:.18rem;font-size:.72rem;display:block}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}@media (width>=1101px) and (width<=1400px){body{height:auto;min-height:100dvh;overflow:auto}.main{flex:auto;padding-bottom:2rem;overflow:visible}.table-wrap{flex:auto;height:auto;overflow:visible}}