.match-browser,.tutorial-page{max-width:1200px;margin:auto}
.match-filters.content-panel{background:linear-gradient(135deg,#194a5a,#12384c)}
.extra-match-filters{margin-top:16px;border-top:1px solid #789eaa55;padding-top:8px}.extra-match-filters summary{cursor:pointer;color:#e4dfbd;font:700 12px var(--font);padding:10px 0;min-height:40px}.extra-match-filters summary:focus-visible{outline:3px solid #ffe3a2}
.room-entry-review+.room-map-note{display:block!important;font-size:11px;line-height:1.65}
.browse-card-body .early-start-summary{font:500 11px/1.5 var(--font);color:#bad2d5;margin:0 0 15px}
.room-start-rules{padding:18px 0 0;border-top:1px solid #7ba0a65c;margin-top:16px}.room-start-rules h3{font:800 14px var(--font);color:#ffdfa1;margin:0 0 12px}.room-start-rules>div{display:flex;justify-content:space-between;gap:12px;margin:9px 0;font:500 12px var(--font);color:#bbd1d2}.room-start-rules strong{color:#edf0dc;text-align:right}.room-start-rules p{font:500 11px/1.65 var(--font);color:#bbd1d2;margin:14px 0 0}
.room-roster:has(.room-start-rules)>ul{max-height:260px}
.match-browser .page-heading h1,.tutorial-page .page-heading h1{color:#ffe4a3}
.match-search-row{display:grid;grid-template-columns:210px 1fr auto;gap:18px;align-items:end}
.match-search-row label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:800;color:#e6eddc}
.match-search-row input,.room-entry-review input{width:100%;min-height:46px;background:#0e3547;border:1px solid #81a6ad;border-radius:8px;color:#fff2cf;padding:10px 12px;font:700 16px var(--font);user-select:text}
.match-search-row input::placeholder{color:#a8c5ce;font-size:13px;font-weight:500}
.match-search-row input[aria-invalid=true],.room-entry-review input[aria-invalid=true]{border-color:#ffac8f}
.match-search-row .primary{min-height:46px;white-space:nowrap}
.match-feedback{font-size:12px;color:#c4d7d7;margin:13px 0 20px;line-height:1.5}
.filter-section{display:flex;gap:18px;align-items:center;margin-top:12px}.filter-section>span{width:70px;flex-shrink:0;color:#b4ccd0;font-size:11px;font-weight:800}
.filter-chips{display:flex;gap:7px;flex-wrap:wrap}.filter-chips button{background:#123a4d;border:1px solid #658b98;border-radius:7px;color:#d5e4e0;padding:8px 12px;min-height:38px;font:700 12px var(--font)}
.filter-chips button[aria-pressed=true]{background:#ffe094;color:#4c3e24;border-color:#ffdf87;box-shadow:0 2px #b98c3d}
.filter-chips button:hover{border-color:#ffdf87}.filter-chips button:focus-visible,.practice-map:focus-visible{outline:3px solid #ffe3a2;outline-offset:3px}
.results-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:26px 0 14px}.results-heading strong{font-size:16px;color:#fff0c7}.results-heading span{font-size:12px;color:#cfdddd}
.lobby-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.browse-lobby{border:1px solid #81a3ab;border-bottom:4px solid #0a3147;border-radius:14px;overflow:hidden;background:#153e50;box-shadow:0 8px 20px #103d4b40}
.browse-map{height:155px;position:relative;overflow:hidden;background:#288999}.browse-map>svg{width:100%;height:100%;object-fit:cover}.browse-map:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#113b4df2);pointer-events:none}.browse-map h2{position:absolute;left:18px;bottom:13px;z-index:1;font:28px var(--heading);color:#fff0bd;margin:0;text-shadow:0 2px #163845}
.room-size{position:absolute;top:12px;left:12px;background:#123c4ce8;border:1px solid #acd1cf70;border-radius:6px;color:#eff0d7;padding:6px 9px;font:800 10px var(--font)}
.browse-card-body{padding:16px 18px 18px}.browse-format{display:block;font:700 11px var(--font);color:#b9d0d2;margin-bottom:16px}.lobby-entry,.lobby-prize{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin-bottom:12px}.lobby-entry>span,.lobby-prize>span{font-size:11px;color:#b9cfd0}.lobby-entry strong{font-size:18px;color:#ffe098}.lobby-entry small{font-size:10px;font-weight:500}.lobby-prize{display:block;margin:15px 0 18px;padding:12px;background:#103448;border:1px solid #63868b55;border-radius:8px}.lobby-prize strong{display:block;font-size:18px;color:#e8f0d7;margin-top:5px}.browse-card-body button{min-height:43px}
.show-more{display:block;margin:22px auto}.lobby-disclosure{max-width:920px;margin:24px 0;color:#d0dddd;font:500 12px/1.7 var(--font)}
.practice-maps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.practice-map{padding:0 0 16px;text-align:left;overflow:hidden;background:#12394c;border:1px solid #739ba3;border-radius:10px;color:#dfebdf;transition:transform .15s,border-color .15s}.practice-map:hover{transform:translateY(-3px);border-color:#ffdf97}.practice-map>svg{display:block;width:100%;height:130px}.practice-map strong{display:block;color:#ffe3a1;font:24px var(--heading);margin:12px 12px 4px}.practice-map span,.practice-map small{display:block;margin:0 12px;font:600 10px/1.5 var(--font)}.practice-map small{font-weight:400;color:#b7cfd1;margin-top:9px}
.room-map-art.chosen-map-art{background:#257f97;min-height:230px}.chosen-map-art>svg{position:absolute;inset:0;width:100%;height:100%}.chosen-map-art .room-map-title{bottom:18px;top:auto;left:24px;transform:none}.chosen-map-art .room-map-title h2{font-size:44px;text-shadow:0 3px 2px #163746}.chosen-map-art .room-map-tag{z-index:1}
.room-entry-review{padding:18px 22px;border-top:1px solid #6e98a05c}.room-entry-review label{display:block;font-size:12px;font-weight:800;color:#e7e9d7;margin-bottom:8px}.room-entry-review input{max-width:200px}.room-entry-review p{font-size:11px;line-height:1.6;color:#bbd1d2;margin:9px 0 0}.room-prize-range{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:16px}.room-prize-range span{font-size:11px;color:#c6d7d6}.room-prize-range strong{font-size:17px;color:#ffe198}.room-roster>ul{max-height:460px;overflow-y:auto;scrollbar-width:thin}
.tutorial-progress{display:flex;gap:9px;margin-bottom:24px}.tutorial-progress button{width:42px;height:42px;min-height:42px;border:1px solid #8eadb3;border-radius:9px;background:#153f51;color:#d6e3dc;font:900 15px var(--font)}.tutorial-progress button[aria-current=step]{background:#ffda7b;color:#493b20;border-color:#ffe8a1;box-shadow:0 3px #a88442}
.tutorial-card.content-panel{padding:0;overflow:hidden;display:grid;grid-template-columns:35% 1fr}.tutorial-art{position:relative;background:#218599;min-height:390px;overflow:hidden}.tutorial-art>svg{width:100%;height:100%;object-fit:cover;transform:scale(1.5)}.tutorial-art>span{position:absolute;bottom:24px;left:20px;right:20px;padding:12px;border:1px solid #a4c5ba8a;border-radius:8px;background:#143d50ed;color:#fff1c2;font:800 11px var(--font);letter-spacing:1px;text-align:center}.tutorial-copy{padding:32px}.tutorial-copy h2{font:34px var(--heading);color:#ffe3a1;margin:0 0 26px}.tutorial-copy h3{font:800 15px var(--font);color:#edf0dc;margin:0 0 7px}.tutorial-copy p{font:500 14px/1.7 var(--font);color:#c4d9d9;margin:0}.tutorial-copy section+section{margin-top:22px}.tutorial-actions{display:flex;justify-content:space-between;gap:16px;margin-top:22px}
body[data-screen=arena] .frontier-command input[type=range]{touch-action:none;cursor:pointer}.power-presets button[aria-pressed=true]{border-color:#ffdc87;color:#ffe8ae;background:#625f40}
@media(max-width:1050px){.lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.match-search-row{grid-template-columns:170px 1fr}.match-search-row .primary{grid-column:1/-1}.tutorial-card.content-panel{grid-template-columns:29% 1fr}.tutorial-copy{padding:25px}}
@media(max-width:600px){.match-browser .page-heading,.tutorial-page .page-heading{gap:12px;align-items:center}.match-browser .page-heading h1,.tutorial-page .page-heading h1{font-size:32px}.match-browser .page-heading p{font-size:12px}.match-browser .page-heading button,.tutorial-page .page-heading button{font-size:11px;min-height:40px;padding:9px 12px}.match-filters.content-panel{padding:17px}.match-search-row{grid-template-columns:1fr;gap:14px}.match-search-row label{font-size:11px}.match-search-row .primary{grid-column:auto;min-height:47px}.filter-section{display:block;margin-top:16px}.filter-section>span{display:block;margin-bottom:8px}.filter-chips{gap:6px}.filter-chips button{font-size:11px;min-height:40px;padding:8px 10px}.lobby-grid{grid-template-columns:1fr;gap:16px}.results-heading{align-items:baseline}.results-heading span{font-size:10px}.browse-map{height:170px}.browse-card-body{padding:17px}.lobby-prize{display:flex;align-items:center;gap:8px}.lobby-prize strong{font-size:17px;margin:0}.lobby-prize span{max-width:110px}.practice-maps{grid-template-columns:1fr}.practice-map{display:grid;grid-template-columns:112px 1fr;padding:0}.practice-map>svg{grid-column:1;grid-row:1/4;height:130px}.practice-map strong{margin-top:16px;font-size:23px}.practice-map small{margin-bottom:12px}.chosen-map-art .room-map-title h2{font-size:38px}.room-entry-review{padding:17px}.room-prize-range{display:block}.room-prize-range strong{display:block;margin-top:5px}.room-roster>ul{max-height:370px}.tutorial-progress{gap:6px;justify-content:space-between;margin-bottom:18px}.tutorial-progress button{width:34px;height:40px;min-height:40px;font-size:13px}.tutorial-card.content-panel{display:block}.tutorial-art{height:130px;min-height:130px}.tutorial-art>svg{position:absolute;inset:0;transform:scale(1.4)}.tutorial-art>span{bottom:14px;left:17px;right:auto;padding:9px 12px;font-size:9px}.tutorial-copy{padding:23px 20px}.tutorial-copy h2{font-size:29px;margin-bottom:22px}.tutorial-copy h3{font-size:14px}.tutorial-copy p{font-size:13px;line-height:1.65}.tutorial-actions button{min-height:45px}.lobby-disclosure{font-size:11px}}
@media(prefers-reduced-motion:reduce){.practice-map{transition:none}}
@media(max-width:600px){.match-search-row{grid-template-columns:1fr 1fr;gap:12px}.match-search-row .primary{grid-column:1/-1}.match-search-row label{min-width:0}.match-search-row input{min-width:0}.match-search-row input::placeholder{font-size:11px}.match-feedback{font-size:11px;margin-bottom:13px}.match-filters>.filter-section .filter-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.match-filters>.filter-section .filter-chips button{flex-shrink:0}}