:root{--bg: #0a0f1a;--bg-elevated: #121a2e;--bg-card: #1a2540;--bg-input: #0d1322;--accent: #f5b942;--accent-dim: #c4922a;--hot: #ff5c47;--ok: #34d399;--warn: #fbbf24;--purple: #a78bfa;--teal: #2dd4bf;--text: #f1f5f9;--muted: #94a3b8;--radius: 14px;--radius-lg: 20px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--touch: 48px;font-family:Outfit,system-ui,sans-serif;font-size:16px;-webkit-tap-highlight-color:transparent}*,*:before,*:after{box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%}body{margin:0;min-height:100%;touch-action:manipulation;overscroll-behavior-y:none;background:var(--bg);background-image:radial-gradient(ellipse 120% 60% at 50% -30%,rgba(245,185,66,.12),transparent),radial-gradient(circle at 100% 100%,rgba(255,92,71,.06),transparent);color:var(--text);line-height:1.45;overflow-x:hidden}h1,h2,h3,.btn{font-family:Fredoka,sans-serif}#app{min-height:100dvh;width:100%}.app-shell{min-height:100dvh;display:flex;flex-direction:column;padding:calc(12px + var(--safe-t)) max(12px,env(safe-area-inset-left,0px)) 0 max(12px,env(safe-area-inset-right,0px));max-width:100%;width:100%;margin:0 auto}@media(min-width:520px){.app-shell{max-width:480px;padding-left:16px;padding-right:16px}}.shell-with-footer{padding-bottom:0}.scroll-main{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:12px;padding-bottom:12px;min-height:0}.lobby-screen.scroll-main,.game-scroll{padding-bottom:16px}.sticky-footer{flex-shrink:0;display:flex;flex-direction:column;gap:10px;padding:12px max(12px,env(safe-area-inset-left,0px)) calc(12px + var(--safe-b)) max(12px,env(safe-area-inset-right,0px));background:linear-gradient(to top,var(--bg) 70%,transparent);border-top:1px solid rgba(255,255,255,.06);position:sticky;bottom:0;z-index:10}.game-actions-footer .action-card,.game-actions-footer .wait-msg,.game-actions-footer>.btn{margin:0}.hint-footer{margin:0;text-align:center}.icon{display:inline-block;vertical-align:middle;flex-shrink:0}.icon.spin,.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand-logo{display:block;width:min(220px,78vw);height:auto;margin:0 auto 8px;object-fit:contain;filter:drop-shadow(0 8px 28px rgba(0,0,0,.45))}.brand-paulo{color:var(--accent);filter:drop-shadow(0 4px 12px rgba(245,185,66,.4))}.gold{color:var(--accent)}.top-bar,.game-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;min-height:36px}.conn{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:4px 10px;border-radius:999px;background:var(--bg-card)}.conn.ok{color:var(--ok)}.conn.bad{color:var(--hot)}.conn.warn{color:var(--warn)}.btn-icon{width:var(--touch);height:var(--touch);border:none;background:var(--bg-card);color:var(--muted);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}.brand-block{text-align:center;padding:8px 0 20px}.brand-sub{text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;color:var(--accent);margin:8px 0 0}.brand-block h1{font-size:2.25rem;margin:4px 0;background:linear-gradient(135deg,var(--accent),#ff9f43);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lead{color:var(--muted);font-size:.9rem;margin:0;padding:0 8px}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:16px;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 32px #00000040}.stack{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field .label{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500;color:var(--muted)}input[type=text],input[type=number],input[type=url]{width:100%;min-height:var(--touch);padding:12px 14px;border-radius:var(--radius);border:2px solid rgba(255,255,255,.08);background:var(--bg-input);color:var(--text);font-size:16px;font-family:inherit}input:focus{outline:none;border-color:var(--accent)}.code-input{text-align:center;font-family:Fredoka,monospace;font-size:1.5rem;letter-spacing:.3em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--touch);padding:0 18px;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:transform .12s,opacity .12s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;pointer-events:none}.btn-block{width:100%}.btn-lg{min-height:56px;font-size:1.1rem}.btn-primary{background:linear-gradient(135deg,var(--accent),#e89b1f);color:#1a1000;box-shadow:0 4px 20px #f5b9424d}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid rgba(255,255,255,.1)}.btn-ghost{background:transparent;color:var(--muted);min-height:36px}.btn-challenge{background:linear-gradient(135deg,var(--hot),#dc2626);color:#fff;margin-top:10px}.btn-danger{background:var(--hot);color:#fff}.btn-warn{background:#fbbf2426;color:var(--warn);border:1px solid rgba(251,191,36,.3)}.btn-purple{background:#a78bfa26;color:var(--purple);border:1px solid rgba(167,139,250,.3)}.btn-teal{background:#2dd4bf1f;color:var(--teal);border:1px solid rgba(45,212,191,.3)}.btn-sm{min-height:40px;font-size:.85rem;padding:0 12px}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.8rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ffffff14}.modes-card h2{display:flex;align-items:center;gap:8px;font-size:1rem;margin:0 0 12px}.toggle{display:flex;align-items:flex-start;gap:12px;padding:12px 0;min-height:var(--touch);cursor:pointer;font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.06)}.toggle:last-of-type{border-bottom:none}.toggle input{width:22px;height:22px;margin-top:2px;flex-shrink:0;accent-color:var(--accent)}.toggle span{display:flex;flex-direction:column;gap:2px}.toggle strong{font-weight:600}.toggle small{color:var(--muted);font-size:.8rem;font-weight:400}.modes-hint{margin:-4px 0 12px;font-size:.8rem;color:var(--muted)}.modes-status{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.modes-status li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);background:var(--bg-elevated)}.modes-status li.on{border:1px solid rgba(52,211,153,.35);color:var(--ok)}.modes-status li.off{opacity:.65}.modes-status li span{display:flex;flex-direction:column;gap:2px}.modes-status small{font-size:.75rem;color:var(--muted)}.lobby-hero{text-align:center;padding:20px 16px;background:linear-gradient(160deg,rgba(245,185,66,.14),transparent 55%);border-color:#f5b94233}.lobby-hero-kicker{margin:0;font-size:.8rem;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px}.lobby-code{font-family:Fredoka,monospace;font-size:2.5rem;letter-spacing:.2em;margin:6px 0;color:var(--accent)}.lobby-meta{margin:0;font-size:.85rem;color:var(--muted)}.invite-card h2,.players-card h2,.profile-card h2{display:flex;align-items:center;gap:8px;font-size:1rem;margin:0 0 10px}.profile-card .profile-row{flex-direction:column;align-items:stretch}@media(min-width:380px){.profile-card .profile-row{flex-direction:row;align-items:flex-start}}.profile-preview{display:flex;justify-content:center;flex-shrink:0}.scores-details summary{cursor:pointer;font-family:Fredoka,sans-serif;font-weight:600;list-style:none;display:flex;align-items:center;gap:8px}.scores-details summary::-webkit-details-marker{display:none}.scores-count{margin-left:auto;font-size:.75rem;background:var(--bg-elevated);padding:2px 8px;border-radius:999px;color:var(--muted)}.player-chip.me{border:1px solid rgba(245,185,66,.45);background:#f5b94214}.player-chip-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.badge-you{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;background:var(--accent);color:#1a1000;padding:2px 6px;border-radius:4px;font-weight:700;font-family:Fredoka,sans-serif}.online-tag{font-size:.7rem;color:var(--ok);font-style:normal;display:flex;align-items:center;gap:4px}.player-status-row{display:flex;align-items:center;gap:8px;margin-top:2px}.signal-bars{display:inline-flex;align-items:flex-end;gap:2px;height:14px;flex-shrink:0}.sig-bar{display:block;width:3px;border-radius:1px;background:#ffffff26}.sig-bar:nth-child(1){height:4px}.sig-bar:nth-child(2){height:7px}.sig-bar:nth-child(3){height:10px}.sig-bar:nth-child(4){height:13px}.sig-bar.on{background:var(--ok)}.signal-l1 .sig-bar.on{background:var(--hot)}.signal-l2 .sig-bar.on{background:var(--warn)}.signal-l-1 .sig-bar{animation:pulse-timer 1s ease infinite}.score-meta{display:flex;align-items:center;justify-content:center;gap:6px;width:100%}.score-chip .signal-bars{height:10px}.score-chip .sig-bar:nth-child(1){height:3px}.score-chip .sig-bar:nth-child(2){height:5px}.score-chip .sig-bar:nth-child(3){height:7px}.score-chip .sig-bar:nth-child(4){height:9px}.end-hint{margin:0 0 12px}.room-code-card{text-align:center}.code-display{font-family:Fredoka,monospace;font-size:2.75rem;letter-spacing:.25em;color:var(--accent);margin:8px 0}.player-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.player-chip{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--bg-elevated);border-radius:var(--radius);font-weight:500}.player-chip .player-chip-info{flex:1;min-width:0}.btn-kick{flex-shrink:0;width:40px;height:40px;border:none;border-radius:10px;background:#ff5c4726;color:var(--hot);display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-kick:active{transform:scale(.95)}.btn-kick-sm{margin-top:4px;width:32px;height:32px;border-radius:8px}.score-chip.offline{opacity:.75}.score-chip.offline .score-name{color:var(--muted)}.player-chip.offline{opacity:.5}.waiting-host{text-align:center;padding:24px;color:var(--muted)}.hint{text-align:center;font-size:.8rem;color:var(--muted);margin-top:8px}.game-shell{gap:12px}.turn-timer-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;margin-bottom:4px;border-radius:var(--radius);background:var(--bg-card);border:1px solid rgba(255,255,255,.08);font-size:.9rem}.turn-timer-bar.mine{border-color:#f5b94273;background:#f5b9421a}.turn-timer-bar.warn{border-color:#fbbf2480}.turn-timer-bar.urgent{border-color:var(--hot);background:#ff5c471f;animation:pulse-timer .8s ease infinite}@keyframes pulse-timer{50%{opacity:.85}}.turn-timer-text strong{font-family:Fredoka,sans-serif;font-size:1.25rem;color:var(--accent);min-width:1.5ch;display:inline-block;text-align:center}.turn-timer-bar.urgent .turn-timer-text strong{color:var(--hot)}.turn-timer-penalty{font-size:.7rem;color:var(--warn)}.turn-timer-relaxed{font-size:.7rem;color:var(--ok)}.game-status-banner{margin:0 12px 8px;padding:12px 14px;border-radius:var(--radius);background:linear-gradient(135deg,#f5b94224,#34d39914);border:1px solid rgba(245,185,66,.25)}.game-status-banner.my-turn{border-color:var(--ok);box-shadow:0 0 0 1px #34d39959;animation:pulse-turn 2s ease-in-out infinite}@keyframes pulse-turn{0%,to{box-shadow:0 0 0 1px #34d39959}50%{box-shadow:0 0 12px #34d39940}}.game-status-main{display:flex;align-items:center;gap:8px;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600}.game-status-detail{margin:6px 0 0;font-size:.85rem;color:var(--muted);line-height:1.35}.game-status-detail strong,.live-typing strong{color:var(--accent)}.score-meta .ping-tag{font-size:.65rem;color:var(--muted);margin-left:2px}.round-pill{display:inline-flex;align-items:center;gap:4px;background:var(--accent);color:#1a1000;padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:700}.scores-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scores-scroll::-webkit-scrollbar{display:none}.score-chip{flex:0 0 auto;min-width:88px;padding:10px 12px;background:var(--bg-card);border-radius:var(--radius);border:2px solid transparent;font-size:.8rem}.score-chip.me{border-color:#f5b94266}.score-chip.reader{background:#f5b9421a}.score-chip.active{border-color:var(--ok);box-shadow:0 0 0 1px var(--ok)}.score-name{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72px}.score-cards{color:var(--muted);font-size:.75rem}.trivia-card .card-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px}.theme{font-family:Fredoka,sans-serif;font-size:1.05rem;color:var(--accent)}.paulo-row{display:inline-flex;align-items:center;gap:4px}.paulo-mini{display:block;width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.q-grid{display:flex;flex-direction:column;gap:8px}.q-btn{display:flex;gap:12px;align-items:flex-start;text-align:left;width:100%;padding:12px;min-height:var(--touch);border:2px solid rgba(255,255,255,.06);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text);cursor:pointer}.q-btn:active{border-color:var(--accent)}.q-n{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#1a1000;border-radius:8px;font-weight:700;font-family:Fredoka,sans-serif}.q-t{font-size:.9rem;line-height:1.35}.active-q .q-tag{display:inline-block;background:var(--accent);color:#1a1000;padding:2px 8px;border-radius:6px;font-size:.75rem;font-weight:700;margin-bottom:6px}.active-q p{margin:0;font-size:1.05rem}.reveal-box{margin-top:14px;padding:14px;background:#34d3991a;border:2px solid var(--ok);border-radius:var(--radius);animation:pop .35s ease}@keyframes pop{0%{opacity:0;transform:scale(.96)}}.reveal-label{display:flex;align-items:center;gap:6px;margin:0;font-size:.75rem;text-transform:uppercase;color:var(--ok)}.reveal-num{font-family:Fredoka,sans-serif;font-size:2.75rem;margin:4px 0;color:var(--ok)}.curiosity{margin:0;font-size:.85rem;color:var(--muted)}.action-card h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:1rem}.bid-row{display:flex;gap:8px}.bid-row input{flex:1;font-family:Fredoka,sans-serif;font-size:1.25rem}.bid-now{margin:0 0 10px}.bid-now strong{font-family:Fredoka,sans-serif;font-size:1.75rem;color:var(--accent)}.tag-dobrei{background:var(--purple);color:#fff;padding:2px 8px;border-radius:6px;font-size:.7rem}.extra-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.wait-msg{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:var(--muted);text-align:center}.log-details{margin-top:auto;font-size:.8rem;color:var(--muted)}.log-details ul{margin:8px 0 0;padding-left:18px}.end-card{text-align:center}.end-card h2{margin:8px 0}.end-na-mosca{margin:0 0 12px;font-size:.9rem;color:var(--muted);line-height:1.4}.final-list{list-style:none;padding:0;margin:16px 0;text-align:left}.final-list li{padding:10px 12px;background:var(--bg-elevated);border-radius:var(--radius);margin-bottom:6px}.final-list li.win{border:2px solid var(--accent);color:var(--accent)}#notify-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999}.toast-stack{position:fixed;top:calc(12px + var(--safe-t));left:16px;right:16px;max-width:420px;margin:0 auto;display:flex;flex-direction:column;gap:8px;pointer-events:none;z-index:10000}.toast-item{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius);font-size:.9rem;font-weight:500;box-shadow:0 8px 32px #00000073;animation:slideDown .3s ease}.toast-success{background:#065f46;color:#6ee7b7;border:1px solid rgba(52,211,153,.4)}.toast-error{background:#7f1d1d;color:#fecaca;border:1px solid rgba(255,92,71,.4)}.toast-warn{background:#78350f;color:#fde68a}.toast-info{background:var(--bg-card);color:var(--text);border:1px solid var(--accent)}.toast-close{margin-left:auto;background:transparent;border:none;color:inherit;font-size:1.25rem;cursor:pointer;opacity:.7}.modal-backdrop{pointer-events:auto;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;width:100%;max-width:360px;border:1px solid rgba(255,255,255,.08)}.modal-title{margin:0 0 8px;font-family:Fredoka,sans-serif}.modal-body{margin:0 0 16px;color:var(--muted)}.modal-input{width:100%;min-height:48px;margin-bottom:16px;padding:12px;border-radius:var(--radius);border:2px solid rgba(255,255,255,.1);background:var(--bg-input);color:var(--text);font-size:1.1rem}.modal-actions{display:flex;gap:10px}.modal-actions .btn{flex:1}.avatar-wrap{--avatar-size: 40px;position:relative;width:var(--avatar-size);height:var(--avatar-size);flex-shrink:0;display:inline-flex}.avatar-img{width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;object-fit:cover;border:2px solid rgba(245,185,66,.35)}.avatar-img.broken{display:none}.avatar-initials{width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-dim),var(--accent));color:#1a1000;font-weight:700;font-size:calc(var(--avatar-size) * .35);font-family:Fredoka,sans-serif}.avatar-wrap:has(.avatar-img:not(.broken)) .avatar-initials{display:none}.share-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 8px}.share-row-stack{flex-direction:column}.share-row-stack .btn-share-action{width:100%;min-height:var(--touch)}.modes-editable{border-color:#f5b94240}.shell-home{padding-bottom:calc(12px + var(--safe-b))}.screen.home-screen{flex:1;min-height:0}.party-url-hint{font-size:.7rem;color:var(--muted);word-break:break-all;margin:0}.profile-row{display:flex;gap:12px;align-items:flex-start}.profile-fields{flex:1;display:flex;flex-direction:column;gap:8px}.profile-fields input{width:100%;min-height:44px;padding:10px;border-radius:var(--radius);border:2px solid rgba(255,255,255,.08);background:var(--bg-input);color:var(--text)}.player-chip{display:flex;align-items:center;gap:10px}.player-chip-info{display:flex;flex-direction:column;gap:2px}.offline-tag{font-size:.7rem;color:var(--muted);font-style:normal}.lobby-scores-list{list-style:none;padding:0;margin:0}.lobby-scores-list li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.ls-name{font-weight:600}.ls-stat{display:block;font-size:.75rem;color:var(--muted)}.banner-ended{background:#f5b9421f;border:1px solid var(--accent);color:var(--accent);text-align:center;padding:12px;margin-bottom:12px;font-size:.9rem}.score-chip{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:72px}.final-list li{display:flex;align-items:center;gap:10px}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}}@media(min-width:481px){.app-shell{padding-top:24px}.brand-block h1{font-size:2.75rem}}