#onlineRoot .online-shade{position:fixed;inset:0;background:#030815dc;z-index:120;display:grid;place-items:center;padding:16px}#onlineRoot [hidden]{display:none!important}#onlineRoot .online-dialog{width:min(680px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;border:1px solid #65718a;border-radius:18px;background:#142037;padding:16px;box-shadow:0 15px 80px #0008;color:#edf1f7}#onlineRoot header{display:flex;justify-content:space-between;align-items:center;gap:12px}#onlineRoot h2{font-size:calc(20px * var(--ui-text-scale,1));margin:0}#onlineRoot .online-body{overflow:auto;overscroll-behavior:contain;padding:8px 0}#onlineRoot footer{font-size:calc(11px * var(--ui-text-scale,1));color:#b9c4d9;padding-top:10px}#onlineRoot button,#onlineRoot select,#onlineRoot input{font:inherit;min-height:44px;border:1px solid #66748e;border-radius:9px;background:#263750;color:inherit;padding:10px;max-width:100%}#onlineRoot button{cursor:pointer}#onlineRoot button:disabled{opacity:.5}#onlineRoot #online-controls>button{margin:5px 4px 5px 0}#onlineRoot .online-presence{display:flex;gap:10px;align-items:center;margin:10px 0}#onlineRoot .online-presence input{width:22px;min-height:22px}#onlineRoot select{width:100%}#onlineRoot #online-message,#onlineRoot #combat-message{color:#e4c77d;min-height:20px}#onlineRoot #combat-content label{display:grid;gap:8px;margin:10px 0}#onlineRoot form{display:flex;flex-wrap:wrap;gap:8px}#onlineRoot #combat-content form{display:block}#onlineRoot progress{width:100%;display:block}#onlineRoot p{font-size:calc(13px * var(--ui-text-scale,1));line-height:1.4}
#onlineRoot #combat{position:relative}#onlineRoot .combat-field{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-height:55px}#onlineRoot .test-card{border:1px solid #56667f;background:linear-gradient(140deg,#293d5b,#101b2d);border-radius:10px;padding:9px;display:flex;flex-direction:column;gap:7px;min-width:0;font-size:calc(12px * var(--ui-text-scale,1))}#onlineRoot .test-card b{font-size:calc(13px * var(--ui-text-scale,1))}#onlineRoot .test-card button{font-size:calc(12px * var(--ui-text-scale,1));padding:8px}#onlineRoot .test-card p{font-size:calc(12px * var(--ui-text-scale,1));margin:3px}#onlineRoot .test-card.action{border-color:#e2c370}#onlineRoot .combat-hand{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:15px}#onlineRoot .combat-score{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:calc(14px * var(--ui-text-scale,1))}#onlineRoot .combat-score time{font-size:calc(28px * var(--ui-text-scale,1));color:#e6c674}#onlineRoot progress{width:100%;height:10px;display:block;margin:8px 0}#onlineRoot .own-votes{accent-color:#418deb}#onlineRoot .enemy-votes{accent-color:#e95b65}#onlineRoot .combat-popup{border:1px solid #d8b855;background:#101b2d;padding:12px;border-radius:12px;margin:10px 0;box-shadow:0 6px 20px #0008}#onlineRoot .combat-popup button{margin:5px 0;text-align:left}#onlineRoot .combat-log{background:#0a1222;border-radius:10px;padding:12px;max-height:160px;overflow:auto;margin-top:15px}#onlineRoot .combat-log p{font-size:calc(12px * var(--ui-text-scale,1));margin:4px}#onlineRoot .combat-discard{display:flex;gap:8px;margin-bottom:12px}#onlineRoot .combat-discard .spent{font-size:calc(11px * var(--ui-text-scale,1));opacity:.45;background:#26344b;border-radius:6px;padding:10px;max-width:90px}#onlineRoot .combat-flight{position:fixed;z-index:20;left:25%;right:25%;top:35%;padding:25px;background:#182941;border:2px solid #d8b855;border-radius:12px;text-align:center;pointer-events:none}#onlineRoot #combat>button{margin-bottom:8px}#onlineRoot .test-card img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:7px}#onlineRoot .test-card:has(img){border-color:#a89b66}

