.trio-mode{max-width:1200px;margin:auto}.trio-hero{display:flex;align-items:center;gap:28px;padding:24px;margin-bottom:20px;border:1px solid #355765;border-radius:20px;background:radial-gradient(at top left,#274b4a,#122334 75%)}.trio-hero>.mode-logo{width:190px;height:190px;object-fit:contain;flex:none}.trio-hero h1{font-size:clamp(24px,4vw,40px);margin:8px 0}.trio-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:18px 0}.trio-choices .ut-tile{padding:20px;min-width:0}.trio-selected{border:2px solid #c9f864!important;box-shadow:0 0 20px #c9f86418}.trio-choices h3{margin:0 0 8px}.trio-mode .btn{min-height:44px;white-space:normal}.trio-mode progress{width:100%;height:12px;accent-color:#b8f35b}.trio-table-scroll{max-width:100%;overflow-x:auto}.trio-table-scroll th,.trio-table-scroll td{padding:12px;text-align:left}.trio-match-heading .mode-logo,.trio-receipt .mode-logo{width:110px;height:110px;object-fit:contain;float:right}.trio-match-heading::after,.trio-receipt::after{content:'';display:block;clear:both}.trio-mode .panel p{line-height:1.65}.trio-mode .badge{letter-spacing:.08em}@media(max-width:600px){.trio-hero{flex-direction:column;text-align:center;gap:8px;padding:18px}.trio-hero>.mode-logo{width:155px;height:155px}.trio-choices{grid-template-columns:1fr}.trio-mode .ut-controls{display:flex;flex-wrap:wrap}.trio-mode .ut-controls .btn{flex:1}.trio-table-scroll th,.trio-table-scroll td{padding:10px 7px;font-size:12px}.trio-match-heading .mode-logo,.trio-receipt .mode-logo{width:82px;height:82px}}

.challenge-player{background:#254936;font-weight:600}.challenge-player td:nth-child(2){color:#d5f59a}