.train-layout-container.svelte-oafegn{position:static;width:100%;height:100%;background:transparent;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;color:#fff;box-shadow:none;display:flex;flex-direction:column;padding:0;margin:0}.character-table.svelte-oafegn{display:flex;flex-direction:column;padding:0;max-height:100%;overflow:hidden}.table-header.svelte-oafegn{display:flex;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:0;padding:.25rem .5rem;font-weight:500;color:#ffffffb3;font-size:.8rem;margin:0;position:sticky;top:0;z-index:2}.table-body.svelte-oafegn{display:flex;flex-direction:column;gap:.1rem;overflow-y:auto;max-height:calc(100% - 2rem);padding:0;margin:0}.table-row.svelte-oafegn{display:flex;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.25rem;padding:.3rem .5rem;font-size:.85rem;transition:background .2s ease}.table-row.svelte-oafegn:hover{background:#ffffff1a}.table-row.level-0.svelte-oafegn{background:#ffffff0d;border-color:#ffffff1a}.table-row.level-1.svelte-oafegn{background:#0088ff1a;border-color:#08f3}.table-row.level-2.svelte-oafegn{background:#0088ff26;border-color:#0088ff40}.table-row.level-3.svelte-oafegn{background:#08f3;border-color:#0088ff4d}.table-row.level-4.svelte-oafegn{background:#0088ff40;border-color:#0088ff59}.table-row.level-5.svelte-oafegn{background:#0088ff4d;border-color:#08f6}.table-row.level-6.svelte-oafegn{background:#0088ff59;border-color:#0088ff73}.table-row.level-7.svelte-oafegn{background:#08f6;border-color:#0088ff80}.table-row.mastered.svelte-oafegn{background:#00ff9d4d;border-color:#00ff9d66}.char-cell.svelte-oafegn{width:15%;font-weight:700;display:flex;align-items:center}.level-cell.svelte-oafegn{width:20%;display:flex;align-items:center;justify-content:space-between;gap:.4rem}.stat-cell.svelte-oafegn{width:20%;display:flex;align-items:center;justify-content:center}.level-bar.svelte-oafegn{flex:1;height:.4rem;background:#ffffff1a;border-radius:.2rem;overflow:hidden}.level-bar.svelte-oafegn .level-fill:where(.svelte-oafegn){height:100%;background:#08f;transition:width .3s ease}@media (max-width: 768px){.train-layout-container.svelte-oafegn{top:auto;bottom:0;left:0;width:100%;max-height:70vh;border-radius:1rem 1rem 0 0}.table-body.svelte-oafegn{max-height:calc(70vh - 3rem)}}