.match-cards:has(.turns-choice){grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.match-cards:has(.turns-choice) .mode-card{display:flex;flex-direction:column}.match-cards:has(.turns-choice) .mode-art{height:clamp(95px,22vh,220px);min-height:0;flex-shrink:0}.match-cards:has(.turns-choice) .mode-copy{padding:20px}.match-cards:has(.turns-choice) h2{font-size:clamp(20px,2vw,32px)}
.turn-handoff{margin:auto;max-width:760px;width:100%;padding:clamp(18px,4vh,40px);display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.turn-handoff h1{font-size:clamp(24px,4vw,46px)}.turn-handoff img{height:clamp(80px,20vh,180px);object-fit:contain}.turn-handoff p{color:#b9cce8;line-height:1.5}
.screen-turns{display:flex;flex-direction:column;gap:12px;min-height:0}.turn-roster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;flex-shrink:0}.turn-roster>div{display:flex;flex-direction:column;gap:5px;border:1px solid #44577b;background:#16243d;padding:10px;border-radius:12px;color:#b9cce8;min-width:0;overflow-wrap:anywhere}.turn-roster .current{border-color:#61e7eb;background:#203d53;box-shadow:0 0 14px #57cfdd25}.turn-roster span{font-size:11px}.turn-arena{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,32%);gap:16px;min-height:0;flex:1}.turn-arena>.race-player{min-height:0;height:100%;grid-column:auto;grid-row:auto}.turn-arena>.race-shared{min-height:0;gap:10px;padding:14px}.turn-arena .race-shared-reference{max-height:100px;flex-shrink:0}.turn-arena .race-shared-reference img{width:90px;max-height:90px;object-fit:contain}.turn-arena .race-shared p{font-size:12px;line-height:1.5;color:#b9c9e4}.turn-arena .race-needed{flex:1;min-height:0;height:auto;overflow:auto}.turn-arena .race-needed-item{width:100%;min-height:48px;flex-shrink:0}.turn-arena .race-needed-item small{display:block;font-size:10px;color:#aac6e8}#turn-clock{color:#a9eff3;font-size:20px}.turn-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;overflow:auto}.turn-result{padding:18px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.turn-result h2{font-size:23px}.turn-result .race-win-preview{height:180px;width:100%;position:relative;flex:none}.turn-result p{font-size:13px;color:#b9cce8;line-height:1.6}.screen-turns-results{overflow:auto;gap:18px}
@media(max-height:650px){.turn-roster>div{padding:6px}.turn-arena .race-shared-reference{max-height:65px}.turn-arena .race-shared-reference img{height:60px}.turn-arena .race-shared{gap:5px}.turn-arena .race-shared p{font-size:10px}.turn-arena .race-shared>.btn{min-height:34px;padding:7px}}
@media(max-width:650px) and (orientation:portrait){.match-cards:has(.turns-choice){grid-template-columns:1fr}.turn-roster{grid-template-columns:repeat(2,1fr)}.turn-arena{display:flex;flex-direction:column;flex:none}.turn-arena>.race-player{height:560px}.turn-arena>.race-shared{height:520px}.screen-turns{overflow:auto}.turn-handoff{margin:10px auto}}
@media(max-height:500px) and (orientation:landscape){.turn-arena .race-shared-reference{min-height:0;height:45px;flex-shrink:0}.turn-arena .race-shared-reference img{height:42px;width:55px}.turn-arena .race-shared-reference h2{font-size:12px}.turn-arena .race-shared>p{display:none}.turn-arena .race-needed{min-height:75px}.turn-arena .race-shared{padding:8px;gap:5px}.turn-arena .race-needed-item{min-height:40px}.turn-arena .race-shared>.btn{min-height:28px;padding:5px}#turn-clock{font-size:15px}}