#main-nav{position:sticky;top:var(--board-height,0px);z-index:19;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:8px 10px;background:var(--bg);border-bottom:1px solid var(--edge);box-shadow:0 4px 10px #7d263018}
#main-nav button,#player-tabs button,#career-tabs button{min-width:0;border:1px solid var(--edge);border-radius:8px;background:var(--panel);color:var(--dim);font:700 12px var(--sans);padding:8px 3px;cursor:pointer;overflow-wrap:anywhere}
#main-nav button[aria-current="page"],#player-tabs button[aria-selected="true"],#career-tabs button[aria-selected="true"]{background:var(--panel2);border-color:var(--amber);color:var(--amber);box-shadow:inset 0 -2px 0 var(--amber)}
#view-host{display:flex;flex:1;min-height:0;flex-direction:column}.main-view{flex:1;min-width:0}.main-view[hidden]{display:none!important}
#view-home{display:flex;flex-direction:column}#view-home #log{flex:1}#view-home #act-toggle,#view-home #act{flex:none}
#view-player,#view-career{padding:12px 14px 24px}.ui-panel{background:var(--panel);border:1px solid var(--edge);border-radius:10px;padding:12px 14px;margin-bottom:10px;overflow-wrap:anywhere}
.ui-panel h2{font-size:15px;color:var(--amber);margin-bottom:8px}.ui-panel h3{font-size:12px;color:var(--dim);margin:10px 0 4px}.ui-data-list{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}.ui-data-list dt{color:var(--dim)}.ui-data-list dd{text-align:right;font-family:var(--mono)}
.ui-empty{color:var(--dim);font-size:13px}.ui-list{padding-left:20px}.ui-list li+li{margin-top:4px}
.ui-ability-guide{margin:-5px 0 8px;color:var(--dim);font-size:11px}.ui-ability-list dd{font-weight:700;color:var(--chalk)}
#player-tabs,#career-tabs{display:grid;gap:4px;margin-bottom:10px}#player-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}#career-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}#player-content:focus,#career-content:focus{outline:none}.ui-stat-level{padding:5px 0;border-bottom:1px solid var(--edge)}.ui-stat-level strong{font-size:12px}.ui-stat-level p{margin-top:2px}
.ui-yearly-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.ui-yearly-table{width:max-content;min-width:100%;border-collapse:collapse;font-size:12px}.ui-yearly-table th,.ui-yearly-table td{padding:5px;border-bottom:1px solid var(--edge);white-space:nowrap;text-align:left}.ui-yearly-table td:last-child{white-space:normal;min-width:180px}
@media(max-width:360px){#main-nav button,#player-tabs button,#career-tabs button{font-size:10.5px;padding:7px 2px}#main-nav{padding-inline:6px}}
