body{
font-family:'Inter',sans-serif;
background:#181c23;
color:#e5e7eb;
padding:36px;
margin:0;
}

/* HEADER */

.header-container{
display:flex;
justify-content:space-between;
align-items:flex-start;
margin-bottom:24px;
}

.header-left{
display:flex;
flex-direction:column;
gap:6px;
}

h1{
margin:0;
font-size:30px;
font-weight:700;
letter-spacing:0.3px;
}

.header-meta{
font-size:14px;
color:#9ca3af;
}

.header-meta span{
color:#facc15;
font-weight:500;
}

.refresh-btn{
background:#3b82f6;
color:white;
border:0;
padding:8px 16px;
border-radius:8px;
cursor:pointer;
font-size:14px;
}

.refresh-btn:hover{background:#2563eb;}

.refresh-btn:disabled{
opacity:.6;
cursor:default;
}

.tournament-select{
background:#252b3a;
border:1px solid #374151;
color:#e5e7eb;
padding:8px 12px;
border-radius:8px;
cursor:pointer;
font-size:14px;
font-family:inherit;
outline:none;
transition:border-color .2s;
}

.tournament-select:focus{border-color:#3b82f6;}

/* CARD */

.table-container{
background:#1f2430;
padding:24px;
border-radius:12px;
box-shadow:0 12px 30px rgba(0,0,0,0.35);
}

/* DATA TABLE TOOLBAR SPACING */

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter{margin-bottom:18px;}

.dataTables_wrapper .dataTables_length{float:left;}
.dataTables_wrapper .dataTables_filter{float:right;}

.dataTables_wrapper::after{
content:"";
display:block;
clear:both;
}

/* INPUT STYLE */

.dataTables_length select,
.dataTables_filter input{
background:#252b3a;
border:1px solid #374151;
color:#e5e7eb;
padding:6px 10px;
border-radius:8px;
}

/* TABLE FIX WIDTH */

#teamTable{
table-layout:fixed!important;
width:100%!important;
}

#teamTable th,#teamTable td{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

/* TABLE */

table.dataTable thead{background:#252b3a;}
table.dataTable thead th{padding:12px 10px;}
table.dataTable tbody td{padding:10px;}
table.dataTable tbody tr{background:#1f2430;}

table.dataTable tbody tr:hover{
background:#3f2d16;
box-shadow:inset 3px 0 0 #f59e0b;
}

/* EXPAND ICON */

td.details-control{
cursor:pointer;
text-align:center;
width:40px!important;
min-width:40px!important;
max-width:40px!important;
}

.expand-icon{
width:0;
height:0;
border-top:6px solid transparent;
border-bottom:6px solid transparent;
border-left:8px solid #f59e0b;
display:inline-block;
transition:.2s ease;
}

tr.shown .expand-icon{transform:rotate(90deg);}

/* STATUS */

.status-badge{
display:inline-flex;
align-items:center;
justify-content:center;
width:24px;
height:24px;
border-radius:50%;
font-weight:700;
}

.status-true{background:#16a34a;color:white;}
.status-false{background:#dc2626;color:white;}

/* CHILD ROW */

table.dataTable tbody tr td.child{
background:#1b202b!important;
border-left:4px solid #f59e0b;
padding:16px!important;
}

/* CHILD TABLE */

.child-table{width:100%;border-collapse:collapse;}
.child-table th{background:#252b3a;padding:8px;text-align:left;}
.child-table td{padding:8px;border-bottom:1px solid #2b3142;vertical-align:top;}

.child-table th:nth-child(1),
.child-table td:nth-child(1),
.child-table th:nth-child(2),
.child-table td:nth-child(2),
.child-table th:nth-child(3),
.child-table td:nth-child(3),
.child-table th:nth-child(4),
.child-table td:nth-child(4){white-space:nowrap;width:1%;}

.child-table th:nth-child(5),
.child-table td:nth-child(5),
.child-table th:nth-child(6),
.child-table td:nth-child(6){width:50%;}

/* MOBILE PLAYER CARDS (shown on small screens instead of table) */

.mobile-player-cards{display:none;}

.m-player-card{
background:#252b3a;
border-radius:10px;
padding:14px;
margin-bottom:10px;
border-left:3px solid #f59e0b;
}

.m-player-header{
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
gap:6px;
margin-bottom:10px;
}

.m-player-name{
font-size:15px;
font-weight:700;
color:#e5e7eb;
}

.m-player-role{
font-size:11px;
font-weight:600;
color:#facc15;
}

.m-stat-row{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:8px;
margin-bottom:10px;
}

.m-stat-item{
background:#1b202b;
border-radius:6px;
padding:8px;
text-align:center;
}

.m-stat-label{
font-size:10px;
color:#6b7280;
text-transform:uppercase;
letter-spacing:0.5px;
margin-bottom:2px;
}

.m-stat-value{
font-size:13px;
font-weight:700;
color:#e5e7eb;
}

.m-hero-section{margin-top:8px;}

.m-hero-title{
font-size:11px;
color:#6b7280;
text-transform:uppercase;
letter-spacing:0.5px;
margin-bottom:6px;
font-weight:600;
}

.m-hero-badges{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:4px;
}

/* HERO BADGES IN CHILD */

.hero-badges{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:5px;
}

.hero-badge{
font-size:11px;
font-weight:600;
padding:4px 8px;
border-radius:6px;
text-align:center;
text-transform:capitalize;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
color:white;
}

.hero-badge-name{
font-size:13px;
font-weight:700;
}

.hero-badge-wr{
font-size:10px;
opacity:0.85;
font-weight:400;
}

/* ROW SELECTION IN SCOUT MODAL */

.scout-table tbody tr{cursor:pointer;}

.scout-table tbody tr.scout-selected{
background:#3f2d16;
box-shadow:inset 4px 0 0 #f59e0b;
outline:none;
}

.scout-table tbody tr.scout-selected td{
background:rgba(245,158,11,0.07);
}

/* Mobile card selection */
.m-player-card{cursor:pointer;transition:border-color .15s,background .15s;}
.m-player-card.scout-selected{
background:#2e2010;
border-left-color:#facc15;
box-shadow:0 0 0 1px rgba(245,158,11,0.25);
}

/* SCOUT SELECTION BAR */

.scout-selection-bar{
display:none;
align-items:center;
justify-content:space-between;
padding:12px 18px;
background:#1a1f2e;
border-top:1px solid rgba(245,158,11,0.3);
gap:12px;
flex-shrink:0;
animation:bar-slide-up .18s ease;
}

.scout-selection-bar.active{display:flex;}

@keyframes bar-slide-up{
from{opacity:0;transform:translateY(6px);}
to{opacity:1;transform:translateY(0);}
}

.selection-count{
font-size:13px;
font-weight:600;
color:#facc15;
white-space:nowrap;
}

.selection-actions{
display:flex;
gap:8px;
flex-shrink:0;
}

.sel-btn{
padding:6px 14px;
border-radius:7px;
font-size:12px;
font-weight:600;
font-family:inherit;
cursor:pointer;
transition:background .15s,color .15s,border-color .15s;
white-space:nowrap;
}

.sel-btn-hide{
border:1px solid rgba(245,158,11,0.35);
background:rgba(245,158,11,0.1);
color:#facc15;
}

.sel-btn-hide:hover{background:rgba(245,158,11,0.2);}

.sel-btn-hide.active{
background:#f59e0b;
color:#1f2430;
border-color:#f59e0b;
}

.sel-btn-clear{
border:1px solid rgba(156,163,175,0.2);
background:rgba(156,163,175,0.07);
color:#6b7280;
}

.sel-btn-clear:hover{
background:rgba(156,163,175,0.15);
color:#e5e7eb;
border-color:rgba(156,163,175,0.35);
}

/* VIEW STAT BUTTON */

.view-stat-btn{
background:none;
border:none;
cursor:pointer;
padding:5px;
display:inline-flex;
align-items:center;
justify-content:center;
color:#9ca3af;
border-radius:6px;
transition:color .2s,background .2s;
}

.view-stat-btn:hover{
color:#facc15;
background:rgba(250,204,21,0.1);
}

.view-stat-btn svg{
width:20px;
height:20px;
}

/* FOOTER */

.footer{
text-align:center;
margin-top:14px;
color:#6b7280;
font-size:13px;
}

/* ===================== */
/* SCOUTING REPORT       */
/* ===================== */

.analysis-panel{
display:none;
border-top:1px solid rgba(245,158,11,0.15);
background:#0b0f1c;
padding:18px 20px 22px;
animation:bar-slide-up .2s ease;
}
.analysis-panel.active{display:block;}

.analysis-header{
display:flex;
align-items:center;
gap:8px;
font-size:10px;
font-weight:700;
text-transform:uppercase;
letter-spacing:2px;
color:#f59e0b;
margin-bottom:16px;
}

.analysis-header::before{
content:'';
display:inline-block;
width:3px;height:14px;
background:#f59e0b;
border-radius:2px;
}

/* section */
.report-section{margin-bottom:16px;}
.report-section:last-child{margin-bottom:0;}

.report-section-title{
font-size:9px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1.5px;
color:#374151;
margin-bottom:8px;
display:flex;
align-items:center;
gap:6px;
}

.report-section-title::after{
content:'';
flex:1;
height:1px;
background:rgba(255,255,255,0.05);
}

/* threat cards */
.threat-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
gap:8px;
}

.threat-card{
background:#141924;
border:1px solid rgba(255,255,255,0.06);
border-radius:8px;
padding:10px 12px;
border-left:3px solid #374151;
}

.threat-card.danger-critical{border-left-color:#ef4444;}
.threat-card.danger-high{border-left-color:#f97316;}
.threat-card.danger-medium{border-left-color:#eab308;}
.threat-card.danger-low{border-left-color:#374151;}

.threat-card-top{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:5px;
gap:6px;
}

.threat-name{
font-size:13px;
font-weight:700;
color:#e5e7eb;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.threat-pi{
display:inline-flex;
align-items:center;
gap:3px;
padding:2px 7px;
border-radius:5px;
font-size:10px;
font-weight:800;
flex-shrink:0;
}

.threat-stats{
font-size:11px;
color:#4b5563;
line-height:1.6;
}

.threat-highlight{
font-size:10px;
color:#9ca3af;
margin-top:4px;
font-style:italic;
}

/* hero concern badges */
.hero-concern-list{
display:flex;
flex-wrap:wrap;
gap:6px;
}

.hc-badge{
display:inline-flex;
align-items:center;
gap:5px;
padding:4px 10px;
border-radius:6px;
font-size:11px;
font-weight:600;
cursor:default;
}

.hc-badge.hc-critical{
background:rgba(239,68,68,0.15);
border:1px solid rgba(239,68,68,0.3);
color:#fca5a5;
}
.hc-badge.hc-high{
background:rgba(249,115,22,0.13);
border:1px solid rgba(249,115,22,0.28);
color:#fdba74;
}
.hc-badge.hc-medium{
background:rgba(234,179,8,0.1);
border:1px solid rgba(234,179,8,0.22);
color:#fde68a;
}

.hc-name{font-weight:700;text-transform:capitalize;}
.hc-wr{opacity:0.8;}
.hc-shared{
font-size:9px;
font-weight:800;
background:rgba(255,255,255,0.12);
border-radius:3px;
padding:1px 4px;
}

/* notes */
.notes-list{
display:flex;
flex-direction:column;
gap:6px;
}

.note-item{
font-size:12px;
color:#9ca3af;
padding:8px 12px 8px 14px;
background:rgba(255,255,255,0.025);
border-radius:6px;
border-left:2px solid rgba(245,158,11,0.35);
line-height:1.55;
}

.note-item strong{color:#e5e7eb;}
.note-item.note-warn{border-left-color:rgba(239,68,68,0.5);}
.note-item.note-info{border-left-color:rgba(96,165,250,0.4);}
.note-item.note-ok{border-left-color:rgba(52,211,153,0.4);}

/* phase tags */
.phase-tag{display:inline-block;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:1px 5px;border-radius:3px;flex-shrink:0;}
.phase-early{background:rgba(239,68,68,.15);color:#fca5a5;border:1px solid rgba(239,68,68,.25);}
.phase-mid  {background:rgba(234,179,8,.12);color:#fde68a;border:1px solid rgba(234,179,8,.25);}
.phase-late {background:rgba(96,165,250,.12);color:#93c5fd;border:1px solid rgba(96,165,250,.22);}
.phase-all  {background:rgba(167,139,250,.12);color:#c4b5fd;border:1px solid rgba(167,139,250,.2);}

/* playstyle tags */
.ps-tag{display:inline-block;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:1px 5px;border-radius:3px;background:rgba(255,255,255,.06);color:#6b7280;border:1px solid rgba(255,255,255,.08);}
.ps-allin     {color:#fca5a5;background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2);}
.ps-aggro     {color:#fdba74;background:rgba(249,115,22,.1);border-color:rgba(249,115,22,.2);}
.ps-farm      {color:#86efac;background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.18);}
.ps-discipline{color:#93c5fd;background:rgba(96,165,250,.1);border-color:rgba(96,165,250,.2);}
.ps-calc      {color:#c4b5fd;background:rgba(167,139,250,.1);border-color:rgba(167,139,250,.2);}

/* weakness line on threat card */
.weakness-line{font-size:10px;color:#f87171;margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.05);}

/* ban list */
.ban-list{display:flex;flex-direction:column;gap:5px;}
.ban-item{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#141924;border-radius:6px;border:1px solid rgba(255,255,255,.05);font-size:12px;}
.ban-rank{font-size:10px;font-weight:800;color:#374151;width:16px;text-align:center;flex-shrink:0;}
.ban-hero{font-weight:700;text-transform:capitalize;color:#e5e7eb;flex:1;}
.ban-wr{font-size:10px;font-weight:700;color:#f87171;flex-shrink:0;}
.ban-from{font-size:10px;color:#4b5563;flex-shrink:0;}

/* win condition badges */
.wincond-block{display:flex;flex-wrap:wrap;gap:6px;}
.wincond-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;}
.wc-danger{background:rgba(239,68,68,.12);color:#fca5a5;border:1px solid rgba(239,68,68,.22);}
.wc-warn  {background:rgba(249,115,22,.12);color:#fdba74;border:1px solid rgba(249,115,22,.22);}
.wc-ok    {background:rgba(52,211,153,.1);color:#6ee7b7;border:1px solid rgba(52,211,153,.2);}
.wc-early {background:rgba(239,68,68,.1);color:#fca5a5;border:1px solid rgba(239,68,68,.18);}
.wc-mid   {background:rgba(234,179,8,.1);color:#fde68a;border:1px solid rgba(234,179,8,.18);}
.wc-late  {background:rgba(96,165,250,.1);color:#93c5fd;border:1px solid rgba(96,165,250,.16);}
.wc-tag   {background:rgba(255,255,255,.05);color:#6b7280;border:1px solid rgba(255,255,255,.08);}

/* strategy list */
.strat-list{display:flex;flex-direction:column;gap:6px;}
.strat-item{display:flex;gap:10px;padding:8px 12px;background:#141924;border-radius:6px;border:1px solid rgba(255,255,255,.04);font-size:12px;color:#9ca3af;line-height:1.55;}
.strat-icon{font-size:14px;flex-shrink:0;line-height:1.4;}
.strat-item strong{color:#e5e7eb;}

/* ===================== */
/* MODAL OVERLAY         */
/* ===================== */

#scoutModal{
display:none;
position:fixed;
inset:0;
background:rgba(0,0,0,0.75);
z-index:1000;
overflow-y:auto;
padding:40px 20px;
}

#scoutModal.active{display:block;}

.modal-box{
background:#1f2430;
border-radius:14px;
max-width:1400px;
margin:auto;
box-shadow:0 20px 60px rgba(0,0,0,0.6);
overflow:hidden;
}

/* MODAL HEADER */

.modal-header{
display:flex;
align-items:center;
justify-content:space-between;
padding:18px 24px;
background:#252b3a;
border-bottom:1px solid #2b3142;
}

.modal-title{
font-size:18px;
font-weight:700;
color:#facc15;
}

.modal-close{
background:none;
border:none;
color:#9ca3af;
cursor:pointer;
font-size:22px;
line-height:1;
padding:4px 10px;
border-radius:6px;
transition:color .2s,background .2s;
}

.modal-close:hover{
color:#e5e7eb;
background:#374151;
}

.download-btn{
background:rgba(245,158,11,0.12);
border:1px solid rgba(245,158,11,0.3);
color:#facc15;
cursor:pointer;
font-size:12px;
font-weight:600;
font-family:inherit;
padding:6px 14px;
border-radius:7px;
transition:background .2s,border-color .2s;
white-space:nowrap;
}

.download-btn:hover{
background:rgba(245,158,11,0.22);
border-color:rgba(245,158,11,0.5);
}

.download-btn:disabled{
opacity:.5;
cursor:default;
}

/* MODAL BODY */

.modal-body{
padding:24px;
overflow-x:auto;
}

/* SCOUT TABLE */

.scout-table{
width:100%;
border-collapse:collapse;
min-width:900px;
}

.scout-table th{
text-align:left;
padding:12px 14px;
background:#252b3a;
font-size:12px;
color:#9ca3af;
font-weight:600;
text-transform:uppercase;
letter-spacing:0.5px;
border-bottom:1px solid #2b3142;
}

.scout-table td{
padding:16px 14px;
border-bottom:1px solid #2b3142;
vertical-align:top;
}

/* PLAYER CARD */

.player-card{
display:flex;
flex-direction:column;
gap:8px;
}

.player-header{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
}

.player-name{
font-size:20px;
font-weight:700;
letter-spacing:0.3px;
line-height:1.1;
}

.player-id{
font-size:12px;
color:#6b7280;
}

/* ROLE BADGE */

.role{
padding:3px 10px;
border-radius:20px;
font-size:11px;
font-weight:700;
text-transform:uppercase;
}

.role-jungler{background:#facc15;color:#1f2430;}
.role-tank{background:#3b82f6;color:white;}
.role-fighter{background:#f97316;color:white;}
.role-assassin{background:#ef4444;color:white;}
.role-mage{background:#a855f7;color:white;}
.role-marksman{background:#22c55e;color:white;}
.role-support{background:#06b6d4;color:white;}

/* PERFORMANCE INDEX */

.index-box{
display:inline-flex;
align-items:center;
gap:7px;
padding:5px 10px;
border-radius:6px;
font-weight:700;
font-size:12px;
}

.index-tier{
font-size:13px;
font-weight:800;
}

.index-score-num{
font-size:11px;
font-weight:500;
opacity:0.75;
letter-spacing:0.2px;
}

.index-S{background:#16a34a;color:white;}
.index-A{background:#ca8a04;color:white;}
.index-B{background:#ea580c;color:white;}
.index-C{background:#92400e;color:white;}
.index-W{background:#dc2626;color:white;}

/* STAT BOX */

.stat-box{
display:grid;
grid-template-columns:110px auto;
row-gap:5px;
font-size:13px;
}

.stat-label{color:#6b7280;}
.stat-value{font-weight:600;color:#e5e7eb;}

/* WINRATE COLORS */

.wr-strong{color:#22c55e;}
.wr-good{color:#eab308;}
.wr-average{color:#f97316;}
.wr-weak{color:#ef4444;}

/* TEAM PARTICIPATION */

.tp-high{color:#22c55e;}
.tp-good{color:#eab308;}
.tp-mid{color:#f97316;}
.tp-low{color:#ef4444;}

/* HERO GRID */

.hero-col{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
}

/* HERO CARD */

.hero{
padding:8px 10px;
border-radius:8px;
border:1px solid rgba(255,255,255,0.06);
box-shadow:0 2px 4px rgba(0,0,0,0.4);
}

.hero-name{
font-size:15px;
font-weight:700;
margin-bottom:2px;
color:white;
}

.hero-stat{
font-size:11px;
color:rgba(255,255,255,0.8);
}

.hero-strong{background:#16a34a;}
.hero-good{background:#ca8a04;}
.hero-average{background:#ea580c;}
.hero-weak{background:#dc2626;}

/* ===================== */
/* LOGIN OVERLAY         */
/* ===================== */

#loginOverlay{
position:fixed;
inset:0;
background:#0b0e17;
z-index:9999;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}

#loginBg{
position:absolute;
inset:0;
width:100%;
height:100%;
}

.login-box{
position:relative;
z-index:1;
background:rgba(31,36,48,0.85);
backdrop-filter:blur(16px);
-webkit-backdrop-filter:blur(16px);
border-radius:16px;
padding:40px 36px;
width:100%;
max-width:360px;
box-shadow:0 20px 60px rgba(0,0,0,0.7);
border:1px solid rgba(43,49,66,0.8);
}

.login-logo{
text-align:center;
margin-bottom:20px;
}

.login-logo svg{
width:48px;
height:48px;
color:#facc15;
}

.login-title{
font-size:22px;
font-weight:700;
color:#facc15;
margin-bottom:6px;
text-align:center;
}

.login-subtitle{
font-size:13px;
color:#6b7280;
text-align:center;
margin-bottom:28px;
}

.login-label{
display:block;
font-size:12px;
font-weight:600;
color:#9ca3af;
text-transform:uppercase;
letter-spacing:0.5px;
margin-bottom:6px;
}

.login-input{
width:100%;
background:#252b3a;
border:1px solid #374151;
color:#e5e7eb;
padding:10px 14px;
border-radius:8px;
font-size:14px;
font-family:inherit;
box-sizing:border-box;
outline:none;
transition:border-color .2s,box-shadow .2s;
}

.login-input:focus{
border-color:#3b82f6;
box-shadow:0 0 0 3px rgba(59,130,246,0.15);
}

.login-input.error{
border-color:#ef4444;
box-shadow:0 0 0 3px rgba(239,68,68,0.15);
}

.login-btn{
width:100%;
background:#3b82f6;
color:white;
border:0;
padding:11px;
border-radius:8px;
cursor:pointer;
font-size:14px;
font-weight:600;
font-family:inherit;
margin-top:14px;
transition:background .2s;
}

.login-btn:hover{background:#2563eb;}

.login-btn:active{background:#1d4ed8;}

.login-error{
color:#ef4444;
font-size:12px;
text-align:center;
margin-top:10px;
display:none;
animation:shake .35s ease;
}

.login-error.show{display:block;}

@keyframes shake{
0%,100%{transform:translateX(0);}
20%{transform:translateX(-6px);}
60%{transform:translateX(6px);}
80%{transform:translateX(-3px);}
}

/* ===================== */
/* RESPONSIVE            */
/* ===================== */

@media(max-width:768px){

body{padding:16px;}

h1{font-size:22px;}

.header-container{flex-direction:column;gap:12px;}

.refresh-btn{width:100%;text-align:center;}

.table-container{padding:14px 10px;}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter{
float:none;
text-align:left;
margin-bottom:10px;
}

.dataTables_filter input{width:100%;box-sizing:border-box;}

/* CHILD TABLE: hide table, show cards on mobile */
.child-table-desktop{display:none!important;}
.mobile-player-cards{display:block!important;}

#scoutModal{padding:0;}

.modal-box{border-radius:0;min-height:100dvh;}

.modal-header{padding:14px 16px;}

.modal-title{font-size:15px;}

.modal-body{padding:12px 10px;}

.hero-col{grid-template-columns:1fr;}

.player-name{font-size:16px;}

.scout-table th,.scout-table td{padding:10px 8px;}

}

@media(max-width:480px){

body{padding:10px;}

h1{font-size:18px;}

.header-meta{font-size:12px;}

}