@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg-base:#08090e;--bg-surface:#0f1117;--bg-elevated:#161922;--bg-overlay:#1e2330;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff2e;--border:#ffffff1a;--brand-start:#6366f1;--brand-mid:#8b5cf6;--brand-end:#a855f7;--brand-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--cta:#7c3aed;--cta-hover:#6d28d9;--cta-glow:#7c3aed4d;--success:#10b981;--success-bg:#10b9811f;--error:#f43f5e;--error-bg:#f43f5e1f;--warning:#f59e0b;--warning-bg:#f59e0b1f;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#475569;--text-main:#f8fafc;--text-muted:#94a3b8;--gold:#fbbf24;--gold-glow:#fbbf2433;--xp-gold:#fbbf24;--brand-orange:#8b5cf6;--shadow-soft:0 24px 80px #00000080;--shadow-card:0 1px 3px #0006, 0 0 0 1px #ffffff0f;--shadow-elevated:0 8px 32px #00000080, 0 0 0 1px #ffffff14;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-pill:9999px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-base);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background-color:var(--bg-base);min-width:320px;margin:0}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% -10%,#6366f11f,#0000),radial-gradient(60% 40% at 80% 80%,#8b5cf612,#0000);position:fixed;inset:0}a{color:inherit}button,a,input,select{min-height:44px}:focus-visible{outline-offset:2px;outline:2px solid #8b5cf6cc}.app-shell{z-index:1;width:min(100%,430px);min-height:100vh;padding:max(24px, env(safe-area-inset-top,0px)) 16px max(24px, env(safe-area-inset-bottom,0px));margin:0 auto;position:relative}.app-shell__surface{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:inset 0 1px 0 #ffffff0d, var(--shadow-soft);border-radius:var(--radius-2xl);padding:24px 20px}.app-shell__badge,.eyebrow,.panel-label{text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-xs);font-weight:600}.app-shell__badge{border-radius:var(--radius-pill);background:var(--brand-gradient);color:#fff;letter-spacing:.08em;box-shadow:0 2px 12px var(--cta-glow);align-items:center;gap:6px;padding:5px 12px;font-size:.7rem;font-weight:700;display:inline-flex}.app-shell__header{margin-top:20px}.app-shell__header h1{font-size:var(--text-2xl);letter-spacing:-.03em;color:var(--text-primary);margin:0;font-weight:800;line-height:1.1}.app-shell__header p,.body-muted,.app-shell__footer{color:var(--text-secondary)}.app-shell__header p{font-size:var(--text-sm);margin:10px 0 0;line-height:1.5}.app-shell__content{margin-top:24px}.panel{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-elevated);box-shadow:inset 0 1px #ffffff0a}.submit-button{letter-spacing:-.01em;background:var(--brand-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;height:52px;box-shadow:0 0 20px var(--cta-glow);border:none;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:.9375rem;font-weight:600;transition:opacity .15s,transform .12s,box-shadow .15s;display:inline-flex}.submit-button:hover:not(:disabled){opacity:.92;box-shadow:0 0 32px var(--cta-glow);transform:scale(1.01)}.submit-button:active:not(:disabled){transform:scale(.99)}.submit-button:disabled{opacity:.45;cursor:not-allowed}.btn{letter-spacing:-.01em;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;height:52px;min-height:44px;padding:0 20px;font-size:.9375rem;font-weight:600;transition:opacity .15s,transform .12s,box-shadow .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.98)}.btn--primary{background:var(--brand-gradient);color:#fff;width:100%;box-shadow:0 0 20px var(--cta-glow)}.btn--primary:hover:not(:disabled){opacity:.92;box-shadow:0 0 32px var(--cta-glow);transform:scale(1.01)}.btn--secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);width:100%}.btn--secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-overlay)}.btn--outlined{letter-spacing:-.01em;border-radius:var(--radius-md);cursor:pointer;width:100%;height:52px;min-height:44px;color:var(--text-primary);border:1px solid var(--border-default);background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:.9375rem;font-weight:600;transition:border-color .15s,background .15s,transform .12s;display:inline-flex}.btn--outlined:hover:not(:disabled){background:#8b5cf60f;border-color:#8b5cf680}.btn--outlined:active:not(:disabled){transform:scale(.98)}.error-state{gap:8px;margin-top:18px;display:grid}.app-shell__footer{font-size:var(--text-sm);margin-top:18px}.register-form{gap:20px;display:grid}.form-field{gap:8px;display:grid}.form-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:.75rem;font-weight:700}.form-input{width:100%;font-size:var(--text-base);font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);min-height:48px;padding:13px 16px;transition:border-color .15s,box-shadow .15s}.form-input::placeholder{color:var(--text-tertiary)}.form-input:focus{border-color:var(--brand-mid);outline:none;box-shadow:0 0 0 3px #8b5cf62e}.form-input--error{border-color:var(--error);box-shadow:0 0 0 3px #f43f5e1f}.form-error{color:var(--error);font-size:.8rem;font-weight:500}.shift-group{flex-wrap:wrap;gap:6px;display:flex}.shift-option{min-height:44px;font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;flex:auto;justify-content:center;align-items:center;padding:10px 14px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.shift-option--active{border-color:var(--brand-mid);color:var(--text-primary);background:#8b5cf626;box-shadow:inset 0 1px #ffffff0f}.avatar-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.avatar-option{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;justify-content:center;align-items:center;min-height:60px;font-size:1.8rem;transition:border-color .15s,background .15s,transform .12s;display:flex}.avatar-option:active{transform:scale(.92)}.avatar-option--active{border-color:var(--brand-mid);background:#8b5cf626;box-shadow:0 0 0 3px #8b5cf62e,inset 0 1px #ffffff0f}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.register-submit{cursor:pointer;width:100%;margin-top:4px}.splash-actions{flex-direction:column;gap:12px;width:100%;margin-top:8px;display:flex}.category-list{gap:10px;margin-top:4px;display:grid}.category-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-left:4px solid var(--card-accent,var(--brand-mid));border-radius:var(--radius-lg);width:100%;min-height:72px;color:var(--text-primary);text-align:left;cursor:pointer;align-items:center;gap:14px;padding:14px 16px;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;display:flex;box-shadow:inset 0 1px #ffffff0a}.category-card:hover{background:var(--bg-overlay);border-color:var(--card-accent,var(--brand-mid));transform:translateY(-1px);box-shadow:inset 0 1px #ffffff0f,0 4px 16px #0000004d}.category-card:active{transform:scale(.98)}.category-card--featured{background:#6366f114;border-color:#8b5cf666;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #8b5cf61f}.category-card--expert{background:#7c3aed1a;border-color:#7c3aed80}.category-card__emoji{border-radius:var(--radius-md);background:color-mix(in srgb, var(--card-accent,var(--brand-mid)) 18%, transparent);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.6rem;line-height:1;display:flex}.category-card__body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.category-card__label{font-size:var(--text-base);letter-spacing:-.01em;color:var(--text-primary);font-weight:700;line-height:1.2}.category-card__description{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;line-height:1.3;overflow:hidden}.category-card__multiplier{border-radius:var(--radius-pill);background:var(--brand-gradient);color:#fff;letter-spacing:.04em;flex-shrink:0;padding:4px 10px;font-size:.75rem;font-weight:800;box-shadow:0 2px 8px #8b5cf666}.home-hero{align-items:center;gap:14px;padding:16px 0 8px;display:flex}.home-hero__avatar{flex-shrink:0;font-size:2.4rem;line-height:1}.home-hero__info{flex-direction:column;gap:2px;min-width:0;display:flex}.home-hero__greeting{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-size:.7rem;font-weight:700}.home-hero__name{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:1.25rem;font-weight:800;line-height:1.1;overflow:hidden}.home-hero__role{color:var(--text-secondary);font-size:.8rem}.progress-section{margin-top:20px}.progress-section__label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);margin-bottom:10px;font-size:.7rem;font-weight:700}.progress-bar-wrap{border-radius:var(--radius-pill);background:#ffffff12;height:4px;margin-bottom:10px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-pill);background:var(--brand-gradient);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;display:grid}.metric-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex;box-shadow:inset 0 1px #ffffff0a}.metric-card__value{color:var(--gold);letter-spacing:-.02em;font-size:1.1rem;font-weight:800}.metric-card__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);text-align:center;font-size:.65rem;font-weight:700}.home-cta{cursor:pointer;width:100%;margin-top:24px}.home-secondary-ctas{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.home-cta-secondary{font-size:var(--text-sm);cursor:pointer;min-height:44px;padding:10px 12px}.progress-section__level-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.progress-section__level-badge{border-radius:var(--radius-pill);background:var(--brand-gradient);color:#fff;letter-spacing:.06em;text-transform:uppercase;align-items:center;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.progress-section__xp-next{color:var(--text-secondary);margin:4px 0 8px;font-size:.7rem;font-weight:600}.profile-page{width:min(100%,430px);min-height:100vh;padding:max(24px, env(safe-area-inset-top,0px)) 16px calc(32px + var(--safe-bottom));z-index:1;flex-direction:column;gap:20px;margin:0 auto;display:flex;position:relative}.profile-page--loading,.profile-page--error{text-align:center;justify-content:center;align-items:center;gap:16px}.profile-loading,.profile-error{color:var(--text-secondary);font-size:var(--text-sm)}.profile-header{align-items:center;gap:12px;padding-top:8px;display:flex}.profile-header__back{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);width:36px;height:36px;min-height:36px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1rem;transition:border-color .15s,background .15s;display:inline-flex}.profile-header__back:hover{border-color:var(--border-strong);background:var(--bg-overlay)}.profile-header__title{letter-spacing:-.03em;margin:0;font-size:1.5rem;font-weight:800}.profile-hero{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);align-items:center;gap:16px;padding:16px;display:flex;box-shadow:inset 0 1px #ffffff0d}.profile-hero__avatar{flex-shrink:0;font-size:3rem;line-height:1}.profile-hero__info{flex-direction:column;gap:3px;min-width:0;display:flex}.profile-hero__name{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:1.25rem;font-weight:800;line-height:1.1;overflow:hidden}.profile-hero__role{font-size:var(--text-sm);color:var(--text-secondary)}.profile-hero__shift{text-transform:uppercase;letter-spacing:.08em;color:var(--brand-mid);font-size:.75rem;font-weight:700}.profile-level{padding:16px}.profile-level__top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.profile-level__badge{border-radius:var(--radius-pill);background:var(--brand-gradient);color:#fff;letter-spacing:.06em;text-transform:uppercase;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.profile-level__xp{font-size:var(--text-base);color:var(--gold);letter-spacing:-.02em;font-weight:800}.profile-level__bar-wrap{border-radius:var(--radius-pill);background:#ffffff12;height:4px;margin-bottom:8px;overflow:hidden}.profile-level__bar-fill{border-radius:var(--radius-pill);background:var(--brand-gradient);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.profile-level__next{color:var(--text-secondary);margin:0;font-size:.7rem;font-weight:600}.profile-streaks{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.profile-streak-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex;box-shadow:inset 0 1px #ffffff0a}.profile-streak-card__value{color:var(--gold);letter-spacing:-.03em;font-size:1.4rem;font-weight:800}.profile-streak-card__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);text-align:center;font-size:.62rem;font-weight:700}.profile-section{flex-direction:column;gap:12px;display:flex}.profile-section__title{text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);margin:0;font-size:.7rem;font-weight:700}.profile-section__empty{font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;margin:0;padding:16px}.profile-badges{flex-direction:column;gap:8px;display:flex}.profile-badge{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s;display:flex;box-shadow:inset 0 1px #ffffff0a}.profile-badge--recent{background:#fbbf240d;border-color:#fbbf244d}.profile-badge__icon{flex-shrink:0;font-size:1.6rem;line-height:1}.profile-badge__body{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-badge__name{font-size:var(--text-sm);font-weight:700;line-height:1.2}.profile-badge__desc{color:var(--text-secondary);font-size:.78rem;line-height:1.3}.profile-cats{flex-direction:column;gap:10px;display:flex}.profile-cat__row{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:8px;padding:14px;display:flex;box-shadow:inset 0 1px #ffffff0a}.profile-cat__header{justify-content:space-between;align-items:center;display:flex}.profile-cat__label{font-size:var(--text-base);letter-spacing:-.01em;font-weight:700}.profile-cat__stars{gap:2px;display:flex}.star{font-size:.9rem}.star--lit{color:var(--gold)}.star--dim{color:#ffffff1f}.profile-cat__meta{gap:12px;display:flex}.profile-cat__rounds,.profile-cat__accuracy{color:var(--text-secondary);font-size:.78rem;font-weight:600}.profile-cat__bar-wrap{border-radius:var(--radius-pill);background:#ffffff12;height:3px;overflow:hidden}.profile-cat__bar-fill{border-radius:var(--radius-pill);background:var(--brand-gradient);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.gameplay-page{width:min(100%,430px);min-height:100vh;padding-bottom:calc(24px + var(--safe-bottom));z-index:1;flex-direction:column;margin:0 auto;display:flex;position:relative}.gameplay-page__body{flex-direction:column;flex:1;gap:20px;padding:24px 16px;display:flex}.gameplay-page__question-text{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:700;line-height:1.45}.gameplay-error{text-align:center;flex-direction:column;gap:16px;width:min(100%,430px);margin:40px auto;padding:24px 16px;display:flex}.round-header{z-index:10;-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-subtle);padding:calc(12px + var(--safe-top)) 16px 0;background:#08090ee0;position:sticky;top:0}.round-header__progress-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.round-header__question-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.round-header__score{color:var(--gold);letter-spacing:-.01em;font-size:.9rem;font-weight:800}.round-header__status-row{justify-content:flex-end;align-items:center;gap:10px;margin-bottom:10px;display:flex}.round-header__combo{text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-pill);background:var(--brand-gradient);color:#fff;box-shadow:0 2px 8px var(--cta-glow);padding:3px 10px;font-size:.72rem;font-weight:700}.round-header__timer{color:var(--text-primary);text-align:right;letter-spacing:-.01em;font-variant-numeric:tabular-nums;min-width:32px;font-size:1rem;font-weight:800}.round-header__timer--warning{color:var(--gold)}.round-header__timer--critical{color:var(--error);animation:.6s ease-in-out infinite alternate timer-pulse}@keyframes timer-pulse{0%{opacity:1}to{opacity:.5}}.round-header__progress-bar{background:#ffffff0f;height:3px;overflow:hidden}.round-header__progress-fill{background:var(--brand-gradient);height:100%;transition:width .35s cubic-bezier(.4,0,.2,1)}.round-header__progress-fill--warning{background:linear-gradient(90deg, var(--gold), #f59e0b)}@keyframes bar-pulse-critical{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.round-header__progress-fill--critical{background:linear-gradient(90deg, var(--error), #fb7185);animation:.7s ease-in-out infinite bar-pulse-critical}@keyframes combo-pulse{0%{transform:scale(1);box-shadow:0 0 #8b5cf699}50%{transform:scale(1.1);box-shadow:0 0 0 6px #8b5cf600}to{transform:scale(1);box-shadow:0 0 #8b5cf600}}.round-header__combo--pulse{animation:.9s ease-in-out infinite combo-pulse}.renderer{flex-direction:column;gap:10px;display:flex}.option-btn{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;min-height:56px;color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);text-align:left;cursor:pointer;padding:14px 16px;font-weight:500;line-height:1.45;transition:border-color .15s,background .15s,transform .12s,box-shadow .15s;box-shadow:inset 0 1px #ffffff0a}.option-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-overlay)}.option-btn:active:not(:disabled){transform:scale(.98)}.option-btn--selected{border-color:var(--brand-mid);background:#8b5cf61f;box-shadow:0 0 0 1px #8b5cf64d,inset 0 1px #ffffff0f}.option-btn--correct{border-color:var(--success);background:var(--success-bg);color:var(--success);box-shadow:0 0 12px #10b98126}.option-btn--wrong{border-color:var(--error);background:var(--error-bg);color:var(--error);box-shadow:0 0 12px #f43f5e26}.option-btn--reveal{border-color:var(--success);color:var(--success);opacity:.75;background:#10b98112}.option-btn:disabled{cursor:default}.renderer__hint{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin:0 0 4px;font-size:.75rem;font-weight:700}.renderer__hint--expert{color:var(--gold)}.monte-prato__tokens{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.monte-prato__chip{border-radius:var(--radius-pill);background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);cursor:pointer;min-height:40px;padding:8px 14px;font-weight:500;transition:border-color .15s,background .15s,transform .12s}.monte-prato__chip:active:not(:disabled){transform:scale(.94)}.monte-prato__chip--selected{border-color:var(--brand-mid);background:#8b5cf626;box-shadow:0 0 0 1px #8b5cf640}.monte-prato__chip--correct{border-color:var(--success);background:var(--success-bg);color:var(--success)}.monte-prato__chip--wrong{border-color:var(--error);background:var(--error-bg);color:var(--error)}.monte-prato__chip--reveal{border-color:var(--success);color:var(--success);opacity:.75;background:#10b98112}.monte-prato__chip--missed{border-color:var(--warning);background:var(--warning-bg);color:var(--warning);border-style:dashed}.monte-prato__chip:disabled{cursor:default}.monte-prato__chip-icon{margin-right:4px;font-size:.8rem;font-weight:900}.monte-prato__correct-list{color:var(--text-secondary);margin:4px 0 0;font-size:.8rem;line-height:1.5}.monte-prato__correct-label{text-transform:uppercase;letter-spacing:.08em;color:var(--warning);font-weight:700}.monte-prato__confirm{margin-top:4px}.ordenar-sequencia__list{flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.ordenar-sequencia__item{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.ordenar-sequencia__item--correct{border-color:var(--success);background:var(--success-bg)}.ordenar-sequencia__item--wrong{border-color:var(--error);background:var(--error-bg)}.ordenar-sequencia__text{font-size:var(--text-sm);flex:1;font-weight:600}.ordenar-sequencia__controls{flex-direction:column;gap:2px;display:flex}.ordenar-sequencia__btn{background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-sm);min-height:28px;color:var(--text-secondary);cursor:pointer;padding:2px 8px;font-size:.7rem;transition:color .12s,background .12s}.ordenar-sequencia__btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff14}.ordenar-sequencia__btn:disabled{opacity:.3;cursor:default}.ordenar-sequencia__confirm{margin-top:4px}.feedback-overlay{width:min(100%,430px);padding:20px 20px calc(24px + var(--safe-bottom));-webkit-backdrop-filter:blur(24px)saturate(180%);z-index:20;background:#0f1117eb;border:1px solid #ffffff14;border-bottom:none;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;gap:12px;animation:.28s cubic-bezier(.34,1.56,.64,1) feedback-slide-up;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@keyframes feedback-slide-up{0%{transform:translate(-50%)translateY(100%)}to{transform:translate(-50%)translateY(0)}}.feedback-overlay--correct{border-top-color:#10b98166;box-shadow:0 -4px 32px #10b9811a,inset 0 1px #10b98133}.feedback-overlay--wrong{border-top-color:#f43f5e66;box-shadow:0 -4px 32px #f43f5e1a,inset 0 1px #f43f5e33}.feedback-overlay__badge{letter-spacing:-.01em;align-items:center;gap:12px;font-size:1.2rem;font-weight:800;display:flex}.feedback-overlay--correct .feedback-overlay__badge{color:var(--success)}.feedback-overlay--wrong .feedback-overlay__badge{color:var(--error)}.feedback-overlay__badge-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:900;display:inline-flex}.feedback-overlay--correct .feedback-overlay__badge-icon{color:var(--success);background:#10b98126;border:1.5px solid #10b98166}.feedback-overlay--wrong .feedback-overlay__badge-icon{color:var(--error);background:#f43f5e26;border:1.5px solid #f43f5e66}.feedback-overlay__badge-text{color:inherit}.feedback-overlay__correct-answer{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.feedback-overlay__correct-answer strong{color:var(--text-primary);font-weight:700}.feedback-overlay__explanation{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.55}.feedback-overlay__points{font-size:var(--text-sm);color:var(--gold);margin:0;font-weight:700}.feedback-overlay__cta{margin-top:4px}.expert-menu-btn{bottom:calc(20px + var(--safe-bottom));background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-pill);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;z-index:15;box-shadow:var(--shadow-elevated);padding:10px 18px;font-weight:600;transition:border-color .15s,background .15s;position:fixed;right:max(16px,50vw - 199px)}.expert-menu-btn:hover{border-color:var(--border-strong);background:var(--bg-overlay)}.result-page{width:min(100%,430px);min-height:100vh;padding:40px 16px calc(40px + var(--safe-bottom));z-index:1;flex-direction:column;gap:28px;margin:0 auto;display:flex;position:relative}.result-page__hero{text-align:center;flex-direction:column;align-items:center;gap:10px;padding-top:8px;display:flex}.result-page__grade-emoji{filter:drop-shadow(0 4px 16px #fbbf244d);font-size:4rem;line-height:1}.result-page__grade-label{font-size:var(--text-2xl);letter-spacing:-.03em;margin:0;font-weight:800;line-height:1.1}.result-page__score-summary{font-size:var(--text-base);color:var(--text-secondary);margin:2px 0 0;font-weight:600}.result-page__multiplier-badge{border-radius:var(--radius-pill);background:linear-gradient(135deg, #92400e, var(--gold));color:#1a1000;letter-spacing:.06em;box-shadow:0 2px 10px var(--gold-glow);padding:5px 14px;font-size:.78rem;font-weight:800;display:inline-block}.result-page__saving{color:var(--text-secondary);font-size:var(--text-sm);justify-content:center;align-items:center;gap:6px;padding:10px 0;font-weight:600;display:flex}@keyframes saving-dot-bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.result-page__saving-dot{background:var(--brand-mid);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite saving-dot-bounce;display:inline-block}.result-page__saving-dot:nth-child(2){animation-delay:.2s}.result-page__saving-dot:nth-child(3){animation-delay:.4s}.result-page__error{background:var(--error-bg);border-radius:var(--radius-lg);text-align:center;border:1px solid #f43f5e4d;flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex}.result-page__error p{font-size:var(--text-sm);color:var(--error);margin:0}.result-page__error-icon{color:var(--error);font-size:1.2rem}.result-page__retry-btn{font-size:var(--text-sm);width:auto;height:auto;min-height:40px;padding:10px 20px}.result-page__progression{flex-direction:column;gap:12px;display:flex}.result-progression-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.result-progression-item{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;display:flex;box-shadow:inset 0 1px #ffffff0a}.result-progression-item__value{color:var(--gold);letter-spacing:-.03em;font-size:1.35rem;font-weight:800;line-height:1}.result-progression-item__unit{opacity:.7;font-size:.7em;font-weight:700}.result-progression-item__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:.62rem;font-weight:700}.level-up-badge{border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--brand-mid);text-align:center;letter-spacing:-.01em;background:linear-gradient(135deg,#6366f126,#a855f71f);border:1px solid #8b5cf659;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:800;display:flex;box-shadow:0 0 16px #8b5cf61f}.result-stats-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.result-stat-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);align-items:center;gap:12px;min-height:68px;padding:14px;display:flex;box-shadow:inset 0 1px #ffffff0a}.result-stat-card--highlight{background:#fbbf240d;border-color:#fbbf2440}.result-stat-card--accent{background:#6366f10f;border-color:#6366f14d}.result-stat-card__icon{text-align:center;opacity:.75;flex-shrink:0;width:28px;font-size:1.2rem;line-height:1}.result-stat-card--highlight .result-stat-card__icon{color:var(--gold);opacity:1}.result-stat-card--accent .result-stat-card__icon{color:var(--brand-start);opacity:1}.result-stat-card__body{flex-direction:column;gap:2px;min-width:0;display:flex}.result-stat-card__label{text-transform:uppercase;letter-spacing:.09em;color:var(--text-secondary);white-space:nowrap;font-size:.65rem;font-weight:700}.result-stat-card__value{font-size:var(--text-base);color:var(--text-primary);white-space:nowrap;letter-spacing:-.02em;font-weight:800;line-height:1.2}.result-stat-card--highlight .result-stat-card__value{color:var(--gold)}.result-stat-card--accent .result-stat-card__value{color:var(--brand-start)}.result-page__ctas{flex-direction:column;gap:10px;display:flex}.result-page__home-link{width:100%;min-height:44px;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;letter-spacing:-.01em;background:0 0;border:none;justify-content:center;align-items:center;padding:10px 16px;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.result-page__home-link:hover{color:var(--text-primary)}.result-page__badges{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid #fbbf2433;padding:16px;box-shadow:inset 0 1px #ffffff0a}.result-page__badges-title{text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin:0 0 10px;font-size:.7rem;font-weight:700}.result-page__badges-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.result-page__badge-item{align-items:center;gap:10px;display:flex}.result-page__badge-icon{flex-shrink:0;font-size:1.4rem;line-height:1}.result-page__badge-name{font-size:var(--text-sm);font-weight:700}.achievement-unlock{animation:.4s cubic-bezier(.34,1.56,.64,1) achievement-pop}@keyframes achievement-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.result-page__stats{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;gap:0;display:flex;overflow:hidden}.result-stat{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.result-stat:last-child{border-bottom:none}.result-stat__label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.result-stat__value{font-size:var(--text-base);color:var(--text-primary);letter-spacing:-.02em;font-weight:800}.result-stat__value--highlight{color:var(--gold)}.ranking-nav{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.ranking-shift-tabs{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.ranking-shift-tab{min-height:40px;font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;flex:auto;justify-content:center;align-items:center;padding:8px 12px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.ranking-shift-tab--active{color:var(--text-primary);border-color:var(--brand-mid);background:#8b5cf626}.ranking-list{gap:8px;margin-bottom:28px;display:grid}.ranking-row{border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border-subtle);align-items:center;gap:12px;padding:12px 14px;transition:background .15s;display:flex;box-shadow:inset 0 1px #ffffff0a}.ranking-row--current{background:#6366f11a;border-color:#6366f159}.ranking-row__medal{text-align:center;min-width:28px;font-size:1.35rem}.ranking-row__avatar{font-size:1.4rem}.ranking-row__info{flex:1;gap:2px;display:grid}.ranking-row__name{font-size:var(--text-sm);letter-spacing:-.01em;font-weight:700}.ranking-row__role{color:var(--text-secondary);font-size:.75rem}.ranking-row__points{font-size:var(--text-sm);color:var(--gold);white-space:nowrap;letter-spacing:-.01em;font-weight:800}.ranking-empty,.ranking-loading,.ranking-error{color:var(--text-secondary);font-size:var(--text-sm);margin:12px 0}.specialists-section{margin-top:8px}.specialists-section__title{font-size:var(--text-base);text-transform:uppercase;letter-spacing:.06em;color:var(--gold);margin:0 0 14px;font-weight:800}.specialists-grid{gap:10px;display:grid}.specialist-card{border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border-subtle);align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:inset 0 1px #ffffff0a}.specialist-card__avatar{font-size:1.3rem}.specialist-card__body{flex:1;gap:2px;min-width:0;display:grid}.specialist-card__name{font-size:var(--text-sm);letter-spacing:-.01em;font-weight:700}.specialist-card__category{color:var(--text-secondary);font-size:.75rem}.specialist-card__accuracy{color:var(--gold);white-space:nowrap;font-size:.75rem;font-weight:700}.specialists-loading,.specialists-empty{color:var(--text-secondary);font-size:var(--text-sm);padding:12px 0}.offline-banner{background:var(--warning-bg);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--warning);border:1px solid #f59e0b4d;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding:10px 16px;font-weight:600;display:flex}.btn--ghost{color:var(--text-secondary);height:auto;min-height:44px;font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;padding:10px 16px;font-weight:600;transition:color .15s,background .15s}.btn--ghost:hover:not(:disabled){color:var(--text-primary);background:#ffffff0f}.reset-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px;box-shadow:inset 0 1px #ffffff0a}.streak-highlight{color:var(--gold);font-weight:800}.home-error{color:var(--text-secondary);font-size:var(--text-sm);text-align:center;padding:16px 0}.renderer--tf{grid-template-columns:1fr 1fr;gap:10px;display:grid}.menu-sheet{z-index:50;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:fixed;inset:0}.menu-sheet__backdrop{-webkit-backdrop-filter:blur(4px);background:#0009;position:absolute;inset:0}.menu-sheet__handle{border-radius:var(--radius-pill);background:#fff3;flex-shrink:0;width:36px;height:4px;margin:0 auto 12px}.menu-sheet__header{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 0 16px;display:flex}.menu-sheet__title{font-size:var(--text-lg);letter-spacing:-.02em;margin:0;font-weight:800}.menu-sheet__close{border:1px solid var(--border-subtle);width:32px;height:32px;min-height:32px;color:var(--text-secondary);cursor:pointer;background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:background .15s,color .15s;display:inline-flex}.menu-sheet__close:hover{color:var(--text-primary);background:#ffffff1f}.menu-sheet__search-wrap{flex-shrink:0;margin-bottom:12px;position:relative}.menu-sheet__search{width:100%;font-size:var(--text-sm);font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);min-height:44px;padding:11px 16px;transition:border-color .15s}.menu-sheet__search:focus{border-color:var(--brand-mid);outline:none}.menu-sheet__search::placeholder{color:var(--text-tertiary)}.menu-sheet__list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:8px;padding-bottom:8px;display:flex;overflow-y:auto}.menu-sheet__item{background:var(--bg-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px;box-shadow:inset 0 1px #ffffff0a}.menu-sheet__item-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.menu-sheet__item-name{font-size:var(--text-sm);letter-spacing:-.01em;font-weight:700;line-height:1.3}.menu-sheet__item-price{font-size:var(--text-sm);color:var(--gold);white-space:nowrap;letter-spacing:-.01em;flex-shrink:0;font-weight:800}.menu-sheet__item-description{color:var(--text-secondary);margin-bottom:6px;font-size:.78rem;line-height:1.4}.menu-sheet__item-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.menu-sheet__category-tag{border-radius:var(--radius-pill);color:var(--brand-mid);letter-spacing:.05em;text-transform:uppercase;background:#8b5cf626;border:1px solid #8b5cf640;align-items:center;padding:2px 8px;font-size:.68rem;font-weight:700;display:inline-flex}.menu-sheet__empty{color:var(--text-secondary);font-size:var(--text-sm);text-align:center;padding:24px 0}.menu-sheet>:not(.menu-sheet__backdrop){z-index:1;-webkit-backdrop-filter:blur(24px)saturate(180%);width:min(100%,430px);max-height:85vh;padding:16px 16px calc(24px + var(--safe-bottom));background:#0f1117f5;border:1px solid #ffffff14;border-bottom:none;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;animation:.32s cubic-bezier(.34,1.56,.64,1) feedback-slide-up;display:flex;position:relative;overflow:hidden}.hall-weeks{flex-direction:column;gap:24px;display:flex}.hall-week{flex-direction:column;gap:10px;display:flex}.hall-week__label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);margin:0;font-size:.7rem;font-weight:700}.hall-week__entries{flex-direction:column;gap:8px;display:flex}.hall-entry{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:inset 0 1px #ffffff0a}.hall-entry__medal{text-align:center;min-width:28px;font-size:1.3rem}.hall-entry__avatar{font-size:1.4rem}.hall-entry__info{flex:1;gap:2px;min-width:0;display:grid}.hall-entry__name{font-size:var(--text-sm);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.hall-entry__points{font-size:var(--text-sm);color:var(--gold);white-space:nowrap;letter-spacing:-.01em;flex-shrink:0;font-weight:800}.hall-loading,.hall-empty,.hall-error{color:var(--text-secondary);font-size:var(--text-sm);text-align:center;padding:24px 0}.gameplay-error--expert-blocked{border-radius:var(--radius-lg);background:#8b5cf60f;border:1px solid #8b5cf640;padding:24px 20px}.form-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}