@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url("./media/inter-NRMW37G5.woff2") format("woff2")}@font-face{font-family:Oswald;font-style:normal;font-weight:500 700;font-display:swap;src:url("./media/oswald-II7YIRST.woff2") format("woff2")}:root{--color-bg: #0f1513;--color-surface: #18211d;--color-surface-2: #222d28;--color-table: #1d3a2e;--color-text: #f2f5f3;--color-text-muted: #a9b5ae;--color-border: #34423b;--color-accent: #f5c542;--color-paper: #f3ead7;--color-quiero: #1b873f;--color-noquiero: #c62828;--color-mazo: #3b4742;--color-truco: #fdd835;--color-truco-fg: #1a1a1a;--color-retruco: #fb8c00;--color-retruco-fg: #1a1a1a;--color-vale4: #8e24aa;--color-vale4-fg: #ffffff;--color-envido: #4fc3f7;--color-envido-fg: #1a1a1a;--color-realenvido: #1565c0;--color-realenvido-fg: #ffffff;--color-faltaenvido: #283593;--color-faltaenvido-fg: #ffffff;--radius: 12px;--btn-h: 56px;--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Oswald", "Arial Narrow", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font-ui);font-size:17px;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse 120% 60% at 50% 0%,#1a2622 0%,var(--color-bg) 70%) fixed var(--color-bg);color:var(--color-text)}::selection{background:var(--color-accent);color:#1a1a1a}h1,h2{margin:0 0 .6rem}button,.button{font:inherit;font-weight:600;min-height:44px;padding:.55rem 1.1rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-2);color:var(--color-text);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:filter .1s,scale .1s,translate .1s}button:hover:not(:disabled),.button:hover{filter:brightness(1.15);translate:0 -1px}button:active:not(:disabled),.button:active{scale:.96}button:disabled{opacity:.45;cursor:default}button:focus-visible,.button:focus-visible,input:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}button.primary{background:var(--color-accent);color:#1a1a1a;border-color:transparent}button.small,.button.small{min-height:36px;padding:.3rem .8rem;font-size:.9rem}button.ghost{background:transparent}input{font:inherit;padding:.6rem .8rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text)}.page{max-width:880px;margin:0 auto;padding:2rem 1rem 3rem;display:flex;flex-direction:column;gap:1.2rem}.tagline{text-align:center;margin:-.4rem 0 .4rem;color:var(--color-text-muted);letter-spacing:.04em}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:1.4rem 1.6rem;display:flex;flex-direction:column;gap:1.1rem;box-shadow:0 10px 30px #0005;animation:rise .4s cubic-bezier(.2,.8,.3,1) backwards}.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.home-actions .panel:nth-child(2){animation-delay:.08s}.step{display:flex;align-items:center;gap:.7rem;margin:0;font-family:var(--font-display);font-weight:600;font-size:1.5rem;letter-spacing:.02em}.step-n{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--color-accent);color:#1a1a1a;font-size:1.05rem}.step-n.alt{background:var(--color-surface-2);color:var(--color-text-muted)}.field{display:flex;flex-direction:column;gap:.45rem}.field>span{font-weight:600;font-size:.9rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.input-lg{font-size:1.15rem;padding:.75rem 1rem}.segmented{display:flex;padding:4px;gap:4px;border-radius:14px;background:var(--color-bg);border:1px solid var(--color-border)}.segmented button{flex:1;border:none;background:transparent;min-height:44px;font-size:1.05rem;color:var(--color-text-muted)}.segmented button:hover:not(:disabled){translate:none;color:var(--color-text)}.segmented button.sel{background:var(--color-surface-2);color:var(--color-text);box-shadow:0 1px #ffffff14 inset,0 2px 6px #0006}.switch{display:flex;align-items:center;gap:.8rem;cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;pointer-events:none}.switch-track{position:relative;width:46px;height:26px;border-radius:99px;background:var(--color-surface-2);border:1px solid var(--color-border);transition:background .2s;flex:none}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--color-text-muted);transition:translate .2s,background .2s}.switch input:checked+.switch-track{background:var(--color-accent);border-color:transparent}.switch input:checked+.switch-track:after{translate:20px 0;background:#1a1a1a}.switch input:focus-visible+.switch-track{outline:3px solid var(--color-accent);outline-offset:2px}.cta{min-height:54px;font-size:1.15rem;margin-top:auto;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase}button.primary:disabled{background:var(--color-surface-2);color:var(--color-text-muted);opacity:1}.profile{display:flex;gap:1.4rem;align-items:flex-start}.profile-fields{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:0}.avatar.big{width:112px;height:112px;border:4px solid var(--color-accent);flex:none;animation:pop .35s cubic-bezier(.3,1.6,.5,1)}.avatars{display:flex;flex-wrap:wrap;gap:.5rem}.avatar-pick{padding:3px;line-height:0;border-radius:50%;min-height:0;background:transparent;border:2px solid transparent}.avatar-pick:hover:not(:disabled){scale:1.08;translate:none}.avatar-pick.sel{border-color:var(--color-accent)}.avatar-pick img{width:48px;height:48px;border-radius:50%}.code-input{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.45em;text-align:center;font-size:2rem;padding:.5rem 0 .5rem .45em}.error{background:var(--color-noquiero);color:#fff;padding:.8rem 1rem;border-radius:var(--radius);margin:0}.hint{color:var(--color-text-muted);margin:0}.center{text-align:center}.code{letter-spacing:.15em;font-family:var(--font-display)}.avatar{width:64px;height:64px;border-radius:50%;background:var(--color-surface-2);object-fit:cover}@keyframes rise{0%{opacity:0;translate:0 16px}}@keyframes pop{0%{opacity:0;scale:.4}70%{scale:1.12}to{opacity:1;scale:1}}@keyframes fade{0%{opacity:0}}@keyframes bounce{0%{scale:.3}60%{scale:1.15}to{scale:1}}@media(max-width:800px){.home-actions{grid-template-columns:1fr}.profile{flex-direction:column;align-items:center}.avatar.big{width:88px;height:88px}.panel{padding:1.1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}