:root{--color-desktop-bg:#0a1f17;--color-team-a-bg:#155fcc;--color-team-a-accent:#d9a441;--color-team-b-bg:#d7263d;--color-team-b-accent:#e8b86d;--color-cream:#f7efdd;--color-ink:#17241d;--color-modal-bg:#fbf6ec;--color-muted-surface:#0000002e;--color-muted-surface-strong:#00000052;--color-hand-panel-bg:#241a12;--grad-team-a:radial-gradient(125% 100% at 50% 0%, #2f7ae2 0%, #155fcc 52%, #0e4699 100%);--grad-team-b:radial-gradient(125% 100% at 50% 0%, #f0455a 0%, #d7263d 52%, #ab1526 100%);--grad-hand:linear-gradient(180deg, #33251a 0%, #1d130b 100%);--grad-gold:linear-gradient(180deg, #fdf4dc 0%, #f0d69f 48%, #e3c281 100%);--sheen:linear-gradient(158deg, #ffffff38 0%, #ffffff0a 42%, #0000001f 100%);--shadow-panel:0 -8px 28px #0000006b;--shadow-chip:0 5px 12px #00000061;--shadow-float:0 16px 40px #00000080;--shadow-cta:0 7px 18px #0006, inset 0 1px 0 #ffffffa6;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior-y:none;min-height:100dvh;margin:0;padding:0}body{background:var(--color-desktop-bg)}button,input{font-family:inherit}button{-webkit-user-select:none;user-select:none;touch-action:manipulation}#root{min-height:100dvh}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;padding:0 max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));box-sizing:border-box;background:#08100c9e;justify-content:center;align-items:flex-end;animation:.2s ease-out backdrop-in;display:flex;position:fixed;inset:0}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.modal-panel{background:linear-gradient(180deg, #fff 0%, var(--color-modal-bg) 100%);width:100%;max-width:440px;max-height:min(85dvh,640px);color:var(--color-ink);box-sizing:border-box;box-shadow:var(--shadow-float);border-radius:1.6rem 1.6rem .9rem .9rem;padding:1.6rem 1.5rem;animation:.22s cubic-bezier(.2,.9,.3,1.1) modal-rise;position:relative;overflow-y:auto}.modal-panel:before{content:"";background:#17241d2e;border-radius:999px;width:42px;height:5px;margin:-.4rem auto 1.1rem;display:block}@keyframes modal-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width>=480px){.modal-backdrop{align-items:center}.modal-panel{border-radius:1.25rem}}.app-shell{background:var(--color-desktop-bg);justify-content:center;min-height:100dvh;display:flex}.scoreboard{width:100%;max-width:480px;min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 0 48px #00000073}.team-panel{text-align:center;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:clamp(.5rem,2.5vh,1.25rem);padding:1rem 1rem 1.25rem;display:flex}.team-panel--flash{animation:.25s ease-out team-panel-flash}@keyframes team-panel-flash{0%{filter:brightness()}30%{filter:brightness(1.4)}to{filter:brightness()}}.team-panel--top{padding-top:max(1rem, env(safe-area-inset-top))}.team-panel--bottom{padding-bottom:max(1rem, env(safe-area-inset-bottom))}.team-panel{position:relative}.team-panel:before{content:"";pointer-events:none;background:radial-gradient(140% 60% at 50% -10%,#ffffff2e,#0000 70%);position:absolute;inset:0}.team-panel:after{content:"";pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.team-panel--a{background:var(--grad-team-a);color:var(--color-cream);--btn-bg:var(--color-team-a-accent)}.team-panel--b{background:var(--grad-team-b);color:var(--color-cream);--btn-bg:var(--color-team-b-accent)}.team-panel>*{z-index:1;position:relative}.team-name{appearance:none;color:inherit;font:inherit;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;text-overflow:ellipsis;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff47;border-radius:999px;max-width:100%;min-height:44px;padding:.5rem 1.4rem;font-size:clamp(1.1rem,5vw,1.4rem);font-weight:800;overflow:hidden;box-shadow:inset 0 1px #ffffff40,0 2px 8px #0003}.team-name--editing{background:var(--color-cream);color:var(--color-ink);text-align:center;min-width:10ch}.team-score{font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-shadow:0 2px 1px #ffffff40,0 6px 20px #00000059;margin:0;font-size:clamp(4.5rem,27vw,7.5rem);font-weight:800;line-height:1}.team-score__value{animation:.38s cubic-bezier(.2,1.4,.4,1) score-pop;display:inline-block}@keyframes score-pop{0%{opacity:.2;transform:scale(.55)}60%{opacity:1;transform:scale(1.18)}to{transform:scale(1)}}.btn{appearance:none;min-width:44px;min-height:44px;font:inherit;cursor:pointer;border:none;border-radius:.9rem;justify-content:center;align-items:center;font-weight:700;transition:transform .12s,box-shadow .12s,filter .12s;display:inline-flex}.btn:active:not(:disabled){filter:brightness(.96);transform:translateY(1px)scale(.97)}.btn:disabled{opacity:.45;cursor:default}.hand-panel{z-index:10;background:var(--grad-hand);padding:.9rem 1rem max(1.2rem, env(safe-area-inset-bottom,0px) * 0);box-shadow:var(--shadow-panel);border-top:1px solid #ffffff14;border-bottom:1px solid #0006;flex-direction:column;flex:none;gap:.8rem;display:flex;position:relative}.menu-fab-wrapper{top:max(.75rem, env(safe-area-inset-top));right:max(.75rem, env(safe-area-inset-right));z-index:30;position:absolute}.menu-fab{border:2px solid var(--color-cream);width:44px;height:44px;color:var(--color-cream);cursor:pointer;background:#00000059;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex;box-shadow:0 2px 10px #00000059}.menu-fab:active{transform:scale(.92)}.menu-backdrop{z-index:29;background:0 0;position:fixed;inset:0}.menu-dropdown{z-index:31;background:var(--color-modal-bg);border-radius:.75rem;flex-direction:column;gap:.15rem;min-width:230px;padding:.4rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 8px 24px #0006}.menu-dropdown__item{appearance:none;min-height:44px;font:inherit;color:var(--color-ink);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:0 .75rem;font-size:.95rem;font-weight:600;display:flex}.menu-dropdown__item:active{background:#17241d1a}.lance-progress-wrapper{position:relative}.lance-progress{grid-template-columns:repeat(4,1fr);align-items:end;gap:.4rem;display:grid}.lance-step{appearance:none;min-width:0;min-height:66px;font:inherit;text-transform:uppercase;letter-spacing:.02em;color:var(--color-cream);background:var(--sheen), var(--lance-color);box-shadow:var(--shadow-chip), inset 0 1px 0 #ffffff38;opacity:.82;filter:saturate()brightness(.9);text-align:center;border:none;border-radius:.9rem;justify-content:center;align-items:center;padding:.46rem .26rem;font-size:clamp(.6rem,3.2vw,.76rem);font-weight:800;transition:opacity .18s,min-height .2s,transform .2s,box-shadow .22s,filter .22s;display:flex;position:relative}.lance-step:after{content:"";border-radius:inherit;pointer-events:none;border:2px dashed #ffffff47;position:absolute;inset:5px}.lance-step__label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.lance-step--done{opacity:.9;filter:saturate(.95)brightness(.88)}.lance-step--active{opacity:1;filter:none;letter-spacing:.03em;cursor:pointer;min-height:80px;box-shadow:0 8px 18px #0006, inset 0 0 0 2px #ffffffe6, inset 0 2px 0 #ffffff59, 0 0 26px -4px var(--lance-color);font-size:clamp(.85rem,3.75vw + 2px,1.25rem);font-weight:900;transform:translateY(-3px)}.lance-step--active:disabled{cursor:default}.lance-step--grande{--lance-color:#2b7fd4}.lance-step--chica{--lance-color:#12a7bf}.lance-step--pares{--lance-color:#9d54cf}.lance-step--juego{--lance-color:#ec4f8c}.lance-step__badge{background:radial-gradient(circle at 35% 30%, #ffe9b0, var(--color-team-a-accent));border-radius:50%;width:11px;height:11px;animation:1.6s ease-in-out infinite badge-pulse;position:absolute;top:6px;right:7px;box-shadow:0 0 0 2px #0000004d,0 0 10px 1px #d9a441e6}@keyframes badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.18)}}.envite-popover-backdrop{z-index:24;background:0 0;position:fixed;inset:0}.envite-popover{z-index:25;background:linear-gradient(180deg, #fff 0%, var(--color-modal-bg) 100%);border:2px solid var(--lance-color,var(--color-team-a-bg));width:min(310px,100vw - 2rem);box-shadow:var(--shadow-float), 0 0 0 5px #ffffff0f;transform-origin:top;border-radius:1.35rem;flex-direction:column;align-items:center;gap:.9rem;padding:1.2rem;animation:.18s cubic-bezier(.2,.9,.3,1.2) popover-in;display:flex;position:absolute;top:calc(100% + .6rem);left:50%;transform:translate(-50%)}@keyframes popover-in{0%{opacity:0;transform:translate(-50%)translateY(-8px)scale(.94)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.envite-popover--grande{--lance-color:#2b7fd4}.envite-popover--chica{--lance-color:#12a7bf}.envite-popover--pares{--lance-color:#9d54cf}.envite-popover--juego{--lance-color:#ec4f8c}.envite-popover__title{text-transform:uppercase;letter-spacing:.03em;color:var(--color-ink);font-size:.85rem;font-weight:800}.envite-popover__stepper{align-items:center;gap:1.3rem;display:flex}.envite-popover__amount{text-align:center;min-width:2.2ch;color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:3rem;font-weight:800}.btn--stepper{background:var(--sheen), var(--lance-color,var(--color-team-a-bg));width:70px;min-width:70px;height:70px;color:var(--color-cream);box-shadow:var(--shadow-chip), inset 0 2px 0 #ffffff4d;border-radius:50%;font-size:2rem;font-weight:800}.btn--envidar{background:var(--grad-gold);color:#4a3410;width:100%;min-height:54px;box-shadow:var(--shadow-cta);text-shadow:0 1px #ffffff80;font-size:1.15rem;font-weight:900}.btn--resolve{background:var(--grad-gold);color:#4a3410;width:100%;min-height:50px;box-shadow:var(--shadow-cta);text-shadow:0 1px #ffffff80;font-size:1.08rem;font-weight:900}.hand-panel__actions{align-items:stretch;gap:.6rem;display:flex}.btn--envidar-main{background:var(--grad-gold);color:#4a3410;letter-spacing:.02em;min-height:54px;box-shadow:var(--shadow-cta);text-shadow:0 1px #ffffff80;border-radius:999px;flex:auto;font-size:1.15rem;font-weight:900}.btn--next-secondary{min-width:128px;min-height:54px;color:var(--color-cream);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff17;border:1.5px solid #f7efdd66;border-radius:999px;flex:none;padding:0 1.2rem;font-size:.92rem;font-weight:700;box-shadow:inset 0 1px #ffffff1f}.btn--envidar-main,.btn--envidar{isolation:isolate;position:relative;overflow:hidden}.btn--envidar-main:after,.btn--envidar:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 0%,#ffffff8c 50%,#0000 100%);width:45%;height:140%;animation:3.6s ease-in-out infinite shine-sweep;position:absolute;top:-20%;left:-70%;transform:skew(-18deg)}@keyframes shine-sweep{0%{left:-70%}55%,to{left:170%}}.hand-panel__pending-dot{vertical-align:middle;background:#c0392b;border-radius:50%;width:8px;height:8px;margin-left:.4rem;display:inline-block}.btn--ordago{width:100%;min-height:46px;color:var(--color-cream);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(#b4183c 0%,#7d1029 100%);border-radius:999px;font-size:.92rem;font-weight:900;box-shadow:0 4px 14px #96142d73,inset 0 1px #ffffff38}.ordago-title{text-align:center;font-size:1.5rem}.ordago-choice{gap:.7rem;margin-top:1.3rem;display:flex}.ordago-btn{flex:1 1 0;min-height:56px;font-size:1.05rem}.counting-phase{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:.35rem 0 .15rem;display:flex}.counting-phase__hint{color:var(--color-cream);opacity:.85;margin:0;font-size:.9rem;line-height:1.4}.modal-title{color:var(--color-ink);margin:0 0 1.1rem;font-size:1.3rem;font-weight:800}.modal-message{color:var(--color-ink);opacity:.85;margin:0 0 1.1rem;font-size:.95rem;line-height:1.45}.modal-warning{color:#8a3b12;background:#c55a1124;border-radius:.6rem;margin:-.4rem 0 1.1rem;padding:.55rem .75rem;font-size:.85rem;font-weight:600;line-height:1.35}.modal-field-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink);opacity:.7;margin:.9rem 0 .35rem;font-size:.85rem;font-weight:700;display:block}.modal-input{width:100%;min-height:44px;color:var(--color-ink);font:inherit;background:#fff;border:2px solid #17241d26;border-radius:.7rem;padding:.5rem .9rem;font-size:1.05rem}.modal-input:focus{outline:2px solid var(--color-team-a-bg);outline-offset:1px}.modal-input--big{text-align:center;margin-top:.5rem;font-size:1.6rem}.target-presets{flex-wrap:wrap;gap:.6rem;display:flex}.btn--preset{color:var(--color-ink);background:#fff;border:2px solid #17241d26;padding:.5rem 1.2rem;font-size:1.05rem;font-weight:800;box-shadow:0 1px 3px #00000014}.btn--preset-active{color:var(--color-cream);background:linear-gradient(#2f7ae2,#155fcc);border-color:#0000;box-shadow:0 5px 12px #155fcc61,inset 0 1px #ffffff4d}.modal-input--target{flex:1;min-width:90px}.modal-actions{justify-content:flex-end;gap:.7rem;margin-top:1.5rem;display:flex}.modal-actions--single{justify-content:stretch}.modal-actions--single .btn{width:100%;min-height:50px}.btn--primary{color:var(--color-cream);background:linear-gradient(#2f7ae2 0%,#155fcc 55%,#1156bb 100%);padding:.7rem 1.5rem;font-size:1.05rem;font-weight:800;box-shadow:0 6px 16px #155fcc66,inset 0 1px #ffffff4d}.btn--ghost{color:var(--color-ink);background:#17241d0d;border:1.5px solid #17241d24;padding:.7rem 1.2rem;font-size:1.05rem}.resolve-list{flex-direction:column;display:flex}.resolve-row{border-bottom:1px solid #17241d1f;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem 0;display:flex}.resolve-row:last-child{border-bottom:none}.resolve-row__info{flex-direction:column;gap:.1rem;display:flex}.resolve-row__label{color:var(--color-ink);font-weight:800}.resolve-row__amount{color:#6b4e15;background:linear-gradient(#fbe7c0,#f0d69f);border-radius:999px;align-self:flex-start;margin-top:.2rem;padding:.12rem .55rem;font-size:.72rem;font-weight:800;box-shadow:inset 0 1px #ffffff80}.resolve-row__teams{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.btn--team-choice{min-height:46px;color:var(--color-cream);background:linear-gradient(#2f7ae2,#155fcc);padding:.4rem 1.1rem;font-size:.95rem;font-weight:800;box-shadow:0 4px 10px #155fcc59,inset 0 1px #ffffff40}.btn--team-choice-b{background:linear-gradient(#f0455a,#d7263d);box-shadow:0 4px 10px #d7263d59,inset 0 1px #ffffff40}.resolve-row__result{color:var(--color-ink);opacity:.75;font-size:.9rem;font-weight:700}.resolve-row__empty{color:var(--color-ink);opacity:.45;font-size:.85rem}.history-empty{color:var(--color-ink);opacity:.6;text-align:center;padding:1rem 0}.history-list{flex-direction:column;gap:.7rem;max-height:50vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.history-entry{background:#fff;border-radius:.9rem;padding:.7rem .85rem;box-shadow:0 2px 8px #0000000f,inset 0 0 0 1px #17241d0f}.history-entry__time{color:var(--color-ink);opacity:.5;letter-spacing:.04em;font-size:.68rem;font-weight:800;display:inline-block}.history-entry__lines{flex-direction:column;gap:.4rem;margin-top:.45rem;display:flex}.history-line{align-items:center;gap:.5rem;display:flex}.history-line__lance{text-align:center;text-transform:uppercase;letter-spacing:.02em;color:#fff;border-radius:999px;flex:none;min-width:66px;padding:.16rem .5rem;font-size:.68rem;font-weight:800;box-shadow:inset 0 1px #ffffff40}.history-line__lance--grande{background:#2b7fd4}.history-line__lance--chica{background:#12a7bf}.history-line__lance--pares{background:#9d54cf}.history-line__lance--juego{background:#ec4f8c}.history-line__team{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:.92rem;font-weight:700;overflow:hidden}.history-line__amount{color:#6b4e15;background:linear-gradient(#fbe7c0,#f0d69f);border-radius:999px;flex:none;padding:.1rem .55rem;font-size:.75rem;font-weight:800;box-shadow:inset 0 1px #ffffff80}.win-overlay{text-align:center;padding:.5rem 0 .25rem}.win-overlay__trophy{filter:drop-shadow(0 0 18px #d9a441b3);margin:0 0 .4rem;font-size:4rem;animation:.52s cubic-bezier(.2,1.4,.4,1) trophy-pop}@keyframes trophy-pop{0%{opacity:0;transform:scale(0)rotate(-25deg)}70%{transform:scale(1.22)rotate(8deg)}to{transform:scale(1)rotate(0)}}.win-overlay__title{color:var(--color-ink);letter-spacing:.01em;margin:0 0 1.5rem;font-size:1.75rem;font-weight:900}.btn--win{background:var(--grad-gold);color:#4a3410;width:100%;min-height:54px;box-shadow:var(--shadow-cta);text-shadow:0 1px #ffffff80;font-size:1.15rem;font-weight:900}@media (width>=481px){.scoreboard{min-height:min(100dvh,900px);margin-block:max(1.5rem, env(safe-area-inset-top)) 1.5rem;border-radius:1.5rem}.team-panel--top{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.team-panel--bottom{border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem}}