*{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,.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}.primary-button:hover,.icon-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.68;transform:none}.primary-button svg,.icon-button svg,.counter svg,.lives-summary svg,.game-title-row svg,.chaos-card-empty 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}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 span{overflow-wrap:anywhere;font-weight:800}.player-list strong{color:var(--green);flex:none;font-size:13px}.game-panel{grid-column:1/-1;padding:22px;overflow:hidden}.game-start-state,.game-live,.player-game-view{gap:16px;display:grid}.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}.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}.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}.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}.game-panel{padding:17px}.game-toolbar{grid-template-columns:1fr}.draw-button{justify-self:stretch;width:100%;min-width:0}.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}}