:root{--navy:#0f2a52;--panel:#0c2242e6;--panel-soft:#0c2242b8;--ink:#f7f3e6;--muted:#c4d3e6;--sun:#ffc72c;--green:#3fae5a;--red:#dc3a30;--blue:#4ba6e6;--line:#f7f3e62e;--display:"Alfa Slab One", Rockwell, Georgia, serif;--body:"Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--cond:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--body);color:var(--ink);background:linear-gradient(#2f86d6 0%,#6fb8ea 45%,#bfe6f7 100%) fixed;margin:0}button{font:inherit}a{color:var(--sun)}.muted{color:var(--muted);font-size:.9rem}.error{color:#ffb4ab;font-weight:600}.hint{color:var(--sun);background:var(--panel);border-radius:999px;margin:.2rem 0;padding:.3rem .7rem;font-size:.9rem}.center{text-align:center;background:var(--navy);place-content:center;gap:1rem;min-height:100%;padding:1rem;display:grid}.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:999px;padding:.6rem 1rem;font-weight:600}.btn:hover:not(:disabled){border-color:var(--sun)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--main{background:var(--sun);color:#1b1408;border-color:var(--sun)}.btn--small{padding:.35rem .7rem;font-size:.85rem}.btn:focus-visible,.chip:focus-visible,.icon-btn:focus-visible{outline:2px solid var(--sun);outline-offset:2px}.icon-btn{border:1px solid var(--line);background:var(--panel);width:2.4rem;height:2.4rem;color:var(--ink);cursor:pointer;border-radius:50%;flex:none;font-size:1.05rem}.chips{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.chips p{width:100%;margin:0}.chip{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffff0f;border-radius:999px;padding:.45rem .85rem;font-weight:500}.chip--on{background:var(--green);border-color:var(--green);color:#fff}.chip:disabled{opacity:.35;cursor:not-allowed}.field{gap:.35rem;font-size:.92rem;font-weight:600;display:grid}.field input,.field select,.code{font:inherit;color:var(--ink);border:1px solid var(--line);background:#ffffff14;border-radius:.6rem;min-width:0;padding:.55rem .7rem}.code{letter-spacing:.15em;text-transform:uppercase;width:9rem}.lobby{max-width:46rem;padding-block:1.5rem 3rem;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));gap:1rem;margin:0 auto;display:grid}.lobby__hero{text-align:center;gap:.3rem;display:grid}.lobby__hero h1{font-family:var(--display);color:var(--sun);text-shadow:0 3px #0000004d;margin:0;font-size:clamp(2.4rem,9vw,3.6rem);font-weight:400}.lobby__subtitle{font-family:var(--cond);letter-spacing:.04em;text-transform:uppercase;color:var(--navy);margin:0;font-size:1.3rem;font-weight:700}.lobby__hero .muted{color:var(--navy)}.lobby__back{color:var(--navy);justify-self:start;font-weight:600;text-decoration:none}.card{background:var(--panel);border:1px solid var(--line);border-radius:1rem;gap:.8rem;padding:1rem 1.1rem;display:grid}.card h2{font-family:var(--cond);text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:1.4rem}.rooms{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.rooms li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.table{position:fixed;inset:0;overflow:hidden}.board{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hud-top{padding-top:calc(env(safe-area-inset-top,0px) + .6rem);padding-left:max(12px, env(safe-area-inset-left,0px));padding-right:max(12px, env(safe-area-inset-right,0px));pointer-events:none;flex-wrap:wrap;align-items:center;gap:.6rem;display:flex;position:absolute;top:0;left:0;right:0}.hud-top>*{pointer-events:auto}.hud-top .muted{background:var(--panel);color:var(--ink);border-radius:999px;padding:.3rem .7rem}.brand{font-family:var(--display);color:var(--sun);text-shadow:0 2px #00000059;margin:0;font-size:1.5rem;font-weight:400}.hud-top__views{gap:.3rem;margin-left:auto;display:flex}.clock{background:var(--panel);font-variant-numeric:tabular-nums;border-radius:999px;padding:.3rem .7rem;font-weight:600}.side{right:max(10px, env(safe-area-inset-right,0px));align-content:start;gap:.5rem;width:min(21rem,100% - 20px);max-height:calc(100% - 15rem);display:grid;position:absolute;top:4.2rem;overflow:auto}.players{background:var(--panel-soft);border-radius:.9rem;gap:.35rem;margin:0;padding:.5rem;list-style:none;display:grid}.player{border:1px solid #0000;border-radius:.6rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.15rem .5rem;padding:.35rem .5rem;display:grid}.player--turn{border-color:var(--sun);background:#ffc72c1f}.player--you .player__name{color:var(--sun)}.player--out{opacity:.5}.player__dot{border:1px solid #fff9;border-radius:50%;width:.85rem;height:.85rem}.player__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.player__cash{font-variant-numeric:tabular-nums;font-weight:600}.player__bars{grid-column:2/4;gap:.5rem;display:flex}.player__tags{grid-column:2/4;font-size:.85rem}.bar{flex:1;align-items:center;gap:.25rem;display:flex}.bar__icon{font-size:.8rem}.bar__track{background:#ffffff26;border-radius:999px;flex:1;height:.45rem;overflow:hidden}.bar__fill{background:var(--green);height:100%;transition:width .4s;display:block}.bar--azul .bar__fill{background:var(--blue)}.bar--amarillo .bar__fill{background:var(--sun)}.bar--rojo .bar__fill{background:var(--red)}.bar--rojo .bar__track{outline:2px solid var(--red)}.log{background:var(--panel-soft);border-radius:.9rem;gap:.2rem;margin:0;padding:.5rem .8rem .5rem 1.6rem;font-size:.85rem;display:grid}.bottom{padding-bottom:calc(env(safe-area-inset-bottom,0px) + .7rem);padding-left:max(12px, env(safe-area-inset-left,0px));padding-right:max(12px, env(safe-area-inset-right,0px));pointer-events:none;justify-items:start;gap:.5rem;display:grid;position:absolute;bottom:0;left:0;right:0}.bottom>*{pointer-events:auto;max-width:min(40rem,100%)}.actions{flex-wrap:wrap;gap:.45rem;display:flex}.guide{background:var(--panel);border:1px solid var(--line);border-radius:.9rem;margin:0;padding:.65rem .9rem;font-size:1.02rem;font-weight:600;line-height:1.35}.guide--mine{background:var(--sun);color:#1b1408;border-color:var(--sun);box-shadow:0 6px 22px #ffc72c59}.help{gap:.6rem;margin:0;padding-left:1.2rem;line-height:1.4;display:grid}.btn--help{background:var(--green);border-color:var(--green);color:#fff}.actions__wait{background:var(--panel);border-radius:999px;margin:0;padding:.55rem .9rem;font-weight:600}.banner,.info{background:var(--panel);border:1px solid var(--line);border-radius:.9rem;gap:.4rem;padding:.7rem .9rem;display:grid}.banner p,.info p{margin:0}.info{padding-right:3rem;position:relative}.info h2{font-family:var(--cond);text-transform:uppercase;margin:0;font-size:1.35rem}.info__close{width:2rem;height:2rem;position:absolute;top:.5rem;right:.5rem}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--sun);margin:0;font-size:.72rem;font-weight:600}.seats{background:var(--panel);border:1px solid var(--line);border-radius:1rem;gap:.7rem;width:min(30rem,100% - 24px);max-height:calc(100% - 6rem);padding:1rem;display:grid;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.seats h2{font-family:var(--cond);text-transform:uppercase;margin:0}.seat-list{margin:0;padding-left:1.2rem}.modal{z-index:20;padding:1rem max(12px, env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 1rem) max(12px, env(safe-area-inset-left,0px));background:#050c1a8c;place-items:end center;display:grid;position:fixed;inset:0}.modal__card{background:var(--navy);border:1px solid var(--line);border-radius:1rem;gap:.8rem;width:min(34rem,100%);max-height:80vh;padding:1rem;display:grid;overflow:auto}.modal__head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.modal__head h2{font-family:var(--cond);text-transform:uppercase;margin:0;font-size:1.4rem}.list{gap:.6rem;margin:0;padding:0;list-style-position:inside;display:grid}.list__row{border-top:1px solid var(--line);gap:.4rem;padding-top:.6rem;display:grid}.list__row h3{margin:0;font-size:1rem}@media (width<=700px){.side{top:calc(env(safe-area-inset-top,0px) + 6.2rem);bottom:auto;left:max(8px, env(safe-area-inset-left,0px));right:max(8px, env(safe-area-inset-right,0px));width:auto;max-height:none;overflow:visible}.players{scrollbar-width:none;gap:.35rem;padding:.35rem;display:flex;overflow-x:auto}.player{flex:none;grid-template-columns:auto 1fr;width:8.6rem;padding:.3rem .45rem;font-size:.85rem}.player__cash,.player__bars,.player__tags{grid-column:1/3}.bar__icon,.log{display:none}.brand{font-size:1.2rem}.btn--help__txt{display:none}.guide{font-size:.95rem}.hud-top__views .btn--small{padding:.3rem .5rem}}@media (prefers-reduced-motion:reduce){.bar__fill{transition:none}}