/* CAPITAL IMPERIO 6.4 Casino multijugador; conserva el tema claro/oscuro existente. */
.ci64-panel,.ci64-shell{color:var(--txt)}
.ci64-shell{display:flex;flex-direction:column;gap:16px;padding-bottom:25px}
.ci64-hero{padding:25px 27px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(115deg,rgba(123,95,172,.12),rgba(35,127,138,.09));min-height:180px}
.ci64-hero h2{font-size:clamp(22px,3vw,31px);margin:10px 0 9px;line-height:1.15;letter-spacing:-.5px}
.ci64-hero p{max-width:570px;line-height:1.65;color:var(--muted);margin:0 0 12px;font-size:13px}
.ci64-nobet{display:inline-block;border-radius:40px;background:rgba(32,157,119,.1);border:1px solid rgba(32,157,119,.3);color:#2d9c7d;font-size:11px;font-weight:750;padding:7px 12px}
body.theme-dark .ci64-nobet{color:#82e2bb}
.ci64-suit-art{font-size:50px;font-weight:900;line-height:1.12;letter-spacing:14px;color:#a58ace;opacity:.9;text-align:center;white-space:nowrap}
.ci64-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.ci64-panel{padding:23px 25px;min-width:0}
.ci64-panel h3{font-size:19px;margin:8px 0 13px;letter-spacing:-.2px}
.ci64-panel p{font-size:13px;line-height:1.65;color:var(--muted)}
.ci64-panel .eyebrow{color:#957bb2}
.ci64-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:18px}
.ci64-choice{border:1px solid var(--line);border-radius:13px;padding:18px 10px;min-height:143px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;background:var(--panel2);color:var(--txt);transition:transform .12s,box-shadow .15s,border-color .15s}
.ci64-choice:hover{transform:translateY(-2px);border-color:#9b83cb;box-shadow:0 8px 22px #0002}
.ci64-choice b{font-size:40px;color:#aa8ad8}.ci64-choice strong{font-size:13px;letter-spacing:.7px}.ci64-choice small{font-size:11px;color:var(--muted)}
.ci64-form{display:flex;flex-wrap:wrap;gap:9px;align-items:stretch;margin-top:27px}
.ci64-form input,.ci64-link-input{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--txt);min-width:0;font:inherit}
.ci64-form input{flex:1;min-width:125px;text-transform:uppercase;letter-spacing:3px;font-weight:800}
.ci64-form button{min-width:102px}
.ci64-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.ci64-section-head h3{margin-bottom:4px}.ci64-muted{color:var(--muted);font-size:12px;line-height:1.7;margin:10px 0}
.ci64-list,.ci64-roster{display:flex;flex-direction:column;gap:8px;margin-top:13px}
.ci64-row,.ci64-player{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}
.ci64-row strong,.ci64-player strong{display:block;color:var(--txt);font-size:13px}.ci64-row small,.ci64-player small{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.ci64-row-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:14px 0}.ci64-row-actions button{padding:11px 13px}.ci64-player em{font-size:11px;font-style:normal;color:#28a77c;font-weight:750;text-align:right;max-width:180px}
.ci64-friends{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px;align-items:center;font-size:12px}.ci64-friends>span{background:var(--panel2);border:1px solid var(--line);border-radius:30px;padding:8px 12px;color:var(--txt)}.ci64-friends strong{width:100%;font-size:12px;color:var(--txt)}
.ci64-invite-list{display:flex;flex-wrap:wrap;gap:8px}.ci64-invite-list button{font-size:11px;padding:9px 11px}
.ci64-code{display:inline-block;vertical-align:middle;font-size:12px;letter-spacing:2px;border:1px solid #7c69ac;background:rgba(128,98,178,.13);padding:7px 10px;border-radius:9px;white-space:nowrap}
.ci64-code-big{font-size:27px;letter-spacing:5px;font-weight:900;color:#9775c7;margin:16px 0 8px}
.ci64-link-input{width:100%;margin-top:5px;font-size:11px}
.ci64-table{padding:25px;background:radial-gradient(ellipse at top,#288e7b13,transparent 60%),var(--panel)}
.ci64-pill{padding:8px 11px;border:1px solid var(--line);border-radius:30px;font-size:10px;font-weight:800;color:#9579ba}
.ci64-table-status{font-weight:750;border-left:3px solid #9976c7;padding-left:13px;margin:22px 0!important;color:var(--txt)!important}
.ci64-hand-block{margin:20px 0}.ci64-hand-block label{display:block;font-size:11px;letter-spacing:1.2px;font-weight:900;color:var(--muted);margin-bottom:10px}
.ci64-cards{display:flex;gap:9px;flex-wrap:wrap;min-height:92px;align-items:center}
.ci64-card{display:flex;flex-direction:column;justify-content:space-between;background:#fbfaf5;color:#293143;border:1px solid #bfc2c6;border-radius:9px;width:66px;height:91px;padding:8px 10px;font-weight:900;font-size:22px;box-shadow:0 6px 14px #0002}
.ci64-card small{text-align:right;font-size:27px;line-height:1}.ci64-card.red{color:#d24750}.ci64-card.back{background:repeating-linear-gradient(45deg,#55487b 0 7px,#796ba4 7px 14px);border:4px solid #e2dff0;color:#fff;justify-content:center;align-items:center;font-size:24px}
.ci64-card-select{background:none;padding:0;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:transform .12s,border-color .12s}.ci64-card-select.selected{border-color:#27aa8d;transform:translateY(-7px);box-shadow:0 0 14px #24b99b44}.ci64-card-select .ci64-card{pointer-events:none}
.ci64-result{padding:13px 16px;border:1px solid #3da58e;background:#2ca08016;color:#279277;font-weight:850;font-size:16px;border-radius:11px;margin:18px 0}
.ci64-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:12px 0 24px}
.ci64-results>div{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);display:flex;flex-direction:column;gap:7px}
.ci64-results>div>strong{font-size:13px}.ci64-results>div>span,.ci64-results>div>small{font-size:11px;color:var(--muted)}
.ci64-small{gap:3px}.ci64-small .ci64-card{width:30px;height:45px;border-radius:4px;padding:3px 4px;font-size:11px}.ci64-small .ci64-card small{font-size:11px}
.ci64-footer{color:var(--muted);font-size:11px;line-height:1.7;padding:6px 4px}
.ci64-top-button{border:1px solid var(--line);background:var(--panel);color:var(--txt);font-size:11px;font-weight:800;padding:8px 12px;border-radius:10px;white-space:nowrap}.ci64-top-button.has-invites{background:#9e7bc5;color:white;border-color:#7d60ac}
.ci64-open-button{margin:14px 0;padding:18px 21px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(105deg,rgba(141,106,196,.14),rgba(36,142,129,.1))}
.ci64-open-button strong{font-size:15px}.ci64-open-button p{font-size:12px;color:var(--muted);margin:6px 0 0}
@media(max-width:870px){.ci64-panels{grid-template-columns:1fr}.ci64-hero{padding:19px}.ci64-suit-art{font-size:37px;letter-spacing:5px}.ci64-panel{padding:19px}.ci64-choice{min-height:125px}}
@media(max-width:510px){.ci64-hero{flex-direction:column;align-items:flex-start}.ci64-suit-art{display:none}.ci64-code-big{font-size:24px;letter-spacing:3px}.ci64-top-button{max-width:120px;white-space:normal;padding:7px;font-size:10px}.ci64-row{flex-wrap:wrap}.ci64-row-actions{margin:0}.ci64-card{width:51px;height:75px;font-size:17px;padding:6px}.ci64-card small{font-size:21px}.ci64-choice-grid{grid-template-columns:1fr 1fr}.ci64-choice b{font-size:32px}}
/* Navegación móvil desplazable: el nuevo menú no tapa otras secciones. */
@media(max-width:740px){.mobile-nav{justify-content:flex-start!important;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav>button{flex:0 0 69px}}