:root{--blue: #6baedb;--pink: #f4a3b5;--yellow: #ffe48a;--ink: #17324d;--action: #2171b5;--action-pressed: #1a5c94;--bg: #fafcfe;--white: #ffffff;--blue-soft: #eaf4fb;--yellow-soft: #fff6dc;--pink-soft: #ffeef1;--line: #dde6ee;--muted: #54677a;--field-border: #6f8ca6;--font-display: "Comfortaa", system-ui, sans-serif;--font-body: Roboto, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--radius-card: 20px;--radius-button: 16px;--radius-field: 14px;--pad: 24px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}h1,h2,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.screen{min-height:100vh;min-height:100dvh;max-width:480px;margin:0 auto;padding:var(--pad);padding-top:max(var(--pad),env(safe-area-inset-top));padding-bottom:max(var(--pad),env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:18px}.screen-flush{padding:0;padding-bottom:max(var(--pad),env(safe-area-inset-bottom));gap:0}.screen-center{justify-content:center;align-items:center}.pad{padding-left:var(--pad);padding-right:var(--pad)}.fill{flex:1 1 auto;display:flex;flex-direction:column;gap:18px}.bottom{margin-top:auto;padding-top:16px}.stack{display:flex;flex-direction:column;gap:16px}.stack-sm{display:flex;flex-direction:column;gap:10px}.row{display:flex;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.center{text-align:center}.h1{font-family:var(--font-display);font-weight:700;font-size:32px;line-height:1.15}.h1-sm{font-size:28px}.h2{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1.2}.small{font-size:14px;line-height:1.4}.muted{color:var(--muted)}.strong,.error{font-weight:700}.struck{text-decoration:line-through}.logo{margin-left:-10px;mix-blend-mode:multiply}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-name{font-family:var(--font-display);font-weight:700}.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:0 20px;border:0;border-radius:var(--radius-button);font-weight:700;font-size:16px;text-decoration:none;text-align:center}.btn-primary{background:var(--action);color:var(--white)}.btn-primary:active{background:var(--action-pressed)}.btn-secondary{background:var(--white);color:var(--action);border:2px solid var(--action)}.btn-sm{width:auto;min-height:48px;padding:0 14px;border-radius:14px;font-size:14px;flex-shrink:0}.btn:disabled{background:var(--line);color:var(--muted);border-color:var(--line);cursor:default}.btn-link{min-height:48px;padding:0 12px;border:0;background:transparent;color:var(--action);font-weight:700;font-size:14px;text-decoration:underline;align-self:center}.btn-link.back{align-self:flex-start;padding-left:0}.btn-basta{min-height:68px;border-radius:20px;background:var(--pink);color:var(--ink);font-family:var(--font-display);font-size:28px}.card{border-radius:var(--radius-card);padding:20px}.card-blue{background:var(--blue-soft)}.card-yellow{background:var(--yellow-soft)}.card-pink{background:var(--pink-soft)}.card-dashed{border:2px dashed #b4c6d6;border-radius:var(--radius-card);padding:16px 20px}.card-row{border-radius:16px;padding:14px 16px}.badge{flex-shrink:0;padding:6px 12px;border-radius:999px;background:var(--yellow);font-size:14px;font-weight:700}.game-name{font-size:28px}.field{width:100%;min-width:0;height:48px;padding:0 14px;border:2px solid var(--field-border);border-radius:var(--radius-field);background:var(--white);font-size:18px}.field:focus{outline:none;border:3px solid var(--ink);padding:0 13px}.field:disabled{background:var(--bg);color:var(--muted);border-style:dashed;opacity:1}.field::placeholder{color:#8496a8;font-size:15px}.field-lg{height:56px;border-color:var(--action);font-size:20px;font-weight:700}.field-code{height:72px;border-color:var(--action);font-family:var(--font-display);font-weight:700;font-size:36px;letter-spacing:.3em;text-align:center;text-transform:uppercase}.qr-card{display:flex;flex-direction:column;align-items:center;gap:14px}.qr{padding:0;background:var(--white);border-radius:12px;overflow:hidden}.qr img{display:block}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 8px;border:1.5px solid var(--line);border-radius:999px;background:var(--white);font-size:14px;font-weight:700}.chip-host{background:var(--yellow-soft);border-color:var(--yellow)}.chip-away{border-style:dashed;font-weight:400}.dot{width:24px;height:24px;border-radius:50%;flex-shrink:0}.dot-yellow{background:var(--yellow)}.dot-pink{background:var(--pink)}.dot-blue{background:var(--blue)}.banner,.toast{position:fixed;left:50%;transform:translate(-50%);z-index:10;max-width:calc(100% - 32px);padding:10px 16px;border-radius:999px;font-size:14px;font-weight:700;text-align:center}.banner{top:max(8px,env(safe-area-inset-top));background:var(--ink);color:var(--white)}.toast{bottom:max(100px,env(safe-area-inset-bottom));background:var(--yellow);color:var(--ink);border-radius:16px}.gamebar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px}.screen-flush>.gamebar{min-height:68px;padding:0 var(--pad);padding-top:env(safe-area-inset-top);border-bottom:1.5px solid var(--line)}.picking{align-items:center;padding-top:36px;gap:32px}.picking .bottom{align-self:stretch}.draw{width:220px;height:220px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 12px var(--yellow-soft);font-family:var(--font-display);font-weight:700;font-size:30px;line-height:1.15;padding:0 24px}.draw:active{transform:scale(.97)}.draw-waiting{background:var(--yellow-soft);box-shadow:none;color:var(--muted);font-size:96px}.countdown{background:var(--yellow);color:var(--ink)}.letters{display:flex;flex-wrap:wrap;gap:8px}.letter-used{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--line);border-radius:14px;background:var(--white);color:var(--muted);font-family:var(--font-display);font-weight:700;font-size:20px;text-decoration:line-through}.band{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:148px;padding:16px var(--pad);padding-top:max(16px,env(safe-area-inset-top));position:sticky;top:0;z-index:2}.band-sm{min-height:112px;justify-content:flex-start}.band-blue{background:var(--blue)}.band-pink{background:var(--pink)}.band-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}.circle{width:108px;height:108px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;font-family:var(--font-display);font-weight:700;font-size:60px;line-height:1;font-variant-numeric:tabular-nums}.circle-letter{background:var(--yellow);border:7px solid var(--white)}.circle-white{background:var(--white);font-size:64px}.circle-sm{width:76px;height:76px;border-width:5px;font-size:40px}.timer{font-family:var(--font-display);font-weight:700;font-size:40px;line-height:1.1;font-variant-numeric:tabular-nums}.answers{padding-top:20px;gap:10px}.answer-row{display:flex;align-items:center;gap:12px}.answer-row label{width:108px;flex-shrink:0;font-weight:700;line-height:1.2}.review{padding-top:20px;gap:10px}.answer{display:flex;flex-direction:column;gap:8px;min-height:72px;justify-content:center;padding:10px 10px 10px 16px;border:1.5px solid var(--line);border-radius:16px;background:var(--white)}.answer-disputed{background:var(--pink-soft);border:2px solid var(--pink)}.answer-main,.answer-vote{display:flex;align-items:center;gap:10px}.answer-vote{justify-content:space-between;min-height:48px}.answer-text{flex:1 1 auto;min-width:0}.answer-word{font-size:18px;font-weight:700;overflow-wrap:anywhere}.pill{width:56px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:999px;font-weight:700}.pill-100{background:var(--yellow)}.pill-50{background:var(--white);border:2px solid var(--ink)}.pill-0{background:#e8eef4;color:#4a5b6c}.ranking{display:flex;flex-direction:column;gap:8px}.rank{display:flex;align-items:center;gap:12px;min-height:58px;padding:0 16px;border:1.5px solid var(--line);border-radius:16px;background:var(--white)}.rank-leader{min-height:64px;background:var(--yellow);border-color:var(--yellow)}.rank-me{background:var(--blue-soft);border-color:var(--blue)}.rank-pos{width:20px;font-family:var(--font-display);font-weight:700;font-size:20px}.rank-name{flex:1 1 auto;min-width:0;font-size:18px;font-weight:700;overflow-wrap:anywhere}.rank-gain{color:var(--muted)}.rank-leader .rank-gain{color:var(--ink);font-weight:700}.rank-total{min-width:70px;text-align:right;font-family:var(--font-display);font-weight:700;font-size:22px;font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){.draw:active{transform:none}}