/* 10.11.16: classic chooser and computer setup. No game authority here. */
#matchModeModal { padding:0 !important; overflow:hidden !important; background:#15070b !important; backdrop-filter:none !important; }
#matchModeModal, #matchModeModal * { box-sizing:border-box; }
#matchModeModal [hidden] { display:none !important; }
#matchModeModal .classic-lobby-v1063 { position:relative; isolation:isolate; width:min(100vw,1540px); height:calc(100 * var(--app-vh,1dvh)); display:grid; grid-template-rows:minmax(var(--v14-header),max-content) 23% minmax(0,1fr); justify-items:center; gap:0; padding:0 3vw calc(4 * var(--app-vh,1dvh)); color:var(--v14-text); background:linear-gradient(#18080bb0,#140307ef),url('murlan-v1063-classic-lobby-bg.png') center/cover no-repeat; }
#matchModeModal .classic-lobby-header { display:none; }
#matchModeModal .classic-lobby-title { position:relative; width:100%; display:grid; place-items:center; padding:0 14%; text-align:center; }
#matchModeModal .classic-lobby-title .eyebrow { display:none; }
#matchModeModal .classic-lobby-title h2 { margin:0 0 10px; color:#f6e8d1; font:700 clamp(26px,3.5vw,46px)/1.1 'Playfair Display',Georgia,serif; text-transform:capitalize; }
#matchModeModal .classic-title-divider { display:block; height:14px; margin:0 0 5px; color:#c7a05b; font:normal 16px/1 Georgia; }
#matchModeModal #matchModeSubtitle { margin:0; color:#bcaa91; font:400 clamp(9px,1.1vw,14px)/1.5 Manrope; }
#matchModeModal .classic-lobby-back { position:absolute; left:1%; top:20%; display:grid; place-items:center; width:clamp(28px,3.5vw,43px); height:clamp(28px,3.5vw,43px); border:1px solid #78512c55; border-radius:50%; padding:0; background:#2d1415a6; color:#dcb56d; font-size:0 !important; }
#matchModeModal .classic-lobby-back::before { position:static; width:45%; height:45%; }
#matchModeModal .classic-lobby-table { width:min(85%,1060px); min-height:0; display:grid; grid-template-rows:minmax(0,1fr) auto; gap:calc(3 * var(--app-vh,1dvh)); border:0; padding:0; background:transparent; box-shadow:none; }
#matchModeModal .match-choice-tabs { min-height:0; display:grid; grid-template-columns:1fr 1fr; gap:2.5vw; margin:0; }
#matchModeModal .match-choice-tabs button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:calc(1.3 * var(--app-vh,1dvh)); min-width:0; min-height:0; padding:14px; border:1px solid #80543688; border-radius:9px; background:linear-gradient(#1f0a1099,#100307e6); color:#f2e6cf; }
#matchModeModal .match-choice-tabs button > span { display:grid; place-items:center; width:clamp(35px,6vw,75px); height:clamp(35px,6vw,75px); color:#d1a75c; }
#matchModeModal .match-choice-tabs button > span::before { width:100%; height:100%; }
#matchModeModal .match-choice-tabs strong { font:700 clamp(15px,1.9vw,25px) Manrope; }
#matchModeModal .match-choice-tabs small { color:#b5a18b; font:400 clamp(9px,1.05vw,14px)/1.4 Manrope; }
#matchModeModal .match-choice-tabs b { display:grid; place-items:center; width:66%; min-height:clamp(30px,calc(6.4 * var(--app-vh,1dvh)),46px); margin-top:4px; border:1px solid #dcba71; border-radius:999px; background:linear-gradient(#edce7d,#be8e40); color:#321d11; font:800 clamp(10px,1.15vw,15px) Manrope; letter-spacing:.05em; }
#matchModeModal .classic-lobby-content { display:contents; }
#matchModeModal #matchEntrants { display:none; }
#matchModeModal .random-config-panel { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px; min-width:0; border:0; padding:0; }
#matchModeModal .random-config-panel label { display:flex; align-items:center; gap:10px; color:#c7b79e; font:500 clamp(9px,1.03vw,13px) Manrope; text-transform:none; }
#matchModeModal .random-config-panel > label > span { display:none; }
#matchModeModal .random-config-panel label b { font-weight:500; }
#matchModeModal .random-player-count, #matchModeModal .computer-count { display:flex; align-items:center; gap:0; padding:3px; border:1px solid #8f663b66; border-radius:999px; background:#180a0b; }
#matchModeModal .random-player-count button, #matchModeModal .computer-count button { display:grid; place-items:center; min-width:clamp(32px,4.2vw,53px); min-height:clamp(27px,calc(5.5 * var(--app-vh,1dvh)),38px); border:0; border-radius:999px; padding:3px 12px; background:transparent; color:#cbb786; font:700 clamp(10px,1.2vw,15px) Manrope; }
#matchModeModal .random-player-count button.active, #matchModeModal .computer-count button.active { background:linear-gradient(#f0d183,#c9984e); color:#301d12; }
#matchModeModal .random-skill { margin-left:3vw; }
#matchModeModal .random-skill span { display:none; }
#matchModeModal select { min-width:130px; max-width:22vw; min-height:clamp(29px,calc(6 * var(--app-vh,1dvh)),42px); padding:4px 14px; border:1px solid #82603b77; border-radius:999px; background:#15080b; color:#cebea4; font:400 clamp(10px,1.1vw,14px) Manrope; }
#matchModeModal .classic-lobby-footer { display:none; }
#matchModeModal[data-choice='computer'] .classic-lobby-v1063 { grid-template-rows:minmax(var(--v14-header),max-content) 25% minmax(0,1fr); }
#matchModeModal[data-choice='computer'] .classic-title-divider, #matchModeModal[data-choice='computer'] .match-choice-tabs { display:none; }
#matchModeModal[data-choice='computer'] .classic-lobby-table { width:94%; grid-template-rows:minmax(0,1fr) auto; gap:calc(5 * var(--app-vh,1dvh)); padding:0 2vw; }
#matchModeModal .computer-config-panel { display:flex; min-height:0; }
#matchModeModal .config-heading { display:none; }
#matchModeModal .difficulty-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.4vw; width:100%; min-height:0; }
#matchModeModal .difficulty-cards button { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:calc(2 * var(--app-vh,1dvh)); min-width:0; min-height:0; padding:14px 8px; border:1px solid #65423366; border-radius:8px; background:#13070acc; color:#eadbc4; }
#matchModeModal .difficulty-cards button.active { border-color:#c39a5a; background:linear-gradient(135deg,#62402577,#2a1212); box-shadow:inset 0 0 25px #c8972e0a; }
#matchModeModal .difficulty-cards b { font:700 clamp(13px,1.65vw,21px) Manrope; }
#matchModeModal .difficulty-cards small { color:#a28b79; font:400 clamp(8px,.93vw,12px)/1.4 Manrope; text-align:center; }
#matchModeModal .difficulty-cards em { display:none; }
#matchModeModal .v14-skill { display:flex; align-items:end; gap:5px; height:clamp(28px,5vw,58px); color:#63666b; }
#matchModeModal .v14-skill span { width:clamp(7px,.8vw,11px); height:40%; border-radius:2px; background:currentColor; }
#matchModeModal .v14-skill span:nth-child(2) { height:68%; }
#matchModeModal .v14-skill span:nth-child(3) { height:100%; }
#matchModeModal [data-ai-level='normal'] .v14-skill { color:#e4b951; }
#matchModeModal [data-ai-level='hard'] .v14-skill { color:#873347; }
#matchModeModal [data-ai-level='expert'] .v14-skill { color:#a2384c; }
#matchModeModal[data-choice='computer'] .classic-lobby-footer { display:grid; grid-template-columns:1fr 1fr; gap:3vw; align-items:center; padding:0 4vw; }
#matchModeModal .v14-computer-count-group { display:flex; gap:15px; align-items:center; justify-content:center; min-width:0; }
#matchModeModal .v14-computer-count-group > span { color:#c7b79e; font:500 clamp(9px,1.05vw,14px) Manrope; white-space:nowrap; }
#matchModeModal .classic-play-btn { display:grid; place-items:center; width:100%; min-height:clamp(34px,calc(7 * var(--app-vh,1dvh)),50px); padding:6px 20px; border:1px solid #e2bc72; border-radius:999px; background:linear-gradient(#efd486,#c39447); box-shadow:inset 0 1px 0 #fff6; color:#321c10; }
#matchModeModal .classic-play-btn > span { display:none; }
#matchModeModal .classic-play-btn > b { font:800 clamp(11px,1.25vw,17px) Manrope; letter-spacing:.07em; }
#matchModeModal .functional-pane { display:none; }
#matchModeModal .v14-private-entry { position:absolute; right:4%; top:calc(var(--v14-header) + 10px); padding:5px 10px; border:0; background:transparent; color:#b89b69; font:600 clamp(9px,1vw,12px) Manrope; }
#matchModeModal[data-choice='friends'] .classic-lobby-v1063 { display:flex; flex-direction:column; overflow:auto; }
#matchModeModal[data-choice='friends'] .classic-lobby-title { min-height:90px; }
#matchModeModal[data-choice='friends'] .classic-lobby-table { flex:1; }
#matchModeModal[data-choice='friends'] .match-choice-tabs { display:none; }
#matchModeModal[data-choice='friends'] #matchEntrants { display:grid; gap:8px; }
#matchModeModal[data-choice='friends'] .classic-lobby-footer { display:flex; justify-content:center; }
#matchModeModal[data-choice='friends'] .v14-computer-count-group { display:none; }
#matchModeModal[data-choice='friends'] .functional-pane[data-match-pane='friends']:not([hidden]) { display:block; width:85%; margin-top:12px; padding:12px; border:1px solid #79583c; border-radius:8px; background:#180a0d; }
#matchModeModal .match-entrant { display:grid; grid-template-columns:35px 1fr auto; align-items:center; gap:10px; border:1px solid #79583c66; border-radius:7px; padding:7px; color:#e9d3a1; background:#16080b; }
#matchModeModal .match-entrant > i { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#d8ad5e; color:#35200d; }
#matchModeModal .match-entrant small { padding-left:10px; color:#a48e75; }
#matchModeModal .entrant-ready { color:#56c48c; font-size:11px; }
#matchModeModal .entrant-invite { border:1px solid #a98347; border-radius:999px; background:transparent; color:#cfb271; padding:5px 15px; font-size:10px; }
#matchModeModal .entrant-invite span { display:none; }
@media (max-height:360px) and (orientation:landscape) { #matchModeModal .classic-lobby-title h2 { margin-bottom:5px; } #matchModeModal .match-choice-tabs button { gap:3px; padding:7px; } #matchModeModal .match-choice-tabs button > span { width:34px; height:34px; } #matchModeModal .classic-lobby-table { gap:9px; } #matchModeModal .random-config-panel { gap:7px; } #matchModeModal .random-skill { margin-left:8px; } #matchModeModal .difficulty-cards button { gap:7px; } }
@media (orientation:portrait) { #matchModeModal .classic-lobby-table { width:100%; } #matchModeModal .match-choice-tabs { grid-template-columns:1fr; } #matchModeModal .difficulty-cards { grid-template-columns:1fr 1fr; } #matchModeModal[data-choice='computer'] .classic-lobby-footer { grid-template-columns:1fr; } #matchModeModal .random-skill { margin-left:0; } }