.tournament-menu{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:10px 0}.tournament-menu .secondary-button{font-size:10px;padding:12px;color:#ffe072;border:2px solid #c4a34e;background:#0d2355}
#tournament-dialog{box-sizing:border-box;width:min(780px,96vw);max-height:92dvh;overflow:auto;padding:30px 25px;background:linear-gradient(135deg,#071331,#163d85);color:#fff2bc;border:4px solid #ffd856;font-family:ArcadePixel,monospace;box-shadow:7px 7px #0008}
#tournament-dialog::backdrop{background:#000b}#tournament-dialog h2{font-family:ArcadePixel,monospace;font-size:clamp(18px,4vw,30px);color:#ffdb52;text-shadow:3px 3px #a84422;line-height:1.5;margin:14px 0}
#tournament-dialog p{font-size:9px;line-height:2}#tournament-dialog small{font-size:7px;line-height:1.9;display:block;color:#b5ccef}#tournament-dialog button{cursor:pointer}#tournament-dialog .start-button{font-size:11px;min-height:46px;padding:14px;margin:12px 0;width:100%}
#tournament-dialog .secondary-button{font-size:9px;min-height:44px}#tournament-dialog .dialog-close{font-size:25px;color:#fff;background:#172751;border:1px solid #aec3ed;float:right;position:sticky;top:0}
.tournament-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.tournament-fields label{font-size:8px;line-height:2}.tournament-fields input{box-sizing:border-box;display:block;width:100%;border:2px solid #82b8f8;background:#06152d;color:#fff;font-size:16px;padding:12px;font-family:Arial,sans-serif}
#tournament-entry fieldset{padding:12px;border:1px solid #5a87ca}#tournament-entry legend{font-size:9px;padding:5px}.tournament-roster{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.tournament-roster label{cursor:pointer;position:relative;min-width:0;border:3px solid #5884bc;background:#1e4180;text-align:center}.tournament-roster label:has(input:checked){border-color:#ffdc45;background:#4769b3}.tournament-roster label:focus-within{outline:2px solid white;outline-offset:2px}.tournament-roster input{position:absolute;top:3px;left:3px;margin:0;width:16px;height:16px;accent-color:#ffdc45}.tournament-roster img{display:block;image-rendering:pixelated;width:100%;height:75px;object-fit:cover;object-position:top}.tournament-roster span{display:block;font-size:7px;padding:7px 1px}
.tournament-consent{display:block;font-size:8px;line-height:2;margin:16px 0}.tournament-consent input{width:20px;height:20px;vertical-align:middle;margin-right:9px;accent-color:#ffdc45}#tournament-message{color:#ffe184}#national-ranking{overflow-x:auto;margin:20px 0;font-size:9px;line-height:1.8}#national-ranking table{width:100%;border-collapse:collapse;text-align:left}#national-ranking td,#national-ranking th{padding:12px 6px;border-bottom:1px solid #7194c5;font-size:8px;line-height:1.8}#national-ranking th{color:#ffdc45}.tournament-progress{position:absolute;z-index:7;top:5px;left:50%;transform:translateX(-50%);font-size:8px;background:#061334df;color:#ffe277;padding:7px;white-space:nowrap;border:1px solid #a2813b;max-width:98%;box-sizing:border-box}
@media(max-width:700px){.tournament-menu{gap:5px;margin:5px 0}.tournament-menu .secondary-button{font-size:6px;padding:8px;min-height:34px}.intro .start-hint{font-size:5px}.tournament-progress{font-size:5px;padding:5px;top:2px}#tournament-dialog{padding:18px 12px}#tournament-dialog p{font-size:7px}.tournament-fields{grid-template-columns:1fr;gap:9px;margin:10px 0}.tournament-roster{gap:4px}.tournament-roster img{height:55px}.tournament-roster span{font-size:5px}.tournament-roster input{width:12px;height:12px}.tournament-consent{font-size:7px}#tournament-dialog small{font-size:6px}#national-ranking td,#national-ranking th{font-size:6px;padding:10px 4px}}

.tournament-playing .round-dots{visibility:hidden}
.tournament-kind,.ranking-tabs{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap}.tournament-kind label,.ranking-tabs button{flex:1;min-width:150px;padding:14px 10px;border:2px solid #628cce;background:#102957;color:#fff0ba;font:9px/1.8 ArcadePixel,monospace;cursor:pointer}.tournament-kind label:has(:checked),.ranking-tabs button[aria-pressed=true]{border-color:#ffdc45;background:#284d89}.tournament-kind input{accent-color:#ffdc45}#avatar-editor{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:18px}.avatar-preview{align-self:start;text-align:center;position:sticky;top:35px}.avatar-preview canvas{display:block;width:100%;height:auto;image-rendering:pixelated;border:2px solid #779dde;box-sizing:border-box}.avatar-preview strong{display:block;font-size:10px;line-height:2;margin-top:8px;color:#ffdf5f}.avatar-preview span{font-size:6px;line-height:2}.avatar-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.avatar-fields label{min-width:0;font-size:7px;line-height:2}.avatar-fields input,.avatar-fields select{box-sizing:border-box;display:block;width:100%;min-height:44px;background:#071a3c;border:2px solid #6c9bd3;color:#fff;padding:8px;font:16px Arial,sans-serif}.avatar-fields label:first-child,.avatar-fields label:last-of-type,.avatar-note{grid-column:1/-1}.avatar-fields .avatar-note{font-size:7px;line-height:2;color:#bed6f7}#category-explanation{color:#ffdb5c}[hidden]{display:none!important}
@media(max-width:520px){#avatar-editor{grid-template-columns:1fr;gap:16px}.avatar-preview{position:static;max-width:210px;width:100%;margin:auto}.avatar-preview canvas{max-height:245px;object-fit:contain;background:#061331}.avatar-fields{gap:12px 9px}.avatar-fields label{font-size:6px}.tournament-kind label,.ranking-tabs button{font-size:7px;min-width:110px;padding:10px 7px}.avatar-preview strong{font-size:8px}}
.tournament-fields{grid-template-columns:1fr}
.tournament-roster{grid-template-columns:repeat(12,minmax(0,1fr))}.tournament-roster label{grid-column:span 2}.tournament-roster label:nth-child(7){grid-column:auto/span 2}
@media(max-width:700px){.tournament-roster{grid-template-columns:repeat(8,minmax(0,1fr))}.tournament-roster label:nth-child(7){grid-column:auto/span 2}.tournament-roster label:nth-child(9){grid-column:auto/span 2}}