:root{--background:#f9f7f7;--foreground:#112d4e;--primary:#3f72af;--primary-dark:#112d4e;--secondary:#526d82;--border:#dbe2ef;--card-bg:#dbe2ef;--bg-secondary:#e5eaf3;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--theme-accent:#3f72af;--desktop-backdrop:#dbe2ef;--icon-filter:brightness(0)}[data-theme=navy]{--background:#1b262c;--foreground:#bbe1fa;--primary:#3282b8;--primary-dark:#0f4c75;--secondary:#7bb8d9;--border:#0f4c75;--card-bg:#222f38;--bg-secondary:#0f4c75;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--theme-accent:#0f4c75;--desktop-backdrop:#12191e;--icon-filter:brightness(0) invert(1)}[data-theme=teal]{--background:#222831;--foreground:#eeeeee;--primary:#00adb5;--primary-dark:#008b91;--secondary:#76c7cb;--border:#393e46;--card-bg:#393e46;--bg-secondary:#2d333b;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--theme-accent:#00adb5;--desktop-backdrop:#1a1f27;--icon-filter:brightness(0) invert(1)}[data-theme=ocean]{--background:#f9f7f7;--foreground:#112d4e;--primary:#3f72af;--primary-dark:#112d4e;--secondary:#526d82;--border:#dbe2ef;--card-bg:#dbe2ef;--bg-secondary:#e5eaf3;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--theme-accent:#3f72af;--desktop-backdrop:#dbe2ef;--icon-filter:brightness(0)}[data-theme=metal]{--background:#27374d;--foreground:#dde6ed;--primary:#9db2bf;--primary-dark:#526d82;--secondary:#9db2bf;--border:#526d82;--card-bg:#324863;--bg-secondary:#3d5269;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--theme-accent:#526d82;--desktop-backdrop:#1a2535;--icon-filter:brightness(0) invert(1)}[data-theme=rose]{--background:#f9f5f6;--foreground:#5c4954;--primary:#e8a0bc;--primary-dark:#d4849f;--secondary:#a88b9a;--border:#f8e8ee;--card-bg:#f8e8ee;--bg-secondary:#fdcedf;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--theme-accent:#f2bed1;--desktop-backdrop:#f8e8ee;--icon-filter:brightness(0)}[data-theme=beam]{--background:#222831;--foreground:#eeeeee;--primary:#ffd369;--primary-dark:#e6b84d;--secondary:#c9a84c;--border:#393e46;--card-bg:#393e46;--bg-secondary:#2d333b;--success:#22c55e;--warning:#ffd369;--danger:#ef4444;--theme-accent:#ffd369;--desktop-backdrop:#1a1f27;--icon-filter:brightness(0) invert(1)}[data-theme=rock]{--background:#fffbe9;--foreground:#6b5344;--primary:#ad8b73;--primary-dark:#8a6d59;--secondary:#9a7d68;--border:#e3caa5;--card-bg:#f5edd8;--bg-secondary:#e3caa5;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--theme-accent:#ceab93;--desktop-backdrop:#e3caa5;--icon-filter:brightness(0)}[data-theme=mood]{--background:#f4eeff;--foreground:#424874;--primary:#424874;--primary-dark:#353a5e;--secondary:#6b7094;--border:#dcd6f7;--card-bg:#dcd6f7;--bg-secondary:#a6b1e1;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--theme-accent:#a6b1e1;--desktop-backdrop:#dcd6f7;--icon-filter:brightness(0)}[data-theme=mars]{--background:#fef9e1;--foreground:#6d2323;--primary:#a31d1d;--primary-dark:#6d2323;--secondary:#8a4a4a;--border:#e5d0ac;--card-bg:#f5ead0;--bg-secondary:#e5d0ac;--success:#16a34a;--warning:#d97706;--danger:#a31d1d;--theme-accent:#a31d1d;--desktop-backdrop:#e5d0ac;--icon-filter:brightness(0)}[data-theme=simple]{--background:#f5f5f5;--foreground:#333333;--primary:#666666;--primary-dark:#444444;--secondary:#777777;--border:#dddddd;--card-bg:#eeeeee;--bg-secondary:#e0e0e0;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--theme-accent:#999999;--desktop-backdrop:#e0e0e0;--icon-filter:brightness(0)}body{color:var(--foreground)}.app-container,body{background:var(--background)}.app-container{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;max-width:390px;margin:0 auto;box-shadow:0 0 20px rgba(0,0,0,.1)}.report-view{opacity:0}.report-view.hydrated{opacity:1;transition:opacity .2s ease-out}.tab-panel{opacity:0;transform:translateY(8px);transition:opacity .2s ease-out,transform .2s ease-out;pointer-events:none;position:absolute;width:100%;visibility:hidden;height:0;overflow:hidden}.tab-panel.active{opacity:1;transform:translateY(0);pointer-events:auto;position:relative;visibility:visible;height:auto;overflow:visible}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease-out forwards}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}@media (min-width:391px){body{background:var(--desktop-backdrop)}}.main-content{flex:1 1;overflow-y:visible;padding-bottom:0;position:relative}.section{background:var(--card-bg);border-radius:12px;padding:12px 10px;margin-bottom:16px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:opacity .15s ease-out,transform .15s ease-out}.section-title{font-size:1.125rem;font-weight:600;margin-bottom:18px}.app-header{padding:6px 16px;background:transparent;color:var(--foreground);font-weight:600;font-size:1rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.header-icon{width:20px;height:20px;border-radius:4px;filter:var(--icon-filter)}.loading-overlay{z-index:3000;align-items:center}.loading-overlay,.popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;animation:fadeOverlay .2s ease-out}.popup-overlay{z-index:2000;align-items:flex-end}.popup-content{background:var(--background);width:100%;max-width:390px;height:95vh;height:95dvh;border-radius:16px 16px 0 0;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .25s ease-out}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border)}.popup-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--foreground);padding:4px 8px}.popup-body{flex:1 1;overflow-y:auto;padding:12px 10px}.scroll-x{display:flex;overflow-x:auto;gap:12px;padding:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}.team-tile{flex-shrink:0;width:120px;padding:12px;background:var(--card-bg);border-radius:8px;text-align:center;cursor:pointer;border:2px solid transparent;transition:border-color .15s ease-out,transform .1s ease-out,box-shadow .15s ease-out}.team-tile:active{transform:scale(.97)}.team-tile.active{border-color:var(--primary)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table td,.data-table th{padding:8px 12px;text-align:left;border-bottom:1px solid var(--card-bg)}.data-table th{font-weight:600;background:var(--card-bg);position:-webkit-sticky;position:sticky;top:0}.data-table th.sortable{cursor:pointer}.data-table th.sortable:hover{background:var(--border)}.search-bar{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--foreground);font-size:1rem;margin-bottom:12px}.search-bar:focus{outline:none;border-color:var(--primary)}.loading{display:flex;justify-content:center;align-items:center;padding:40px;color:var(--secondary)}.stat-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.stat-badge.positive{background:rgba(34,197,94,.1);color:var(--success)}.stat-badge.negative{background:rgba(239,68,68,.1);color:var(--danger)}.stat-badge.neutral{background:rgba(100,116,139,.1);color:var(--secondary)}.card{padding:8px 8px 80px}.section-note{font-size:.75rem;color:var(--secondary);margin-bottom:16px}.controls{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.rating-t1,.rating-t2,.rating-t3,.rating-t4,.rating-t5{border-radius:4px;color:var(--foreground)}.rating-t1{background:rgba(34,197,94,.4)}.rating-t2{background:rgba(34,197,94,.25)}.rating-t3{background:rgba(234,179,8,.35)}.rating-t4{background:rgba(249,115,22,.35)}.rating-t5{background:rgba(239,68,68,.35)}.impact-high{color:var(--success);font-weight:600}.impact-med{color:var(--warning);font-weight:600}.impact-low{color:var(--danger);font-weight:600}.impact-none{color:var(--secondary)}.games-high{color:var(--success);font-weight:600}.games-low{color:var(--danger)}.wr-high{color:var(--success);background:color-mix(in srgb,var(--success) 10%,transparent)}.wr-low,.wr-mid{color:var(--warning);background:color-mix(in srgb,var(--warning) 10%,transparent)}.wr-danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.table-container{overflow-x:hidden;margin:0 -10px;padding:0 10px}.table-container.scrollable{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-container.scrollable .data-table,.table-container.scrollable .rating-table,.table-container.scrollable .stats-table{table-layout:auto!important;min-width:max-content}.data-table,.rating-table,.stats-table{width:100%;table-layout:auto;border-collapse:collapse;font-size:.65rem}.data-table td,.data-table th,.rating-table td,.rating-table th,.stats-table td,.stats-table th{padding:5px 2px;text-align:center;border-bottom:1px solid var(--card-bg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-table th,.rating-table th,.stats-table th{font-weight:600;font-size:.6rem;color:var(--secondary);border-bottom-width:2px}.col-player{text-align:left!important;width:auto;min-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-abbr{font-size:.5rem;color:var(--secondary)}.col-rank{width:auto;text-align:left!important}.stats-table .col-stat{padding:4px 1px}.stats-table .col-games,.stats-table .col-gp,.stats-table .col-stat{width:25px;font-size:.6rem}.stats-table .col-team-name{text-align:left!important;width:25%;min-width:15%;max-width:25%;overflow:hidden;text-overflow:ellipsis}.rating-table .col-rating-cell{max-width:40px;font-size:.6rem;padding:4px 2px}.rating-table .col-rating-header{text-align:center}.data-table .col-player{text-align:left;width:auto;min-width:15%}.data-table .col-stat{min-width:10px;font-size:.6rem;padding:5px 1px}.data-table .col-rating{width:22px;max-width:40px}.data-table .col-rank{width:auto;text-align:left}.data-table .col-rating-cell{max-width:40px;font-size:.6rem;padding:4px 2px}.data-table .team-abbr{font-size:.5rem;color:var(--secondary)}.empty-row{padding:20px!important}.empty-row,.placeholder-text{text-align:center;color:var(--secondary)}.placeholder-text{font-style:italic;padding:20px}