:root{--bg:#090010;--panel:#21052d;--panel2:#31063e;--purple:#a52bd5;--gold:#ffd45c;--muted:#bea9ca;--green:#38d996}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 70% 0,#65072d 0,#26002f 35%,#08000e 85%);color:#fff;font-family:Nunito,sans-serif}.topbar{position:fixed;z-index:20;top:0;left:245px;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #57206b;background:rgba(22,0,30,.94);backdrop-filter:blur(12px)}.logo img{width:135px;display:block}.topbar>div{display:grid;text-align:right}.topbar span{font-size:13px;color:var(--muted)}.topbar b{color:var(--gold)}aside{position:fixed;z-index:25;inset:0 auto 0 0;width:245px;display:flex;flex-direction:column;padding:25px 16px;background:linear-gradient(180deg,#290035,#130019);border-right:1px solid #552064}.poker-brand{display:flex;align-items:center;gap:9px;padding:8px 10px 27px;font-size:31px;color:var(--gold);text-shadow:0 0 15px #e030cf}.poker-brand strong{font-size:21px;color:#fff}.poker-brand small,h1 small{padding:3px 7px;border-radius:7px;background:var(--gold);color:#35102e;font-size:9px;font-style:normal}aside nav{display:grid;gap:7px}aside nav a,aside nav button,.back{display:flex;align-items:center;gap:11px;width:100%;padding:12px 14px;border:0;border-radius:11px;background:transparent;color:#d5c3dd;font:800 14px Nunito;text-decoration:none;text-align:left;cursor:pointer}aside nav a:hover,aside nav button:hover,aside nav .active{background:linear-gradient(90deg,rgba(177,42,213,.28),transparent);color:#fff;box-shadow:inset 3px 0 var(--gold)}.back{margin-top:auto;color:#a98fb5}.nav-toggle{display:none}main{margin-left:245px;padding:106px 28px 42px}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{color:var(--gold);font-size:11px;font-weight:900;letter-spacing:2px}.hero h1{margin:8px 0 2px;font-size:35px}.hero h1 em{color:var(--gold);font-style:normal;text-shadow:0 0 18px #d16a20}.hero p,.panel p{margin:0;color:var(--muted)}.online{display:grid;grid-template-columns:12px auto;align-items:center;gap:3px 8px;padding:16px 22px;border:1px solid #583166;border-radius:17px;background:rgba(42,5,55,.7)}.online i{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.online b{font-size:24px}.online span{grid-column:1/3;color:var(--muted);font-size:11px}.panel{margin-bottom:22px;padding:22px;border:1px solid #552265;border-radius:21px;background:linear-gradient(145deg,rgba(48,6,61,.96),rgba(23,2,31,.96));box-shadow:0 18px 50px rgba(0,0,0,.28)}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel h2{margin:0 0 4px;font-size:20px}.gold{padding:12px 17px;border:1px solid #ffe58b;border-radius:12px;background:linear-gradient(135deg,#ffe06f,#d99a19);color:#341327;font-weight:1000;cursor:pointer;box-shadow:0 0 18px rgba(255,205,66,.22)}.filters{display:flex;gap:8px;margin:22px 0 14px}.filters button{padding:8px 14px;border:1px solid #633174;border-radius:18px;background:#1b0524;color:#cdbad6;font-weight:800;cursor:pointer}.filters .selected{border-color:var(--gold);color:var(--gold)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:15px 12px;border-bottom:1px solid #492155;text-align:left}th{color:#a991b5;font-size:11px;text-transform:uppercase}td{font-size:14px;font-weight:800}.status{display:inline-block;padding:5px 9px;border-radius:10px;background:rgba(56,217,150,.12);color:var(--green);font-size:11px}.status.playing{background:rgba(255,197,69,.12);color:var(--gold)}.action{padding:8px 15px;border:1px solid var(--gold);border-radius:9px;background:transparent;color:var(--gold);font-weight:900;cursor:pointer}.ranking{max-width:540px}.ranking ol{margin-bottom:0;padding-left:28px}.ranking li{padding:8px;border-bottom:1px solid #492155}.ranking li span{float:right;color:var(--gold)}dialog{width:min(500px,92vw);padding:27px;border:1px solid #713286;border-radius:20px;background:#24042e;color:#fff}dialog::backdrop{background:rgba(7,0,10,.8)}dialog .close{float:right;border:0;background:none;color:#fff;font-size:26px;cursor:pointer}dialog form{display:grid;gap:13px}label{display:grid;gap:5px;color:#d4c2dc;font-size:12px;font-weight:800}input{width:100%;padding:12px;border:1px solid #673277;border-radius:10px;background:#15021d;color:#fff}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.message{min-height:20px;color:#ff8492!important}.table-page{overflow-x:hidden}.table-top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#1b0224;border-bottom:1px solid #5a256a}.table-top a{color:var(--gold);text-decoration:none;font-weight:900}.table-top h1{font-size:19px}.table-top div{display:grid;text-align:right;font-size:12px}.table-top b{color:var(--gold)}.table-main{margin:0;padding:28px}.felt{position:relative;width:min(920px,88vw);height:520px;margin:auto;border:18px solid #3c1532;border-radius:48%;background:radial-gradient(ellipse,#176348,#073a2d);box-shadow:inset 0 0 0 6px #b8872b,inset 0 0 70px #021711,0 22px 60px #000}.pot{position:absolute;top:34%;left:50%;transform:translate(-50%);font-size:11px;color:#d4e5dc}.pot b{display:block;text-align:center;color:var(--gold);font-size:21px}.community{position:absolute;top:44%;left:50%;display:flex;gap:8px;transform:translate(-50%)}.community i{width:54px;height:75px;border:2px solid rgba(255,255,255,.2);border-radius:7px;background:rgba(0,0,0,.16)}.seat{position:absolute;width:130px;padding:9px;border:2px solid #643a69;border-radius:14px;background:#18051e;text-align:center;transform:translate(-50%,-50%)}.seat b,.seat small{display:block}.seat small{color:var(--gold)}.seat.empty{opacity:.6}.seat:nth-child(1){left:50%;top:3%}.seat:nth-child(2){left:88%;top:28%}.seat:nth-child(3){left:82%;top:78%}.seat:nth-child(4){left:50%;top:97%}.seat:nth-child(5){left:18%;top:78%}.seat:nth-child(6){left:12%;top:28%}.dealer-chip{position:absolute;left:57%;bottom:21%;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#222;font-weight:1000}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:25px auto;max-width:900px}.controls button{padding:11px 14px;border:1px solid #773b86;border-radius:10px;background:#2b0735;color:#fff;font-weight:900}.controls button:disabled{opacity:.4}.controls input{flex-basis:100%;padding:0}.controls p{flex-basis:100%;text-align:center;color:var(--muted)}
@media(max-width:760px){.topbar{left:0;height:68px;padding:0 12px 0 58px}.topbar .logo{display:none}.nav-toggle{display:block;position:fixed;z-index:40;top:14px;left:12px;width:40px;height:40px;border:1px solid #713386;border-radius:10px;background:#2c0737;color:#fff;font-size:20px}aside{transform:translateX(-100%);transition:.2s}aside.open{transform:none}main{margin-left:0;padding:91px 12px 30px}.hero{align-items:flex-start}.hero h1{font-size:24px}.hero p{font-size:12px}.online{padding:11px}.panel{padding:15px}.panel-head{align-items:flex-start;gap:10px}.panel-head p{display:none}.filters{overflow:auto}.table-wrap table{min-width:620px}.table-top{padding:0 12px}.table-top h1{display:none}.table-main{padding:25px 4px}.felt{width:96vw;height:60vw;min-height:350px;border-width:10px}.seat{width:105px;font-size:11px}.community i{width:37px;height:52px}}
aside nav .back-to-casino{margin-top:-3px;border:1px solid rgba(255,212,92,.38);background:linear-gradient(90deg,rgba(255,212,92,.18),rgba(177,42,213,.08));color:var(--gold);box-shadow:none}aside nav .back-to-casino:hover{border-color:var(--gold);background:linear-gradient(90deg,rgba(255,212,92,.28),rgba(177,42,213,.14));color:#fff;box-shadow:0 0 18px rgba(255,212,92,.12)}
#tournaments{scroll-margin-top:95px}#tournaments table{margin-top:18px}select{width:100%;padding:12px;border:1px solid #673277;border-radius:10px;background:#15021d;color:#fff}.tournament-tag{display:inline-block;margin-left:6px;padding:3px 7px;border-radius:7px;background:var(--gold);color:#35102e;font-size:9px}.status.scheduled{background:rgba(165,43,213,.18);color:#e8adff}
.tournament-name{white-space:nowrap}.tournament-row small{display:block;margin-top:5px;font-size:10px}.countdown{color:var(--gold)}.local-time{color:var(--muted);font-weight:700}.prize-pool{color:#70efb6}.capacity-bar{width:110px;height:6px;margin-top:7px;overflow:hidden;border-radius:10px;background:#17021e}.capacity-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--gold));box-shadow:0 0 9px rgba(255,212,92,.45);transition:width .35s}.tournament-row.is-full .capacity-bar i{background:var(--green)}.action.enrolled{border-color:var(--green);color:var(--green);background:rgba(56,217,150,.08)}.action:disabled{cursor:not-allowed;opacity:.55}
.sitgo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.sitgo-grid button{display:grid;gap:7px;padding:20px;border:1px solid #663079;border-radius:16px;background:linear-gradient(145deg,#350742,#190220);color:#fff;text-align:left;cursor:pointer}.sitgo-grid button:hover{border-color:var(--gold);transform:translateY(-2px)}.sitgo-grid b{font-size:20px;color:var(--gold)}.sitgo-grid span{color:var(--muted)}.sitgo-grid em{margin-top:8px;color:var(--green);font-size:11px;font-style:normal;font-weight:1000}.module-list{display:grid;margin-top:18px}.module-row{display:grid;grid-template-columns:42px minmax(150px,1fr) auto;align-items:center;gap:10px;padding:13px;border-bottom:1px solid #492155}.module-row>b{color:var(--gold)}.module-row>span small,.module-row>strong small{display:block;color:var(--muted);font-size:10px}.module-row>strong{text-align:right;color:#e9dcf0}.empty-module{padding:25px;color:var(--muted);text-align:center}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.settings-grid label{display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid #543060;border-radius:12px;background:#18031f}.settings-grid input{width:20px;height:20px}.compact .panel{padding:14px}.compact th,.compact td{padding:10px 12px}@media(max-width:760px){.sitgo-grid,.settings-grid{grid-template-columns:1fr}.module-row{grid-template-columns:30px 1fr}.module-row>strong{grid-column:2;text-align:left}}
[data-page]{display:none}body[data-view="lobby"] [data-page="lobby"],body[data-view="tournaments"] [data-page="tournaments"],body[data-view="sitgo"] [data-page="sitgo"],body[data-view="ranking"] [data-page="ranking"],body[data-view="history"] [data-page="history"],body[data-view="settings"] [data-page="settings"]{display:block}body[data-view="lobby"] .hero[data-page="lobby"]{display:flex}body:not([data-view="lobby"]) main{padding-top:110px}body:not([data-view="lobby"]) [data-page]{max-width:1150px;margin-inline:auto;animation:pageIn .22s ease}@keyframes pageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Ventana premium para crear mesas */
#createDialog{width:min(720px,94vw);max-height:94dvh;margin:auto;padding:0;overflow:auto;border:1px solid #8c498f;border-radius:26px;background:linear-gradient(155deg,#35053e 0,#200228 56%,#130119 100%);box-shadow:0 28px 90px #000c,0 0 0 1px #ffd45c18,0 0 55px #a52bd530}#createDialog::backdrop{background:radial-gradient(circle at 50% 30%,#3e124a88,#070008e8);backdrop-filter:blur(9px)}#createDialog .close{position:absolute;z-index:2;top:18px;right:20px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #ffffff20;border-radius:50%;background:#ffffff0c;color:#fff;font-size:23px;line-height:1;transition:.18s}#createDialog .close:hover{border-color:#ffd45c80;background:#ffd45c18;color:var(--gold);transform:rotate(90deg)}.create-dialog-head{display:flex;align-items:center;gap:16px;padding:24px 72px 21px 28px;border-bottom:1px solid #ffffff12;background:radial-gradient(circle at 12% 20%,#b32ed12b,transparent 45%)}.create-dialog-head>span{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border:1px solid #ffe48a88;border-radius:16px;background:linear-gradient(145deg,#ffe270,#bc7914);color:#3b0b34;font-size:28px;box-shadow:0 8px 24px #0007,0 0 20px #ffd45c35}.create-dialog-head small{color:var(--gold);font-size:10px;font-weight:1000;letter-spacing:2px}.create-dialog-head h2{margin:2px 0 1px;font-size:25px;line-height:1.15}.create-dialog-head p{color:#baa4c4;font-size:12px}#createForm{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 14px;padding:20px 28px 24px}#createForm>label>span,#createForm .fields label>span{display:flex;align-items:center;gap:6px;color:#e8dceb;font-size:11px;letter-spacing:.2px}#createForm input,#createForm select{height:48px;padding:0 14px;border-color:#70407b;border-radius:12px;background:#14011b;box-shadow:inset 0 2px 8px #0005;outline:none;transition:.18s}#createForm input:focus,#createForm select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #ffd45c18,inset 0 2px 8px #0005}#createForm .fields{display:contents}.field-chips{grid-column:1/-1}.create-dialog-note{grid-column:1/-1;display:flex;align-items:center;gap:11px;padding:11px 14px;border:1px solid #ffd45c35;border-radius:13px;background:linear-gradient(90deg,#ffd45c12,#a52bd50c)}.create-dialog-note>span{color:var(--gold);font-size:20px}.create-dialog-note p{display:grid;gap:1px;color:#bda9c6;font-size:11px;line-height:1.35}.create-dialog-note strong{color:#f5eaf7;font-size:12px}.create-submit{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:10px 20px;font-size:13px;letter-spacing:.5px}.create-submit small{padding-left:9px;border-left:1px solid #3b132744;font-size:9px;letter-spacing:.8px}#createForm>.message{grid-column:1/-1;min-height:0;margin:0;font-size:11px;text-align:center}#createForm>.message:empty{display:none}@media(max-width:600px){#createDialog{width:95vw;border-radius:20px}.create-dialog-head{padding:19px 58px 17px 18px}.create-dialog-head>span{flex-basis:45px;width:45px;height:45px;font-size:23px}.create-dialog-head h2{font-size:21px}.create-dialog-head p{display:none}#createForm{grid-template-columns:1fr;padding:16px;gap:11px}#createForm .fields{display:grid;grid-template-columns:1fr 1fr;grid-column:1/-1;gap:10px}.field-name,.field-capacity,.field-chips,.create-dialog-note,.create-submit,#createForm>.message{grid-column:1/-1}#createForm input,#createForm select{height:45px}.create-dialog-note{padding:9px 11px}}