.tile{--w: 48px;--h: 67px;position:relative;width:var(--w);height:var(--h);border-radius:9px;background:linear-gradient(155deg,#fdfaf2,#f4ecd9 55%,#e9dec4);box-shadow:inset 0 2px 2px #ffffffe6,inset 0 -3px 5px #8c785059,0 3px 5px #00000059;border:1px solid #d9cca8;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;-webkit-user-select:none;user-select:none;touch-action:pan-y;transition:transform .12s ease,box-shadow .12s ease}.tile--small{--w: 34px;--h: 47px;border-radius:7px}@media(max-width:600px){.tile{--w: 40px;--h: 56px}.tile--small{--w: 30px;--h: 42px}}.tile--clickable{cursor:pointer}.tile--clickable:hover{filter:brightness(1.04)}.tile--selected{box-shadow:inset 0 2px 2px #ffffffe6,0 0 0 3px #ffd54a,0 3px 6px #0006}.tile--new{box-shadow:inset 0 2px 2px #ffffffe6,0 0 0 3px #2ecc71,0 0 10px 2px #2ecc71b3;animation:tile-new-pulse 1s ease-in-out infinite,tile-draw-pop .34s ease-out}@keyframes tile-draw-pop{0%{transform:scale(1.4) translateY(-4px)}55%{transform:scale(.96)}to{transform:scale(1)}}@keyframes tile-new-pulse{0%,to{box-shadow:inset 0 2px 2px #ffffffe6,0 0 0 3px #2ecc71,0 0 8px 1px #2ecc718c}50%{box-shadow:inset 0 2px 2px #ffffffe6,0 0 0 3px #2ecc71,0 0 14px 4px #2ecc71e6}}.tile__num{font-size:calc(var(--h) * .5);font-weight:800;line-height:1;font-family:Arial Black,system-ui,sans-serif;text-shadow:0 1px 0 rgba(255,255,255,.7)}.c-negro{color:#1c1c1c}.c-rojo{color:#c62828}.c-azul{color:#1565c0}.c-amarillo{color:#d39e00}.tile--joker{color:#7b1fa2;background:linear-gradient(155deg,#fff7fb,#f3e3f0 55%,#e7cfe2)}.tile__joker{font-size:calc(var(--h) * .5);line-height:1;filter:drop-shadow(0 1px 0 rgba(255,255,255,.7))}.tile--wild{outline:2px dashed #7b1fa2;outline-offset:-4px}.tile__wildbadge{position:absolute;top:2px;right:3px;font-size:10px;font-weight:800;color:#7b1fa2;background:#ffffffb3;border-radius:4px;padding:0 3px}.tile--back{background:repeating-linear-gradient(45deg,#0b6e4f 0,#0b6e4f 6px,#0a5f45 6px,#0a5f45 12px);border:1px solid #084d37;box-shadow:inset 0 0 0 3px #ffffff1f,0 3px 5px #00000059}.menu{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px}.menu__logo{display:flex;gap:6px;transform:rotate(-4deg);margin-bottom:6px}.menu__logo .tile:nth-child(2){transform:translateY(-8px) rotate(5deg)}.menu h1{margin:0;font-size:3.2rem;letter-spacing:.12em}.menu__sub{margin:0;opacity:.85}.menu__hint{font-size:.72rem;opacity:.6;margin-top:4px}.menu__version{margin:10px 0 0;font-size:.7rem;opacity:.5;font-family:ui-monospace,monospace}.menu__field{display:flex;flex-direction:column;gap:4px;font-size:.85rem;opacity:.9}.menu__field input{font:inherit;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;text-align:center}.level-pick{display:flex;gap:6px;background:#0003;padding:4px;border-radius:10px}.level-btn{font:inherit;font-weight:700;padding:8px 16px;border-radius:8px;border:none;background:transparent;color:#fff;opacity:.7;cursor:pointer}.level-btn--on{background:#ffb300;color:#1a1a1a;opacity:1}.menu__buttons{display:flex;flex-direction:column;gap:10px;width:min(360px,90vw);margin-top:8px}.menu__btn{font:inherit;font-weight:700;padding:14px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;cursor:pointer}.menu__btn:hover{background:#ffffff2e}.menu__btn--primary{background:#ffb300;color:#1a1a1a;border-color:#ffb300}.menu__btn--primary:hover{background:#ffc233}.menu__btn--ghost{background:transparent}.online-join{display:flex;gap:8px}.online-join__code{font:inherit;font-weight:800;letter-spacing:.3em;text-align:center;width:120px;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;text-transform:uppercase}.online-join .menu__btn{flex:1}.lobby__code{display:flex;flex-direction:column;align-items:center;gap:4px;margin:4px 0}.lobby__code-label{font-size:.8rem;opacity:.8}.lobby__code-value{font-size:2.6rem;font-weight:900;letter-spacing:.3em;background:#ffffff1f;padding:6px 18px;border-radius:12px}.lobby__players{display:flex;align-items:center;gap:12px;margin:8px 0}.lobby__slot{min-width:130px;padding:12px 16px;border-radius:10px;border:1px dashed rgba(255,255,255,.35);font-weight:700;opacity:.7}.lobby__slot--filled{border-style:solid;background:#ffffff1f;opacity:1}.lobby__vs{opacity:.7}.analysis{width:min(560px,92vw);display:flex;flex-direction:column;gap:14px}.analysis__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.stat{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:2px}.stat__value{font-size:1.4rem;font-weight:800}.stat__label{font-size:.72rem;opacity:.75;text-align:center}.analysis__levels,.analysis__tips{background:#0000002e;border-radius:10px;padding:10px 14px;text-align:left}.analysis__lvl{display:flex;justify-content:space-between;font-size:.9rem;padding:2px 0}.analysis__tips ul{margin:6px 0 0;padding-left:18px}.analysis__tips li{font-size:.88rem;margin:4px 0;opacity:.95}.meld{position:relative;padding:6px 8px 4px;background:#0000002e;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.meld__tiles{display:flex;gap:3px}.meld--clickable{cursor:pointer}.meld--clickable:hover{background:#ffffff1f}.meld--highlight{outline:2px solid #ffd54a}.meld--pura{box-shadow:0 0 0 2px #4caf50}.meld--impura{box-shadow:0 0 0 2px #ff9800}.meld__badge{position:absolute;top:-9px;left:8px;font-size:9px;font-weight:800;letter-spacing:.04em;padding:1px 6px;border-radius:6px;background:#222;color:#fff}.meld--pura .meld__badge{background:#2e7d32}.meld--impura .meld__badge{background:#ef6c00}.rack{background:linear-gradient(180deg,#5a3a1c,#3f2812);border-radius:14px;padding:12px 14px;box-shadow:inset 0 3px 8px #00000073,0 4px 10px #0006;border:2px solid #2c1c0c;display:flex;flex-direction:column;gap:8px}.rack__row{display:flex;gap:5px;align-items:center;padding:4px 0;border-radius:8px;background:#0000002e;box-shadow:inset 0 -3px 4px #00000040;flex-wrap:nowrap}.rack__cell{flex:0 0 auto;width:48px;height:67px;border-radius:8px}.rack__slot{border:1px dashed rgba(255,255,255,.12);background:#0000001f}.rack__cell--over{outline:2px solid #ffd54a;outline-offset:-2px;background:#ffd54a2e}@media(max-width:600px){.rack{padding:8px 6px;gap:6px}.rack__row{gap:4px}.rack__cell{width:40px;height:56px}}.meld-drop{border-radius:10px;transition:box-shadow .12s ease,background .12s ease}.meld-drop--target{background:#2ecc712e;box-shadow:0 0 0 3px #2ecc71}.board{max-width:1000px;margin:0 auto;padding:12px 16px 24px;display:flex;flex-direction:column;gap:12px;min-height:100%}.seat{display:flex;align-items:baseline;gap:10px}.seat__name{font-weight:700;font-size:1.05rem}.seat__info{font-size:.8rem;opacity:.8}.muerto-pile{display:inline-flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;padding:0;font:inherit;color:#fff}.muerto-pile__label{font-size:.6rem;font-weight:800;letter-spacing:.12em;opacity:.85}.muerto-pile--ready{cursor:pointer;animation:muerto-ready 1s ease-in-out infinite}.muerto-pile--ready .tile--back{box-shadow:inset 0 0 0 3px #2ecc71e6,0 0 12px 3px #2ecc71b3}@keyframes muerto-ready{50%{transform:translateY(-3px)}}.hand-back{display:flex;gap:2px;margin:6px 0;flex-wrap:wrap}.melds{display:flex;flex-wrap:wrap;gap:10px}.muted{opacity:.6;font-size:.9rem}.board__center{display:flex;justify-content:center;gap:40px;padding:10px 0}.pile{display:flex;flex-direction:column;align-items:center;gap:4px}.pile__stack{position:relative;background:none;border:none;padding:0;cursor:pointer}.pile__stack:disabled{cursor:default;opacity:.85}.pile__stack:not(:disabled):hover{transform:translateY(-3px)}.pile__count{position:absolute;bottom:-6px;right:-6px;background:#111;color:#fff;font-size:.7rem;font-weight:700;border-radius:10px;padding:1px 6px}.pile__label{font-size:.7rem;letter-spacing:.1em;opacity:.8}.pozo__empty{width:56px;height:78px;border-radius:9px;border:2px dashed rgba(255,255,255,.3);display:grid;place-items:center;font-size:.75rem;opacity:.6}.pile--pozo{max-width:min(64vw,520px)}.pozo__fan{display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px;background:#0000002e;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 10px;min-height:70px;max-width:100%;max-height:150px;overflow-y:auto;cursor:pointer}.pozo__fan:disabled{cursor:default}.pozo__fan:not(:disabled):hover{background:#ffffff1f}.pozo__tile{flex:0 0 auto}.pozo__fan--droppable{outline:2px dashed rgba(255,213,74,.5);outline-offset:2px}.pozo__fan--target{outline:3px solid #ffd54a;background:#ffd54a38!important}.rack__hint{margin:2px 2px 0;font-size:.75rem;opacity:.6}.toast{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:20;background:#1f2d27;color:#fff;font-weight:700;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 22px #00000073;animation:toast-in .25s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%)}}.board__status{display:flex;align-items:center;gap:10px;min-height:28px;flex-wrap:wrap}.badge{font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:999px;background:#ffffff26}.badge--you{background:#ffd54a;color:#222}.badge--ai{background:#7e57c2}.badge--win{background:#43a047;color:#fff}.msg{font-size:.85rem;color:#ffcdd2}.board__player{display:flex;flex-direction:column;gap:8px;margin-top:auto}.actions{display:flex;gap:6px;align-items:stretch}.act-btn{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:9px 4px 7px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#1e3e31d9,#142d24eb);color:#eaf3ee;font:inherit;font-size:.72rem;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #00000047;transition:transform .06s ease,background .15s ease}.act-btn svg{width:22px;height:22px}.act-btn span{line-height:1;white-space:nowrap}.act-btn:not(:disabled):hover{background:linear-gradient(180deg,#264c3df2,#1a382dfa)}.act-btn:not(:disabled):active{transform:translateY(1px)}.hint-toggle{background:none;border:none;color:#cfe8dd;font:inherit;font-size:.75rem;text-decoration:underline;cursor:pointer;padding:0;opacity:.75}.hint-toggle--show{display:inline-block;margin:2px 2px 0}.act-btn:disabled{opacity:.32;cursor:default}.act-btn--win:not(:disabled){border-color:#43a047b3;color:#d4f0d4}.act-btn--win:not(:disabled) svg{color:#6fd073}.act-btn--accent:not(:disabled){border-color:#ffb300b3;color:#ffe6a8}.act-btn--accent:not(:disabled) svg{color:#ffc94d}h3{margin:0 0 4px;font-size:.9rem;font-weight:700;opacity:.9}@media(max-width:600px){.board{padding:8px 10px 16px;gap:8px}.board__center{gap:24px}.hand-back{gap:1px}.rack{padding:10px 10px 8px}.rack__tiles{gap:3px;min-height:64px}.actions{gap:4px}.act-btn{font-size:.62rem;padding:7px 2px 5px;gap:3px;border-radius:10px}.act-btn svg{width:20px;height:20px}.pozo__empty{width:44px;height:62px}}.gameover{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:10;padding:16px}.gameover__panel{background:#1f2d27;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:22px;width:min(640px,95vw);box-shadow:0 20px 50px #00000080}.gameover__panel h2{margin:0 0 16px;text-align:center}.match-tally{text-align:center;margin:-6px 0 14px;font-size:.95rem;background:#ffd54a1f;border:1px solid rgba(255,213,74,.3);border-radius:8px;padding:8px 10px}.gameover__cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gameover__export{display:block;margin:14px auto 0;font:inherit;font-size:.85rem;background:none;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;padding:8px 14px;cursor:pointer;opacity:.85}.gameover__export:hover{opacity:1;background:#ffffff1a}.score-card{background:#ffffff0d;border-radius:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.1)}.score-card--win{border-color:#ffd54a;box-shadow:0 0 0 2px #ffd54a66}.score-card h3{margin:0 0 8px}.score-row{display:flex;justify-content:space-between;font-size:.85rem;padding:2px 0;opacity:.9}.score-row .neg{color:#ff8a80}.score-total{display:flex;justify-content:space-between;font-weight:800;font-size:1.1rem;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.15)}.gameover__actions{display:flex;gap:10px;margin-top:18px;justify-content:center}.gameover__actions .menu__btn{width:auto;padding:12px 18px}:root{--felt: #0b6e4f;--felt-dark: #084d37;--tile-face: #f5efe1;--tile-edge: #d8cfb8;--ink: #1a1a1a;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:radial-gradient(circle at 50% 30%,var(--felt),var(--felt-dark));color:#fff;-webkit-user-select:none;user-select:none}