#onlineRoot.combat-active #online-controls,#onlineRoot.combat-active .online-body>p,#onlineRoot.combat-active #combat>h3{display:none}#onlineRoot .combat-field .test-card img{height:58px;aspect-ratio:auto;object-fit:cover;object-position:top}#onlineRoot .combat-hand .test-card img{height:88px;aspect-ratio:auto;object-fit:cover;object-position:top}#onlineRoot #combat-content h3{font-size:calc(13px * var(--ui-text-scale,1));margin:10px 0 5px}#onlineRoot .combat-log{max-height:80px}#onlineRoot .online-entry{font-size:calc(12px * var(--ui-text-scale,1))}@media(max-height:650px){#onlineRoot .combat-field .test-card img{display:none}#onlineRoot .combat-hand .test-card img{height:48px}}
#onlineRoot .online-action-art{aspect-ratio:4/3;background-size:300% 400%;border-radius:7px;width:100%;flex-shrink:0}#onlineRoot .test-card.action[data-rarity=comun]{border-color:#bf8e61}#onlineRoot .test-card.action[data-rarity=raro]{border-color:#69a6ed}#onlineRoot .test-card.action[data-rarity=especial]{border-color:#b58aff}#onlineRoot .test-card.action[data-rarity=legendario]{border-color:#efd584}#onlineRoot .combat-discard .spent{width:70px;display:flex;flex-direction:column;gap:5px}#onlineRoot .combat-popup p{font-size:calc(12px * var(--ui-text-scale,1));margin:6px 0}#onlineRoot .combat-flight{width:164px;left:calc(50% - 82px);right:auto;top:20%;padding:10px}#onlineRoot .combat-flight .online-action-art{margin-bottom:7px}
/* The modal is a directory; active matches use the game's native table. */
#onlineRoot .online-dialog{width:min(440px,100%);padding:16px;background:linear-gradient(145deg,#1a2539,#101827);border-color:#5b6477;gap:8px}#onlineRoot h2{font-size:calc(19px * var(--ui-text-scale,1))}#onlineRoot header>button{width:34px;min-height:34px;padding:0;border-radius:9px}#onlineRoot .online-body{padding:0}#onlineRoot .online-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 0 10px}#onlineRoot .online-toolbar>button{width:34px;min-height:34px;padding:0;font-size:calc(21px * var(--ui-text-scale,1));background:#172237;border-color:#3d4b64}#onlineRoot .online-mode{font-size:calc(12px * var(--ui-text-scale,1));color:#efd291}#onlineRoot .online-presence{margin:8px 0 12px;font-size:calc(12px * var(--ui-text-scale,1));color:#b6c2d4}#onlineRoot .online-presence input{width:17px;height:17px;min-height:17px;margin:0;accent-color:#e3bd6e}#onlineRoot .online-note{color:#aebbd0;font-size:calc(12px * var(--ui-text-scale,1));margin:8px 0}#onlineRoot #online-message:empty{display:none}#onlineRoot .online-player-list{display:grid;gap:7px;max-height:50dvh;overflow:auto;overscroll-behavior:contain}#onlineRoot .online-group{font-size:calc(10px * var(--ui-text-scale,1));letter-spacing:.6px;text-transform:uppercase;color:#92a1b9;margin:7px 0 1px}#onlineRoot .online-player{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid #52617b55;background:#0d1726a6;border-radius:12px;min-width:0}#onlineRoot .online-avatar{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid #ac956955;background:linear-gradient(140deg,#423c31,#1b273d);border-radius:50%;font-size:calc(12px * var(--ui-text-scale,1));color:#efcf89;font-weight:700}#onlineRoot .online-player-name{display:grid;gap:4px;flex:1;min-width:0}#onlineRoot .online-player-name b{font-size:calc(12px * var(--ui-text-scale,1));overflow-wrap:anywhere}#onlineRoot .online-player-name small{font-size:calc(10px * var(--ui-text-scale,1));color:#8492aa}#onlineRoot .online-player-name small:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#718097;margin-right:5px}#onlineRoot .online-player-name small.is-online{color:#90ceae}#onlineRoot .online-player-name small.is-online:before{background:#6bc593}#onlineRoot .online-player>button,#onlineRoot .online-invitation>button{font-size:calc(11px * var(--ui-text-scale,1));min-height:36px;padding:7px 10px;background:#ceb27620;border-color:#ceb27670;color:#f5d894;flex-shrink:0}#onlineRoot .online-invitation{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#ead0920b;border:1px solid #b6a37455;border-radius:9px;padding:9px;margin:8px 0;font-size:calc(12px * var(--ui-text-scale,1))}#onlineRoot .online-empty{font-size:calc(12px * var(--ui-text-scale,1));color:#8e9fb9;text-align:center;padding:18px 5px}#onlineRoot .combat-tools{display:flex;gap:7px}#onlineRoot .combat-tools button{font-size:calc(11px * var(--ui-text-scale,1));min-height:34px;padding:6px 9px}