*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0c12;--panel:#12141ed1;--panel-strong:#191c2af0;--line:#ffffff21;--text:#fff;--muted:#b8bdcb;--hot:#ff3d71;--hot-2:#ff8a4c;--cyan:#29d6ff;--green:#5dffb2;--danger:#ff6f6f}body{color:var(--text);background:radial-gradient(circle at 0 0,#ff3d7138,#0000 32rem),radial-gradient(circle at 100% 100%,#29d6ff21,#0000 28rem),linear-gradient(145deg,#080910 0%,#12131d 58%,#0b0c12 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{border:0}.app{min-height:100vh;padding:28px}.shell,.join-shell{width:min(1120px,100%);margin:0 auto}.join-shell{place-items:center;min-height:calc(100vh - 56px);display:grid}.hero{padding:24px 0 30px}.badge{color:#ff9ab3;letter-spacing:.04em;text-transform:uppercase;background:#ff3d7121;border:1px solid #ff3d7175;border-radius:999px;align-items:center;width:fit-content;margin:0;padding:7px 11px;font-size:12px;font-weight:800;display:inline-flex}h1,h2,p{margin-top:0}h1{letter-spacing:0;text-shadow:0 0 32px #ff3d716b;max-width:900px;margin:16px 0 12px;font-size:clamp(46px,8vw,86px);line-height:.96}h2{margin-bottom:0;font-size:26px;line-height:1.08}.subtitle{max-width:640px;color:var(--muted);margin-bottom:0;font-size:18px;line-height:1.55}.host-layout{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);align-items:start;gap:18px;display:grid}.panel{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff0e, #ffffff06), var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;box-shadow:0 22px 70px #0000006b}.create-panel,.players-panel,.join-panel{padding:22px}.join-panel{background:var(--panel-strong);width:min(520px,100%)}.join-panel h1{margin-bottom:24px;font-size:clamp(42px,11vw,68px)}.panel-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.eyebrow{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:12px;font-weight:900}.status-pill,.counter{min-height:34px;color:var(--green);white-space:nowrap;background:#5dffb21a;border:1px solid #5dffb259;border-radius:999px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:800;display:inline-flex}.counter{min-width:58px;color:var(--cyan);background:#29d6ff1a;border-color:#29d6ff59;justify-content:center}.primary-button,.secondary-button,.icon-button{color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:46px;transition:transform .16s,filter .16s,border-color .16s;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--hot), var(--hot-2));width:100%;padding:13px 18px;font-size:16px;font-weight:900;box-shadow:0 12px 32px #ff3d714d}.secondary-button{color:#dff8ff;background:#29d6ff1a;border:1px solid #29d6ff5c;width:100%;min-height:46px;padding:12px 16px;font-size:15px;font-weight:900;box-shadow:0 12px 30px #29d6ff21}.primary-button:hover,.secondary-button:hover,.icon-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.68;transform:none}.primary-button svg,.secondary-button svg,.icon-button svg,.counter svg,.lives-summary svg,.game-title-row svg,.chaos-card-empty svg,.remove-player-button svg,.removed-player-notice svg,.player-list-main svg,.vote-progress svg{flex:none;width:18px;height:18px}.icon-button{background:#ffffff14;border:1px solid #ffffff29;flex:0 0 46px;width:46px}.room-details{gap:16px;margin-top:20px;display:grid}.room-code-block{background:#29d6ff14;border:1px solid #29d6ff52;border-radius:8px;gap:5px;min-height:88px;padding:14px;display:grid}.room-code-block span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.room-code-block strong{color:#fff;letter-spacing:.08em;font-size:42px;line-height:1}.room-code-block.small{min-height:74px;margin-bottom:18px}.room-code-block.small strong{font-size:30px}.invite-box{gap:9px;display:grid}.host-name-field{gap:9px;margin-bottom:14px;display:grid}label{color:var(--muted);font-size:13px;font-weight:800}.copy-row{gap:9px;display:flex}input{color:#fff;background:#04050aad;border:1px solid #ffffff26;border-radius:8px;outline:none;width:100%;min-height:46px;padding:0 13px}input:focus{border-color:#29d6ffb8;box-shadow:0 0 0 3px #29d6ff1f}.qr-wrap{background:#fff;border:1px solid #ffffff21;border-radius:8px;place-items:center;padding:16px;display:grid}.qr-wrap img{width:min(100%,320px);height:auto;display:block}.muted,.empty-state{color:var(--muted);margin:18px 0 0;line-height:1.5}.lives-summary{color:#ffd6df;align-items:center;gap:9px;margin-bottom:16px;font-weight:800;display:inline-flex}.lives-summary svg{color:var(--hot)}.player-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.player-list li{background:#ffffff0e;border:1px solid #ffffff1c;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:50px;padding:11px 12px;display:flex}.player-list li.is-offline{background:#ffffff09;border-color:#ffffff14}.player-list-main{gap:5px;min-width:0;display:grid}.player-list-main>span{overflow-wrap:anywhere;font-weight:800}.player-list-main small{color:var(--green);text-transform:uppercase;align-items:center;gap:6px;font-size:12px;font-weight:900;display:inline-flex}.player-list li.is-offline .player-list-main small{color:var(--muted)}.player-life-row{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.host-chip,.vote-option small{color:#ffb6c7;text-transform:uppercase;white-space:nowrap;background:#ff3d711f;border:1px solid #ff3d715c;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:4px 8px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.player-list strong{color:var(--green);flex:none;font-size:13px}.remove-player-button{color:#ffc2c2;cursor:pointer;background:#ff6f6f1a;border:1px solid #ff6f6f5c;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:7px 9px;font-size:12px;font-weight:900;transition:transform .16s,filter .16s;display:inline-flex}.remove-player-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.remove-player-button:disabled{cursor:not-allowed;opacity:.62;transform:none}.remove-player-button svg{color:var(--danger)}.removed-players-block{border-top:1px solid #ffffff1a;gap:8px;margin-top:18px;padding-top:14px;display:grid}.removed-players-block>p{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.removed-player-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.removed-player-list li{min-height:38px;color:var(--muted);background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.removed-player-list span{overflow-wrap:anywhere;font-weight:800}.removed-player-list small{color:#ffc2c2;flex:none;font-size:12px;font-weight:900}.game-panel{grid-column:1/-1;padding:22px;overflow:hidden}.game-start-state,.game-live,.player-game-view{gap:16px;display:grid}.game-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.game-meta-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;gap:6px;min-height:78px;padding:12px;display:grid}.game-meta-item span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.game-meta-item strong{overflow-wrap:anywhere;color:#fff;align-self:end;font-size:17px;line-height:1.15}.game-toolbar{grid-template-columns:minmax(0,1fr) minmax(190px,auto);align-items:center;gap:16px;display:grid}.game-title-row{align-items:center;gap:12px;min-width:0;display:flex}.game-title-row svg{width:28px;height:28px;color:var(--cyan);filter:drop-shadow(0 0 12px #29d6ff6b)}.game-title-row div{gap:3px;min-width:0;display:grid}.game-title-row strong{overflow-wrap:anywhere;color:#fff;font-size:18px;line-height:1.15}.game-title-row span{overflow-wrap:anywhere;color:var(--muted);font-size:13px;font-weight:800}.draw-button{justify-self:end;width:auto;min-width:184px}.game-action-row{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.next-turn-button{justify-self:end;width:auto;min-width:210px}.turn-prompt{background:linear-gradient(135deg,#29d6ff21,#ff3d7114),#ffffff0b;border:1px solid #29d6ff47;border-radius:8px;gap:7px;min-height:152px;padding:22px;display:grid}.turn-prompt span{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.turn-prompt strong{overflow-wrap:anywhere;color:#fff;text-shadow:0 0 26px #29d6ff3d;font-size:clamp(28px,5vw,46px);line-height:1}.turn-prompt p{color:var(--muted);margin:0;font-weight:800;line-height:1.4}.player-turn-actions{gap:14px;display:grid}.chaos-card{background:linear-gradient(145deg,#ffffff1a,#ffffff06),#090b12e0;border:1px solid #ffffff2b;border-radius:8px;flex-direction:column;justify-content:space-between;gap:28px;min-height:248px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff09,0 24px 56px #00000054}.chaos-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ff3d7138,#0000 42%),linear-gradient(315deg,#29d6ff2e,#0000 38%);position:absolute;inset:0}.chaos-card>*{position:relative}.chaos-card-pregunta{border-color:#29d6ff61}.chaos-card-reto{border-color:#ff8a4c75}.chaos-card-votacion{border-color:#5dffb266}.chaos-card-castigo{border-color:#ff3d716b}.chaos-card-topline,.chaos-card-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-type-pill,.level-pill{text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;min-height:31px;padding:6px 10px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.card-type-pill{color:#fff;background:#ffffff14;border:1px solid #ffffff29}.level-pill{color:var(--green);background:#5dffb21a;border:1px solid #5dffb252}.chaos-card-text{color:#fff;overflow-wrap:anywhere;text-shadow:0 0 26px #ffffff1f;margin:0;font-size:30px;font-weight:900;line-height:1.16}.chaos-card-footer{color:var(--muted);font-size:13px;font-weight:800}.chaos-card-empty{text-align:center;justify-content:center;align-items:center;min-height:210px}.chaos-card-empty svg{width:38px;height:38px;color:var(--hot);filter:drop-shadow(0 0 14px #ff3d7170)}.chaos-card-empty p{max-width:360px;color:var(--muted);margin:0;font-size:18px;font-weight:800;line-height:1.4}.vote-panel{background:linear-gradient(135deg,#5dffb217,#29d6ff0f),#ffffff0b;border:1px solid #5dffb247;border-radius:8px;gap:14px;padding:18px;display:grid}.vote-panel-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.vote-panel h3{color:#fff;margin:0;font-size:22px;line-height:1.12}.vote-progress{min-height:34px;color:var(--green);white-space:nowrap;background:#5dffb21a;border:1px solid #5dffb252;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:13px;font-weight:900;display:inline-flex}.vote-options{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.vote-option{color:#fff;cursor:pointer;overflow-wrap:anywhere;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;place-items:center;gap:7px;min-height:54px;padding:12px;font-size:16px;font-weight:900;transition:transform .16s,border-color .16s,background .16s;display:grid}.vote-option span{overflow-wrap:anywhere}.vote-option:hover{background:#5dffb224;border-color:#5dffb275;transform:translateY(-1px)}.vote-option:disabled{cursor:not-allowed;opacity:.62;transform:none}.vote-option.is-selected{color:var(--green);opacity:1;background:#5dffb22e;border-color:#5dffb2b8}.vote-result{color:#fff;background:#0000002e;border:1px solid #ffffff1f;border-radius:8px;margin:0;padding:12px;font-size:17px;font-weight:800;line-height:1.4}.removed-player-notice{text-align:center;background:linear-gradient(135deg,#ff6f6f21,#ff3d7112),#ffffff0b;border:1px solid #ff6f6f47;border-radius:8px;place-items:center;gap:10px;padding:22px;display:grid}.removed-player-notice>svg{width:38px;height:38px;color:var(--danger);filter:drop-shadow(0 0 14px #ff6f6f57)}.removed-player-notice h2{overflow-wrap:anywhere}.removed-player-notice p:not(.eyebrow){max-width:360px;color:var(--muted);margin:0;font-weight:800;line-height:1.45}.leave-room-button{color:#ffe0e0;background:#ff6f6f14;border-color:#ff6f6f47}.join-form,.joined-state{gap:13px;display:grid}.joined-state .subtitle{margin-top:4px}.message{margin:10px 0 0;line-height:1.45}.error{color:var(--danger)}.success{color:var(--green)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=860px){.app{padding:18px}.hero{padding-top:8px}.host-layout{grid-template-columns:1fr}.game-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-heading{align-items:center}}@media (width<=540px){.app{padding:14px}.create-panel,.players-panel,.join-panel{padding:17px}h1{font-size:44px}.subtitle{font-size:16px}.copy-row{grid-template-columns:1fr 46px;display:grid}.room-code-block strong{font-size:34px}.player-list li{flex-direction:column;align-items:flex-start}.player-life-row{justify-content:space-between;width:100%}.remove-player-button{min-height:38px}.removed-player-list li{flex-direction:column;align-items:flex-start}.game-panel{padding:17px}.game-toolbar,.game-meta-grid,.vote-panel-heading{grid-template-columns:1fr}.vote-panel-heading{display:grid}.game-action-row{grid-template-columns:1fr;width:100%;display:grid}.draw-button,.next-turn-button{justify-self:stretch;width:100%;min-width:0}.turn-prompt{min-height:132px;padding:18px}.vote-options{grid-template-columns:1fr}.vote-option{min-height:58px}.chaos-card{min-height:230px;padding:18px}.chaos-card-text{font-size:24px}.chaos-card-topline,.chaos-card-footer{flex-direction:column;align-items:flex-start}}