#triadAdminPage[hidden]{display:none!important}
#triadAdminPage [hidden]{display:none!important}
#triadAdminPage{position:fixed;inset:0;z-index:10020;overflow:auto;background:#10141a;color:#edf0f3;font-family:"Arial Narrow","Segoe UI",sans-serif;font-size:16px;line-height:1.45}
.ta-open{overflow:hidden}
.ta-header{display:flex;align-items:center;gap:28px;padding:20px 32px;border-bottom:1px solid #3a4351;background:#161d29}
.ta-header img{object-fit:contain}.ta-header h1{font-family:Impact,sans-serif;font-size:32px;font-style:normal;line-height:1.2;letter-spacing:.02em}.ta-header a{margin-left:auto;color:#7acdd0}
.ta-content{max-width:1600px;margin:0 auto;padding:28px 32px 64px}
.ta-content h2{font-size:28px;margin:28px 0 18px}.ta-content h3{font-size:24px;margin:16px 0}
.ta-content label{display:grid;gap:6px;color:#b5bfcc;font-size:14px;font-weight:400;letter-spacing:0}
.ta-content input,.ta-content select,.ta-content button,.ta-header a{font:inherit;min-height:42px;box-sizing:border-box}
.ta-content input,.ta-content select{border:1px solid #465164;background:#1d2737;color:#edf0f3;padding:9px 12px;border-radius:0;max-width:100%}
.ta-content button{border:1px solid #465164;background:#202a38;color:#edf0f3;padding:8px 14px;cursor:pointer;border-radius:0;letter-spacing:0}
.ta-content button:hover{background:#2c3c4e}.ta-content button:focus-visible,.ta-content input:focus-visible,.ta-content select:focus-visible,.ta-header a:focus-visible{outline:2px solid #7acdd0;outline-offset:3px}
.ta-content button:disabled{opacity:.55;cursor:wait}
.ta-search,.ta-filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.ta-search label{flex:0 1 360px}.ta-filters label:last-of-type{flex:1;min-width:180px}
.ta-search button,.ta-filters>button{background:#7acdd0;color:#10141a;border-color:#7acdd0;font-weight:700}
.ta-player-results{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.ta-player-results:empty{display:none}
.ta-tabs{display:flex;gap:8px;border-bottom:1px solid #465164;margin-top:24px}.ta-tabs button{border:0;background:transparent;border-bottom:3px solid transparent}.ta-tabs button[aria-pressed=true]{border-bottom-color:#7acdd0;color:#7acdd0}
.ta-note{color:#aeb9c8;font-size:14px;margin:16px 0 22px;max-width:900px}
.ta-table-scroll{max-width:100%;overflow-x:auto;border-top:1px solid #465164}.ta-table-scroll table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;table-layout:auto}
.ta-table-scroll th{color:#b5bfcc;font-size:12px;text-transform:uppercase;letter-spacing:.05em;background:#161d29;white-space:nowrap}
.ta-table-scroll th,.ta-table-scroll td{padding:13px 14px;vertical-align:top;border-bottom:1px solid #323d4a}.ta-table-scroll td:first-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.ta-table-scroll td p{margin:0 0 6px}.ta-table-scroll td button{font-size:13px;min-height:34px;padding:5px 10px}.ta-table-scroll summary{color:#7acdd0;cursor:pointer}
.ta-outcome{font-weight:700}.ta-rejected{color:#ff9f9f}.ta-replayed{color:#e6c679}.ta-accepted{color:#7acdd0}
.ta-content pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:640px;font-size:12px;line-height:1.6;background:#0c1016;padding:12px;border:1px solid #323d4a;margin:12px 0}
.ta-match-detail{border-top:2px solid #7acdd0;padding-top:20px;margin-top:32px}.ta-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;max-width:520px;margin:20px 0}.ta-board>div{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px;background:#1b2330;min-height:110px;border:1px solid #465164;overflow-wrap:anywhere}.ta-board small,.ta-board span{font-size:12px;color:#b5bfcc}.ta-board .ta-side-0{border-color:#7acdd0}.ta-board .ta-side-1{border-color:#ff7d8b}
.ta-admin-link{display:block;padding:12px 0;color:#7acdd0;font-size:16px}
.ta-admin-link[hidden]{display:none!important}
@media(max-width:700px){.ta-header{padding:16px;gap:12px;flex-wrap:wrap}.ta-header img{width:105px;height:35px}.ta-header h1{font-size:26px}.ta-header a{font-size:14px}.ta-content{padding:20px 16px 48px}.ta-search label{flex:1 1 100%}.ta-search button{width:100%}.ta-filters{gap:12px}.ta-filters label{flex:1 1 calc(50% - 12px);min-width:0}.ta-filters>button{width:100%}.ta-table-scroll th,.ta-table-scroll td{padding:10px}.ta-board>div{padding:8px;min-height:100px}}
