/* Maps workspace: scoped layout, no dependency on legacy card spacing. */
#main>[data-p=maps]{--arena-accent:#e69aab;--arena-line:#ffffff12;gap:24px;grid-template-columns:minmax(0,1fr)}
#main>[data-p=maps]>.arena-mode-panel,#main>[data-p=maps]>.arena-library{padding:28px!important;border:1px solid var(--arena-line)!important;border-radius:16px!important;background:#17171c!important;overflow:hidden}
.arena-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.arena-kicker{display:block;font:9px/1.6 var(--mono);letter-spacing:1.5px;color:#b58a98}.arena-section-heading h2{font:500 28px/1.2 var(--sans);letter-spacing:-1px;margin:8px 0 9px;color:#eee9ee}.arena-section-heading p{font-size:11px;color:#9c93a5;margin:0;line-height:1.8}.arena-state,.arena-count{font-size:10px;color:#b9aebb;white-space:nowrap;border:1px solid #ffffff13;background:#ffffff03;padding:7px 11px;border-radius:30px}.arena-state:before{content:'';display:inline-block;width:5px;height:5px;background:#898394;border-radius:50%;margin-right:7px}.arena-state.is-online:before{background:#9dceb2}.arena-state.is-busy:before{background:#e4bb7b}
.arena-mode-track{position:relative;isolation:isolate}.arena-mode-indicator{position:absolute;inset:0 auto auto 0;border:1px solid #bf738a;border-radius:12px;background:linear-gradient(145deg,#6a31493d,#39253033);pointer-events:none;z-index:-1;box-shadow:inset 0 1px #f5c6d216,0 8px 24px #0002}
#main [data-p=maps] #modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#main [data-p=maps] #modes button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;padding:22px 20px;min-height:180px;border:1px solid #ffffff0e;border-radius:12px;background:linear-gradient(145deg,#ffffff04,transparent);position:relative;text-align:left;overflow:hidden;transition:border-color .2s,background-color .2s,transform .2s}
#main [data-p=maps] #modes button:after{display:none}#main [data-p=maps] #modes button:hover:not(:disabled){background-color:#ffffff04;border-color:#b7889b66;transform:translateY(-3px)}#main [data-p=maps] #modes button.sel{background:transparent;border-color:transparent}#main [data-p=maps] #modes .mode-symbol{display:grid;place-items:center;align-self:auto;width:38px;height:38px;margin-bottom:22px;background:#ffffff04;border-color:#ffffff13;color:#c5b8cc;border-radius:9px}#main [data-p=maps] #modes .mode-index{display:block;position:absolute;right:17px;top:23px;font:9px var(--mono);letter-spacing:.4px;color:#736677}#main [data-p=maps] #modes .mode-name{font-size:16px;align-self:auto;line-height:1.4;margin-bottom:7px}#main [data-p=maps] #modes .mode-caption{font-size:10px;line-height:1.7;padding:0;color:#9b8da6}#main [data-p=maps] #modes button.sel .mode-symbol{background:#68384b44;border-color:#a9657e66;color:#edb3c5}#main [data-p=maps] #modes button.sel .mode-name{color:#f5c5d3}#main [data-p=maps] #modeHint{margin:18px 0 0!important;padding:13px 0 0;border-top:1px solid #ffffff0b;font-size:10px;line-height:1.8}
.arena-library-body{display:grid;grid-template-columns:minmax(210px,280px) minmax(0,1fr);gap:28px;align-items:start}.arena-preview{background:#111116;border:1px solid #ffffff0e;border-radius:12px;overflow:hidden;min-width:0}.arena-preview-art{height:175px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#9a536529,transparent 70%),#1e1b24}.arena-traces{position:absolute;inset:0;width:100%;height:100%;stroke:#b185a0;stroke-width:.75;opacity:.2}.arena-preview-emblem{position:relative;color:#e7b1c4}.arena-preview-emblem .icon{width:65px;height:65px;filter:drop-shadow(0 8px 15px #0005)}.arena-art-caption{position:absolute;left:19px;bottom:15px;font:7px var(--mono);letter-spacing:1.5px;color:#a88c9f}.arena-preview-copy{padding:23px}.arena-preview-copy .arena-kicker{font-size:8px;letter-spacing:1px}#main .arena-preview-copy h3{font:500 27px/1.2 var(--sans);letter-spacing:-.8px;margin:9px 0 7px;overflow-wrap:anywhere}.arena-preview-copy code{display:block;font:9px var(--mono);color:#a58cae;overflow-wrap:anywhere}.arena-preview-copy p{font-size:10px;line-height:1.9;color:#a499ad;margin:19px 0 22px}.arena-preview-copy>button{width:100%;padding:12px 10px;background:#b95370;border-color:#c76b85;color:#fff;font-size:11px;justify-content:space-between}.arena-preview-copy>button:hover:not(:disabled){background:#c86683!important;border-color:#de829c!important}.arena-preview-copy>button:disabled{background:#342934;color:#baa4b9;border-color:#514053;opacity:.65}.arena-preview-copy>small{display:block;font-size:9px;line-height:1.8;color:#8f7f99;margin-top:12px}
.arena-catalog{min-width:0}.arena-catalog-toolbar{display:flex;align-items:center;gap:12px}.arena-search{display:flex;align-items:center;gap:9px;flex:1;min-width:0;border:1px solid #ffffff14;background:#101015;border-radius:8px;padding:0 13px}.arena-search:focus-within{border-color:#b67791}.arena-search>.icon{width:16px;height:16px;color:#9f8ea9}.arena-search input{width:100%;border:0;background:transparent;font-size:11px;padding:12px 0;outline:none!important;box-shadow:none}.arena-search input::-webkit-search-cancel-button{display:none}.arena-search button{padding:0;border:0;background:transparent;font-size:19px;color:#bca5c5;min-width:20px}.arena-view{display:flex;flex:none;padding:3px;gap:3px;border:1px solid #ffffff12;border-radius:8px;background:#111116}.arena-view button{width:32px;height:32px;padding:8px;background:transparent;border:0;border-radius:5px;color:#85798e}.arena-view button[aria-pressed=true]{background:#3c2a3b;color:#e0b3cb}.arena-view svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.2}.arena-catalog-hint{font-size:9px;color:#8f819a;margin:13px 0 16px}
#main [data-p=maps] #maps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:100%}#main [data-p=maps] #maps button{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;position:relative;min-height:89px;padding:17px 13px;gap:4px 9px;border:1px solid #ffffff0d;border-radius:9px;background:#1e1c24;overflow:hidden;text-align:left;min-width:0;max-width:none}#main [data-p=maps] #maps button:after{display:none}#main [data-p=maps] #maps button:hover{background:#28222f;border-color:#8b627c66}#main [data-p=maps] #maps button.is-selected{border-color:#c18ca4;background:#332330;box-shadow:inset 0 0 0 1px #c18ca422}#main [data-p=maps] #maps .map-emblem{grid-column:1;grid-row:1/3;width:27px;color:#b4a1c1}#main [data-p=maps] #maps .map-emblem .icon{width:26px;height:26px}#main [data-p=maps] #maps .map-name{grid-column:2;grid-row:1;align-self:end;font-size:12px;line-height:1.4;overflow-wrap:anywhere;color:#ded4e5;padding-right:8px}#main [data-p=maps] #maps .map-code{grid-column:2;grid-row:2;align-self:start;font:8px/1.6 var(--mono);color:#8f7b9e;overflow-wrap:anywhere}#main [data-p=maps] #maps button.cur{background:#202820;border-color:#59725b77}#main [data-p=maps] #maps button.cur .map-name{color:#c0d3b8}#main [data-p=maps] #maps button.cur .map-emblem{color:#9fbc94}#main [data-p=maps] #maps button.cur:after{content:'';display:block;position:absolute;right:10px;top:10px;width:4px;height:4px;border:0;background:#a9ce9c;border-radius:50%}#main [data-p=maps] #maps button.cur.is-selected{border-color:#aac397}#main [data-p=maps] #maps.arena-list{grid-template-columns:minmax(0,1fr)}#main [data-p=maps] #maps.arena-list button{min-height:61px;grid-template-columns:30px minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto;padding:13px 17px;align-items:center}#main [data-p=maps] #maps.arena-list .map-name{grid-column:2;grid-row:1;align-self:center}#main [data-p=maps] #maps.arena-list .map-code{grid-column:3;grid-row:1;align-self:center;text-align:right;padding-right:10px}.arena-no-results{padding:40px 20px;text-align:center;font-size:12px;color:#baa5c5;border:1px dashed #ffffff19;border-radius:10px}
.arena-workshop{margin-top:28px;border-top:1px solid #ffffff0c;padding-top:8px}.arena-workshop>summary{padding:15px 0!important;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#b6a6bf!important;font-size:11px!important}.arena-workshop>summary:after{display:none!important}.arena-workshop>summary>span{display:flex;gap:9px;align-items:center}.arena-workshop>summary>svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3;transition:transform .2s}.arena-workshop[open]>summary>svg{transform:rotate(180deg)}.arena-workshop>div{padding:4px 0 10px}.arena-workshop p{font-size:10px;color:#9f8aaa;margin:0 0 14px}.arena-workshop .workshop-row{padding:0;border:0;margin:0!important}.arena-workshop input{flex:1;min-width:0;width:0;font-size:11px}.arena-workshop button{font-size:10px}.arena-no-results[hidden],[data-p=maps] [hidden]{display:none!important}
#main>[data-p=maps]>.game-guide,#main>[data-p=maps]>.rush-actions,#main>[data-p=maps]>.chat-card{padding:24px;border-color:#ffffff0e;border-radius:12px}#main>[data-p=maps]>.shell-disclosure{margin:0}.arena-support-summary{display:block;font-size:10px;color:#9d8ca8;margin-top:8px}
@media(max-width:1250px){.arena-library-body{grid-template-columns:230px minmax(0,1fr);gap:20px}#main [data-p=maps] #maps{grid-template-columns:repeat(2,minmax(0,1fr))}#main [data-p=maps] #modes button{padding:19px 15px;min-height:185px}}
@media(max-width:1000px){#main [data-p=maps] #modes{grid-template-columns:repeat(2,minmax(0,1fr))}#main [data-p=maps] #modes button{min-height:145px;padding:20px}#main [data-p=maps] #modes .mode-symbol{margin-bottom:16px}.arena-library-body{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:650px){#main>[data-p=maps]>.arena-mode-panel,#main>[data-p=maps]>.arena-library{padding:20px!important;border-radius:12px!important}.arena-section-heading{align-items:start;gap:13px;margin-bottom:22px;flex-wrap:wrap}.arena-section-heading h2{font-size:25px}.arena-section-heading p{font-size:10px}.arena-kicker{font-size:8px;letter-spacing:1px}.arena-state,.arena-count{font-size:9px;padding:5px 9px}#main [data-p=maps] #modes{gap:9px}#main [data-p=maps] #modes button{min-height:164px;padding:17px 13px}#main [data-p=maps] #modes .mode-name{font-size:14px}#main [data-p=maps] #modes .mode-index{top:18px;right:11px;font-size:8px}#main [data-p=maps] #modes .mode-symbol{width:31px;height:31px;margin-bottom:19px}#main [data-p=maps] #modes .mode-symbol .icon{width:21px;height:21px}#main [data-p=maps] #modes .mode-caption{font-size:9px}.arena-library-body{grid-template-columns:minmax(0,1fr);gap:21px}.arena-preview{display:grid;grid-template-columns:95px minmax(0,1fr)}.arena-preview-art{height:100%;min-height:200px}.arena-preview-emblem .icon{width:45px;height:45px}.arena-art-caption{display:none}.arena-preview-copy{padding:18px}.arena-preview-copy p{margin:12px 0 14px;font-size:9px}#main .arena-preview-copy h3{font-size:24px}.arena-preview-copy>button{font-size:10px;padding:10px}.arena-preview-copy>small{font-size:8px}.arena-catalog-toolbar{gap:8px}.arena-search{padding-inline:10px}.arena-search input{font-size:10px}.arena-view button{width:29px;height:31px}#main [data-p=maps] #maps button{padding:14px 10px;grid-template-columns:24px minmax(0,1fr);gap:3px 6px;min-height:83px}#main [data-p=maps] #maps .map-name{font-size:11px}#main [data-p=maps] #maps .map-emblem{width:23px}#main [data-p=maps] #maps .map-emblem .icon{width:22px;height:22px}.arena-workshop{margin-top:21px}.arena-workshop>summary{font-size:10px!important}.arena-workshop .row{flex-direction:column;align-items:stretch}.arena-workshop input{flex:none!important;width:100%}#main>[data-p=maps]>.game-guide,#main>[data-p=maps]>.rush-actions,#main>[data-p=maps]>.chat-card{padding:20px}}
@media(max-width:370px){.arena-preview{grid-template-columns:minmax(0,1fr)}.arena-preview-art{min-height:110px;height:110px}.arena-preview-copy{padding:17px}#main [data-p=maps] #maps{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){#main [data-p=maps] #modes button:hover{transform:none}.arena-mode-indicator{transition:none}}
@media(forced-colors:active){.arena-mode-indicator{border-color:Highlight}#main [data-p=maps] #maps button.is-selected{outline:2px solid Highlight}}

.arena-help{border:1px solid #ffffff0e;border-radius:12px;background:#16151b;overflow:hidden}.arena-help>summary{display:flex;align-items:center;justify-content:space-between;padding:21px 24px!important;font-size:12px!important;color:#d9cadd!important;gap:15px}.arena-help>summary:after{display:none!important}.arena-help>summary small{display:block;font-size:9px;color:#94829e;margin-top:5px}.arena-help>summary>svg{width:17px;height:17px;fill:none;stroke:#a88a9e;stroke-width:1.4;transition:transform .2s}.arena-help[open]>summary>svg{transform:rotate(180deg)}.arena-help>.game-guide{margin:0;padding:22px 24px;border:0;border-top:1px solid #ffffff09;border-radius:0;background:transparent}

/* Real presentation artwork extracted from the installed game and Workshop. */
.arena-map-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.arena-preview-art.has-photo .arena-traces,.arena-preview-art.has-photo .arena-preview-emblem{visibility:hidden}.arena-preview-art.has-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}.arena-preview-art.has-photo .arena-art-caption{z-index:1;color:#fff;text-shadow:0 1px 4px #000;font-size:7px}
@media(max-width:650px){.arena-preview:has(.arena-map-photo){grid-template-columns:minmax(0,1fr)}.arena-preview:has(.arena-map-photo) .arena-preview-art{height:auto;min-height:0;aspect-ratio:16/9}.arena-preview:has(.arena-map-photo) .arena-art-caption{display:block}}