/* Café esports: isolated modal theme; no global game/UI overrides. */
.modal.es-modal{width:min(900px,calc(100vw - 28px));max-width:900px;padding:0;border:2px solid #4d6577;background:#101b29;color:#edf2eb;border-radius:15px;max-height:calc(100dvh - 24px);overflow:hidden;text-align:left}
.es{--etext:#edf2eb;--emuted:#a7bac8;--eline:#354b5e;--egold:#f3ce7d;--ecyan:#76dfd1;font:13px/1.5 var(--font);color:var(--etext)}
.es *{box-sizing:border-box}.es h2,.es h3,.es p{margin:0;text-align:left}.es h2{font:800 21px/1.3 var(--display);color:var(--etext)}.es h3{font:700 16px/1.3 var(--font);color:var(--etext)}.es p{font-size:12px;color:var(--emuted);margin:10px 0}.es small{font-size:11px;color:var(--emuted)}
.ehead{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--eline);gap:10px;background:linear-gradient(110deg,#233c4c,#192435)}.ehead small{color:var(--ecyan);font-size:9px;letter-spacing:1.6px}.ehud{padding:10px 20px;display:flex;gap:16px;align-items:center;font-size:11px;background:#0c1622}.ehud b{margin-right:auto;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ehud span{white-space:nowrap;color:var(--egold)}
.enav{display:flex;gap:6px;padding:10px 20px;border-bottom:1px solid var(--eline);overflow-x:auto}.ebody{padding:16px 20px;overflow:auto;max-height:calc(100dvh - 245px);scrollbar-color:#456172 #152331;overscroll-behavior:contain}.ebtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 13px;border:1px solid #4a6377;border-radius:7px;background:#25384b;color:var(--etext);font:600 12px/1.3 var(--font);cursor:pointer;white-space:normal;box-shadow:0 2px 0 #08121b;touch-action:manipulation}.ebtn:hover{background:#355168}.ebtn:active{transform:translateY(1px)}.ebtn:disabled{opacity:.42;cursor:not-allowed}.ebtn.on{background:#22535b;color:#c8fff4;border-color:var(--ecyan)}.ebtn.primary{background:var(--egold);color:#2a281c;border-color:#ffe4ac;box-shadow:0 3px 0 #816536}.ebtn.quiet{background:transparent;box-shadow:none;margin-top:8px}.ebtn.close{font-size:24px;min-width:44px;padding:3px}.es :is(button,select,summary):focus-visible{outline:3px solid #85cfff;outline-offset:2px}.enav .ebtn{flex:1;min-width:74px;font-size:11px;padding:6px}
.ecard{border:1px solid var(--eline);border-radius:10px;padding:14px;background:linear-gradient(125deg,#1c2e3e,#152331);margin-bottom:12px}.etitle,.ematch-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.echip{font-size:10px;white-space:nowrap;padding:4px 7px;border:1px solid #4b6377;border-radius:4px;color:#c4d7e2}.echip.green{color:#aff7d3;border-color:#548979;background:#20473d}.eplayer{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--eline)}.eplayer:last-child{border:0}.eplayer .erole{font-size:12px;width:33px;color:#92aec3;flex:none}.eavatar{display:block;width:42px;height:50px;image-rendering:pixelated;object-fit:contain;border:1px solid #658093;border-radius:6px;background:linear-gradient(120deg,#3a5565,#203342);flex:none}.eavatar.empty{display:grid;place-items:center;font-size:25px;color:#8095a6}.eplayer-info{min-width:0;flex:1}.eplayer-info small{display:block;margin-top:3px}.es select{min-height:44px;width:100%;font:12px var(--font);padding:7px;border:1px solid #536d80;border-radius:6px;background:#102031;color:#edf4ee}.es select:disabled{opacity:.6}.eplayer .ebtn{padding:7px;font-size:10px}.efoot{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:14px;padding-bottom:5px}.efoot small{max-width:60%}.efoot .primary{margin-left:auto}.elabel{font-size:11px;color:var(--emuted);display:block;margin:7px 0}.echoices{display:flex;gap:7px;margin:12px 0}.echoices .ebtn{flex:1;min-width:0}.erow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--eline);font-size:12px}.erow:last-child{border:0}.erow>span{min-width:0}.erow>b{white-space:nowrap}.erow.self{color:var(--egold)}.edetails{border:1px solid var(--eline);border-radius:8px;padding:0 12px;margin-top:14px;background:#162735}.edetails summary{min-height:44px;padding:12px 0;cursor:pointer;font-size:12px}.edetails .erow{font-size:11px}.edetails .ebtn{margin:12px 0}.echamp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.echamp-grid .ebtn{flex-direction:column;padding:12px 4px}.echamp-grid b{font-size:12px}.echamp-grid small{font-size:10px}.eicon{display:grid;place-items:center;color:var(--ec,#9dbecc);width:45px;height:48px;border:1px solid currentColor;border-radius:8px;background:linear-gradient(135deg,#405064,#152535)}.eicon svg{width:32px;height:34px;filter:drop-shadow(0 2px 1px #0008)}.escore{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;padding:0 4px}.escore>div{flex:1}.escore>div:last-child{text-align:right}.escore b{font-size:13px}.escore small{display:block;color:var(--ecyan);font-size:11px}.escore strong{font:800 32px var(--display);color:var(--egold);white-space:nowrap}.elive-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:12px}.emap-card{padding:0;overflow:hidden}.emap{position:relative}.emap svg{display:block;width:100%;height:auto}.emap>small{position:absolute;bottom:4px;left:5px;background:#092122bd;padding:3px;color:#c6e8d9;font-size:8px}.etoken{position:absolute;transform:translate(-50%,-50%);width:26px;height:29px;border:2px solid #7dccf4;border-radius:50%;background:#27394e;image-rendering:pixelated;object-fit:contain;box-shadow:0 0 8px #0b1829}.etoken.enemy{font-size:7px;font-weight:800;display:grid;place-items:center;border-color:#ed9793;background:#512e38;color:#ffe1dd}.eobjectives{display:flex;gap:8px;justify-content:space-around;padding:10px 6px;font-size:9px}.elog{max-height:190px;overflow:auto}.elog>div{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--eline);font-size:11px}.elog time{font-size:10px;color:var(--ecyan);flex:none}.ecall{border:1px solid #c4a269;background:#453927;padding:12px;border-radius:7px}.ecall>b{color:#ffe1a4;font-size:12px}.ecall .echoices{flex-wrap:wrap}.ecall .ebtn{font-size:10px;min-width:70px;padding:6px}.ecall small{color:#ddc9a6;font-size:10px}.ebig{font:800 58px/1.2 var(--display);color:var(--egold);margin:10px}.es .ecenter{text-align:center}.es .ecenter h3{text-align:center}.es .ecenter p{text-align:center}.es .evictory{font-size:24px;color:var(--egold);margin-top:12px}.emvp{display:flex;align-items:center;gap:14px;margin-top:16px;padding:14px;background:linear-gradient(100deg,#453b2a,#203141);border:1px solid #857452;border-radius:8px}.emvp>div{display:grid;gap:3px}.emvp>div>span{font-size:11px;color:#d8caa9}.estat{display:grid;grid-template-columns:90px 1fr 25px;align-items:center;gap:8px;margin:12px 0;font-size:12px}.estat meter{width:100%;height:9px;accent-color:var(--ecyan)}.modal.es-profile{background:#162636;border-color:#527087;max-width:420px}.es table{width:100%;font-size:11px;border-collapse:collapse}.es th,.es td{text-align:left;padding:10px 4px;border-bottom:1px solid var(--eline)}
@media(max-width:600px){.modal.es-modal{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:12px}.ehead{padding:12px}.es h2{font-size:17px}.ehead small{font-size:8px}.ehud{padding:8px 12px;gap:10px;font-size:10px}.enav{padding:8px 10px;gap:5px}.enav .ebtn{min-width:65px;font-size:10px}.ebody{padding:12px;max-height:calc(100dvh - 198px)}.ecard{padding:11px}.eplayer{gap:7px;padding:7px 0}.eavatar{width:34px;height:42px}.eplayer .erole{width:28px;font-size:10px}.eplayer-info small{font-size:9px}.eplayer select{font-size:11px;padding:5px}.eplayer .ebtn{font-size:9px;padding:5px}.elive-grid{grid-template-columns:1fr;gap:0}.emap{max-width:420px;margin:auto}.elog{max-height:113px}.elive-grid .ecard:last-child{padding:9px}.elive-grid .echoices{margin:4px 0 9px}.elive-grid .efoot{margin-top:8px}.echamp-grid{gap:6px}.echamp-grid .ebtn{padding:8px 3px}.echamp-grid b{font-size:10px}.echamp-grid small{font-size:9px}.erow{font-size:11px}.erow small{font-size:10px}.echip{font-size:9px}.eobjectives{font-size:9px;padding:7px}.escore strong{font-size:27px}.escore b{font-size:11px}.es .ebtn.primary{font-size:11px}.es .efoot small{font-size:10px}.es .eroles .ebtn{font-size:10px;padding:5px}.es .ematch-title{font-size:11px}.es-profile .emvp{padding:10px}.es-profile .emvp .eavatar{width:50px;height:60px}}
@media(prefers-reduced-motion:reduce){.es *{animation:none!important;transition:none!important}}

/* Content has its own scroll area; match/start decisions stay in view. */
.modal.es-modal { height:min(780px,calc(var(--ui-vh,100dvh) - 24px));max-height:calc(var(--ui-vh,100dvh) - 24px);display:flex;flex-direction:column; }
.es-modal > .es { flex:1;min-height:0;display:flex;flex-direction:column; }
.es-modal :is(.ehead,.ehud,.enav,.eresume,.eactionbar) { flex:none; }
.es-modal .ebody { flex:1;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;scroll-padding-block:10px; }
.es-modal .ehead { padding:10px 14px; }
.es-modal .ehead > div { min-width:0; }
.es-modal .ehead h2 { font-size:19px;overflow-wrap:anywhere; }
.es-modal .ehud { padding:6px 14px;gap:12px; }
.es-modal .ehud b { min-width:0; }
.es-modal .enav { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;padding:6px 12px;gap:6px; }
.es-modal .enav .ebtn { min-width:0;min-height:44px;font-size:12px; }
.es-modal .eresume { padding:0 12px 6px;background:#132231; }
.es-modal .eresume .ebtn { width:100%;min-height:44px; }
.es-modal .eactionbar { background:#132231;border-top:1px solid var(--eline);padding:8px 12px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -5px 12px #0002; }
.es-modal .eactionbar[hidden] { display:none; }
.es-modal .eactionbar .efoot { margin:0;padding:0;gap:8px; }
.es-modal .eactionbar .efoot small { flex:1;min-width:0;max-width:none;line-height:1.35; }
.es-modal .eactionbar .efoot .ebtn { flex:0 1 auto;min-width:100px;max-width:62%; }
.es-modal .eactionbar .ecall { padding:0;border:0;background:transparent; }
.es-modal .eactionbar .ecall .echoices { margin:6px 0;gap:6px; }
.es-modal .eactionbar .ecall .ebtn { min-width:0;min-height:44px; }
.es-modal .ebtn { min-width:44px; }
.es-modal .etitle,.es-modal .ematch-title { flex-wrap:wrap; }
.es-modal .echip { white-space:normal;overflow-wrap:anywhere; }
.es-modal .erow > b { white-space:normal;text-align:right;overflow-wrap:anywhere; }
.es-modal .erow > div,.es-modal .emvp > div { min-width:0; }
.es-modal .erow > span { overflow-wrap:anywhere; }
.es-modal .escore > div { min-width:0;overflow-wrap:anywhere; }
.es-modal .edetails summary { min-height:44px; }
.es-modal .edetails table { table-layout:fixed; }
.es-modal .edetails :is(td,th) { overflow-wrap:anywhere; }
.es-modal .ecard,.es-modal .edetails { scroll-margin-block:8px; }

@media (max-width:600px) {
  .modal.es-modal { height:calc(var(--ui-vh,100dvh) - 12px);max-height:calc(var(--ui-vh,100dvh) - 12px); }
  .es-modal .ehead { padding:7px 9px;gap:6px; }
  .es-modal .ehead h2 { font-size:16px;line-height:1.15; }
  .es-modal .ehead small { font-size:8px;letter-spacing:.7px; }
  .es-modal .ehud { padding:5px 9px;gap:7px;font-size:10px; }
  .es-modal .ehud b { flex:1;max-width:none; }
  .es-modal .enav { padding:5px 7px;gap:4px; }
  .es-modal .enav .ebtn { font-size:11px;padding:5px 3px; }
  .es-modal .ebody { padding:8px; }
  .es-modal .ecard { padding:8px;margin-bottom:8px;border-radius:8px; }
  .es-modal .etitle { margin-bottom:6px;gap:6px; }
  .es-modal h3 { font-size:15px; }
  .es-modal .eplayer { padding:6px 0;gap:5px; }
  .es-modal .eplayer .erole { width:25px; }
  .es-modal .eplayer .eavatar { width:29px;height:40px; }
  .es-modal .eplayer .ebtn { min-width:44px;font-size:10px;padding:5px; }
  .es-modal .eplayer-info small { font-size:10px; }
  .es-modal .erow { padding:8px 0;gap:8px;font-size:12px; }
  .es-modal .elabel { margin:6px 0;font-size:12px; }
  .es-modal .echoices { margin:8px 0;gap:6px; }
  .es-modal .eactionbar { padding:7px 8px calc(9px + env(safe-area-inset-bottom)); }
  .es-modal .eactionbar .efoot small { font-size:11px; }
  .es-modal .eactionbar .efoot .primary { font-size:12px;min-width:0; }
  .es-modal .eactionbar .ecall small { font-size:11px;line-height:1.3; }
  .es-modal .elive-grid > section:last-child { order:-1; }
  .es-modal .elog { max-height:100px; }
  .es-modal .elog > div { padding:6px 0; }
  .es-modal .echamp-grid .eicon { width:34px;height:36px;border-radius:6px; }
  .es-modal .echamp-grid .eicon svg { width:26px;height:28px; }
  .es-modal .echamp-grid small { font-size:10px; }
  .es-modal .echamp-grid b { font-size:11px; }
}
@media (max-height:480px) and (min-width:600px) {
  .modal.es-modal { width:min(900px,calc(100vw - 12px));height:calc(var(--ui-vh,100dvh) - 12px);max-height:calc(var(--ui-vh,100dvh) - 12px); }
  .es-modal .ehead { padding:4px 10px; }
  .es-modal .ehead small { display:none; }
  .es-modal .ehead h2 { font-size:17px; }
  .es-modal .ehud { padding:3px 10px; }
  .es-modal .enav { padding:4px 8px; }
  .es-modal .ebody { padding:8px; }
  .es-modal .eactionbar { padding:6px 8px calc(7px + env(safe-area-inset-bottom)); }
  .es-modal .eactionbar .ecall { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:3px 10px;align-items:center; }
  .es-modal .eactionbar .ecall .echoices { grid-column:2;grid-row:1/3;margin:0; }
  .es-modal .eactionbar .ecall small { font-size:10px; }
}