:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cosmic-void:#04030a;--cosmic-abyss:#080611;--cosmic-graphite:#0e0c16;--cosmic-surface:#15111f;--cosmic-surface-raised:#1c162a;--cosmic-violet-deep:#26133f;--cosmic-violet:#6c3aa6;--cosmic-violet-bright:#a77ad8;--cosmic-spectral:#73c7df;--cosmic-spectral-soft:#a9dce8;--cosmic-ivory:#ece9df;--cosmic-ivory-muted:#aaa5b4;--cosmic-danger-deep:#4f111e;--cosmic-danger:#bd435b;--color-bg:var(--cosmic-void);--color-bg-elevated:var(--cosmic-graphite);--color-surface:var(--cosmic-surface);--color-surface-hover:var(--cosmic-surface-raised);--color-wine:var(--cosmic-danger-deep);--color-accent:var(--cosmic-violet);--color-accent-bright:var(--cosmic-violet-bright);--color-spectral:var(--cosmic-spectral);--color-text:var(--cosmic-ivory);--color-text-muted:var(--cosmic-ivory-muted);--color-border:#a97cd838;--color-border-strong:#73c7df66;--color-success:#72b99e;--color-warning:#d0a65f;--color-danger:var(--cosmic-danger);--color-error:var(--cosmic-danger);--color-focus:var(--cosmic-spectral);--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:Palatino, "Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", serif;--font-mono:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:.3rem;--radius-md:.65rem;--radius-lg:1rem;--shadow-surface:0 1.5rem 4rem #00000094;--shadow-accent:0 0 2rem #6c3aa633;--shadow-spectral:0 0 1.5rem #73c7df1f;--shadow-strong:0 1.75rem 5rem #000000ad;--transition-fast:.15s ease;--transition-base:.22s ease;--content-max:68rem;--header-height:4.5rem;--page-gutter:clamp(1rem, 4vw, 2.5rem)}*{box-sizing:border-box}html{min-width:20rem;min-height:100%;scroll-padding-top:calc(var(--header-height) + var(--space-3));background:var(--color-bg)}body{min-width:20rem;min-height:100vh;color:var(--color-text);background:radial-gradient(ellipse at 12% 8%, #562b8442, transparent 34rem), radial-gradient(ellipse at 86% 18%, #2a647e24, transparent 30rem), radial-gradient(ellipse at 50% 110%, #4f111e29, transparent 38rem), linear-gradient(150deg, var(--cosmic-void) 0%, var(--cosmic-abyss) 48%, #05040b 100%);font-family:var(--font-body);margin:0;line-height:1.5;overflow-x:hidden}body:before{z-index:-2;content:"";pointer-events:none;background-image:radial-gradient(circle at 18% 22%,#a9dce857 0 1px,#0000 1.5px),radial-gradient(circle at 72% 38%,#a77ad84d 0 1px,#0000 1.5px),radial-gradient(circle at 42% 76%,#ece9df2e 0 1px,#0000 1.5px);background-position:0 0,3rem 2rem,1rem 4rem;background-size:11rem 13rem,17rem 19rem,23rem 21rem;position:fixed;inset:0}body:after{z-index:-1;content:"";pointer-events:none;background:linear-gradient(115deg,#0000 0 48%,#73c7df06 49% 50%,#0000 51%),repeating-radial-gradient(#0000 0 4.75rem,#a77ad806 4.8rem 4.85rem);position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 92%);mask-image:linear-gradient(#000,#0000 92%)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:.1875rem solid var(--color-focus);outline-offset:.1875rem}::selection{color:var(--cosmic-void);background:var(--color-spectral)}#root{width:100%;min-height:100vh}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{min-height:100vh;position:relative}.app-shell:before{inset:var(--header-height) 0 auto;content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#73c7df57,#a77ad870,#0000);height:1px;position:fixed;box-shadow:0 0 1.25rem #73c7df29}.site-header{z-index:10;min-height:var(--header-height);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(1rem)saturate(1.15);backdrop-filter:blur(1rem)saturate(1.15);background:linear-gradient(#0c0914f0,#05040bdb);position:sticky;top:0;box-shadow:0 .75rem 2.5rem #00000057}.site-header__inner{width:min(100%, var(--content-max));min-height:var(--header-height);padding-inline:var(--page-gutter);justify-content:space-between;align-items:center;gap:var(--space-4);margin-inline:auto;display:flex}.site-brand{align-items:center;gap:var(--space-3);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;display:inline-flex}.site-brand:hover{color:var(--color-spectral)}.site-brand:focus-visible{outline:2px solid var(--color-focus);outline-offset:.35rem}.site-brand__mark{filter:drop-shadow(0 0 .65rem #6c3aa64d);flex:none;place-items:center;width:2.5rem;height:2rem;display:grid}.site-brand__mark .cosmic-eye-logo{width:100%;height:100%;display:block;overflow:visible}.site-brand__name{font-family:var(--font-display);letter-spacing:.16em;text-shadow:0 0 1.2rem #73c7df1f;font-size:clamp(1.15rem,2vw,1.4rem);font-weight:700}.site-session{border-radius:var(--radius-sm);background:#0b0913ad;border:1px solid #73c7df3d;justify-content:flex-end;align-items:center;gap:.6rem;min-width:0;max-width:min(18rem,42vw);padding:.45rem .7rem;display:flex;box-shadow:inset 0 0 1rem #6c3aa614}.site-session__label{color:var(--color-success);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;flex:none;font-size:.62rem;font-weight:700}.site-session strong{min-width:0;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.screen-frame{width:min(calc(100% - (2 * var(--page-gutter))), var(--content-max));min-height:calc(100vh - var(--header-height) - (2 * var(--space-8)));margin:var(--space-8) auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);box-shadow:var(--shadow-surface), var(--shadow-accent), inset 0 1px #ece9df09;text-align:center;background:linear-gradient(135deg,#73c7df09,#0000 32%),linear-gradient(155deg,#26133fb8,#080611f0 58%,#0e0c16f5);padding:clamp(1.25rem,4vw,3rem);position:relative}.screen-frame:before{border-radius:calc(var(--radius-lg) - .3rem);content:"";pointer-events:none;border:1px solid #73c7df12;position:absolute;inset:.6rem}h1,h2,h3{color:var(--color-text);font-family:var(--font-display);text-shadow:0 0 1.8rem #6c3aa629;text-wrap:balance;font-weight:600;line-height:1.12}h1{margin:0 0 var(--space-3);letter-spacing:-.025em;font-size:clamp(2.25rem,7vw,4.5rem)}.screen-frame h1[tabindex="-1"]:focus{outline:none}h2{margin:var(--space-8) 0;font-size:clamp(1.5rem,3.5vw,2.15rem)}p{color:var(--color-text-muted)}a{color:var(--color-spectral);text-underline-offset:.2em}a:hover{color:var(--color-text)}button{min-height:2.75rem;margin:var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);background:linear-gradient(180deg, #a77ad824, transparent 48%), var(--color-accent);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:1px solid #a77ad894;padding:.75rem 1.15rem;font-weight:700;box-shadow:0 .4rem 1rem #0000004d,inset 0 1px #ece9df14}button:hover:not(:disabled){border-color:var(--color-spectral);background:linear-gradient(#73c7df29,#0000 50%),#7442aa;transform:translateY(-1px);box-shadow:0 .5rem 1.25rem #00000057,0 0 1.35rem #73c7df21}button:active:not(:disabled){background:var(--cosmic-violet-deep);transform:translateY(1px)}button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none;filter:saturate(.55);transform:none}.button-secondary{border-color:var(--color-border-strong);background:linear-gradient(180deg, #73c7df0d, transparent), var(--color-surface-hover)}.button-ghost{box-shadow:none;background:#0806113d;border-color:#a97cd82e}.form-jogador{width:min(100%,32rem);margin:var(--space-8) auto 0;gap:var(--space-4);flex-direction:column;display:flex}.form-jogador label{color:var(--color-text);text-align:left;font-weight:650}.form-jogador input,input,textarea,select{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);width:100%;min-height:2.75rem;color:var(--color-text);background:linear-gradient(180deg, #73c7df06, transparent), var(--color-bg-elevated);caret-color:var(--color-accent-bright);transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);padding:.8rem 1rem}input::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:.72}input:hover:not(:disabled),textarea:hover:not(:disabled),select:hover:not(:disabled){background:var(--color-surface);border-color:#73c7df8f}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--color-focus);box-shadow:0 0 0 .2rem #73c7df21,0 0 1.25rem #73c7df14}input:disabled,textarea:disabled,select:disabled{opacity:.55;cursor:not-allowed}.mensagem-erro,[role=alert]{margin-block:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:#f6dce2;box-shadow:inset 3px 0 var(--color-danger);background:linear-gradient(90deg,#bd435b1a,#0000),#4f111e7a;border:1px solid #bd435b8c}[role=status]{color:var(--cosmic-spectral-soft);font-family:var(--font-mono);font-size:.875rem}.categorias{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.categoria-card{align-items:stretch;gap:var(--space-6);border-color:var(--color-border);text-align:left;background:linear-gradient(145deg, #4a101933, transparent 48%), var(--color-surface);grid-template-rows:auto 1fr auto;width:100%;min-height:18rem;margin:0;padding:clamp(1.25rem,3vw,2rem);display:grid;position:relative;overflow:hidden}.categoria-card:hover:not(:disabled){border-color:var(--color-accent-bright);background:var(--color-surface-hover);box-shadow:var(--shadow-accent);transform:translateY(-2px)}.categoria-card:after{content:"";pointer-events:none;border:1px solid #d33b4929;border-radius:50%;width:7rem;height:7rem;position:absolute;bottom:-2.75rem;right:-2.75rem}.categoria-card__topline,.categoria-card__footer{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.categoria-card__index,.categoria-card__footer{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}.category-symbol{border:1px solid var(--color-border-strong);width:2.75rem;height:2.75rem;color:var(--color-accent-bright);background:#08060773;border-radius:50%;place-items:center;display:grid}.category-symbol svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.25px;width:1.45rem;height:1.45rem}.category-symbol--fallback{font-family:var(--font-mono);letter-spacing:.04em;font-size:.72rem;font-weight:700}.categoria-info{justify-content:center;gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.categoria-info strong{color:var(--color-text);font-family:var(--font-display);text-transform:uppercase;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.1}.categoria-info small{color:var(--color-text-muted);font-size:.95rem;font-weight:400;line-height:1.55}.categoria-info__origem{border:1px solid var(--color-border);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:.2rem .45rem;font-size:.68rem!important}.categoria-card__footer{z-index:1;padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-muted);position:relative}.categoria-card__action{color:var(--color-text);font-weight:700}.categoria-card__action:after{color:var(--color-accent-bright);content:" →"}.quiz-screen{width:min(100%,62rem);margin-inline:auto}.quiz-hud{margin-bottom:clamp(1.625rem,4vw,2.875rem)}.quiz-hud__context{margin:0 0 var(--space-3);color:var(--color-accent-bright);font-family:var(--font-mono);letter-spacing:.14em;text-align:left;text-transform:uppercase;font-size:.72rem;font-weight:700}.info-quiz{padding:var(--space-3) 0;gap:var(--space-4);border-block:1px solid var(--color-border);font-family:var(--font-mono);grid-template-columns:1fr 1fr 1fr;display:grid}.quiz-hud__stat{gap:var(--space-1);text-align:left;flex-direction:column;min-width:0;display:flex}.quiz-hud__stat small{color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}.quiz-hud__stat strong,.quiz-hud__stat .timer{color:var(--color-text);letter-spacing:.04em;font-size:clamp(1rem,3vw,1.45rem);font-weight:700}.quiz-hud__time{text-align:right;align-items:flex-end}.timer-bar{width:100%;height:.6rem;margin-top:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);overflow:hidden}.timer-bar__fill{background:linear-gradient(90deg, var(--color-wine), var(--color-accent-bright));height:100%;transition:width var(--transition-base), background-color var(--transition-fast);display:block;box-shadow:0 0 .8rem #d33b4959}.timer-bar--urgente{border-color:#d84a55ad;box-shadow:0 0 .9rem #d84a5529}.timer-bar--urgente .timer-bar__fill{background:var(--color-danger)}.quiz-progress{width:100%;height:1px;margin-top:var(--space-2);background:#f1e7d214;overflow:hidden}.quiz-progress span{height:100%;transition:width var(--transition-base);background:#b9aa9d7a;display:block}.question-card{text-align:center;width:min(100%,54rem);margin:0 auto clamp(1.4375rem,3.25vw,2.5rem)}.question-card__eyebrow{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem}.question-card h1{margin:var(--space-3) 0 0;overflow-wrap:anywhere;font-size:clamp(1.75rem,4.5vw,3.25rem);line-height:1.2}.alternativas{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.alternativas button{width:100%;min-height:6rem;padding:var(--space-4);align-items:center;gap:var(--space-3);border-color:var(--color-border);text-align:left;background:linear-gradient(135deg, #4a10191f, transparent 50%), var(--color-surface);grid-template-columns:auto 1fr auto;margin:0;display:grid;position:relative}.alternativas button:hover:not(:disabled){border-color:var(--color-accent-bright);background:var(--color-surface-hover);box-shadow:var(--shadow-accent)}.alternativas button.selecionada,.alternativas button.selecionada:disabled{border-color:var(--color-warning);opacity:1;background:#5c3d1b85}.alternativas button.correta,.alternativas button.correta:disabled{border-color:var(--color-success);color:#f0fff5;opacity:1;background:#315d46}.alternativas button.errada,.alternativas button.errada:disabled{border-color:var(--color-danger);color:#fff1ef;opacity:1;background:#732831}.alternativas button.atenuada:disabled{opacity:.42}.letra-alternativa{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:2.25rem;min-width:2.25rem;height:2.25rem;font-family:var(--font-mono);background:#f1e7d20f;place-items:center;font-weight:700;display:grid}.answer-option__text{overflow-wrap:anywhere;min-width:0}.answer-option__status{color:currentColor;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:700}.feedback{margin-top:var(--space-6)}.feedback-panel{margin-top:var(--space-6);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:linear-gradient(135deg, #4a101933, transparent 48%), var(--color-surface);box-shadow:var(--shadow-surface);text-align:left;display:grid;position:relative;overflow:hidden}.feedback-panel:before{background:var(--color-danger);content:"";width:3px;position:absolute;inset:0 auto 0 0}.feedback-panel--acerto:before{background:var(--color-success)}.feedback-panel--timeout:before{background:var(--color-warning)}.feedback-panel__header,.feedback-panel__answer,.feedback-panel__explanation,.feedback-panel__footer{padding:var(--space-4) clamp(1rem, 3vw, 1.5rem)}.feedback-panel__header{padding-bottom:var(--space-3)}.feedback-panel__meta,.feedback-panel__label{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:700;display:block}.feedback-panel__header h2{margin:var(--space-2) 0 0;text-transform:uppercase;font-size:clamp(1.5rem,4vw,2.15rem)}.feedback-panel--acerto .feedback-panel__header h2{color:#dff5e8}.feedback-panel__header p{margin:var(--space-2) 0 0}.feedback-panel__answer,.feedback-panel__explanation{border-top:1px solid var(--color-border)}.feedback-panel__answer strong{margin-top:var(--space-2);overflow-wrap:anywhere;color:var(--color-text);font-size:clamp(1rem,2.5vw,1.25rem);display:block}.feedback-panel__explanation{background:#08060740;padding-left:clamp(1.5rem,4vw,2rem);position:relative}.feedback-panel__explanation:before{top:var(--space-4);bottom:var(--space-4);background:var(--color-accent-bright);content:"";width:1px;position:absolute;left:clamp(1rem,3vw,1.5rem)}.feedback-panel__explanation p{margin:var(--space-2) 0 0;overflow-wrap:anywhere;color:var(--color-text);white-space:pre-wrap;line-height:1.55}.feedback-panel__footer{align-items:center;gap:var(--space-4);border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) minmax(14rem,auto);display:grid}.feedback-panel__points strong{margin-top:var(--space-1);color:var(--color-text);font-family:var(--font-display);text-transform:uppercase;font-size:clamp(1.35rem,3vw,1.85rem);display:block}.feedback-panel--acerto .feedback-panel__points strong{color:var(--color-success)}.proxima-pergunta{text-transform:uppercase;letter-spacing:.08em;width:100%;margin:0}.screen-frame:has(.ranking-screen){box-shadow:none;background:0 0;border-color:#0000;display:grid}.ranking-screen{text-align:left;width:min(100%,58rem);margin-inline:auto}.ranking-header{max-width:42rem}.ranking-header__eyebrow{color:var(--color-accent-bright);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.ranking-header h1{margin:var(--space-3) 0;text-transform:uppercase;font-size:clamp(2.75rem,8vw,5rem)}.ranking-header>p:last-child{margin:0}.ranking-filtros{margin:var(--space-8) 0 var(--space-4);padding-bottom:var(--space-2);gap:var(--space-2);scrollbar-width:thin;display:flex;overflow-x:auto}.ranking-filtros button{border-color:var(--color-border);min-height:2.5rem;color:var(--color-text-muted);box-shadow:none;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:0 0;flex:none;margin:0;font-size:.72rem}.ranking-filtros button.filtro-ativo{border-color:var(--color-accent-bright);color:var(--color-text);background:var(--color-wine);box-shadow:inset 0 -2px var(--color-accent-bright)}.ranking-categories-state{margin:0 0 var(--space-4);color:var(--color-text-muted);font-family:var(--font-mono);font-size:.78rem}.ranking-categories-state--error{padding:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.ranking{margin:var(--space-6) 0 0;border-top:1px solid var(--color-border-strong);padding:0;list-style:none}.ranking-item{min-width:0;padding:clamp(1rem, 3vw, 1.5rem) var(--space-2);border-bottom:1px solid var(--color-border);grid-template-columns:4rem minmax(0,1fr) auto;align-items:center;gap:clamp(.75rem,3vw,1.5rem);display:grid}.ranking-item:nth-child(-n+3){border-bottom-color:var(--color-border-strong);background:linear-gradient(90deg,#4a101933,#0000 48%)}.ranking-posicao{color:var(--color-accent-bright);font-family:var(--font-display);font-size:clamp(1.75rem,5vw,2.5rem);line-height:1}.ranking-jogador{gap:var(--space-1);min-width:0;display:grid}.ranking-jogador strong{overflow-wrap:anywhere;color:var(--color-text);font-family:var(--font-display);text-transform:uppercase;font-size:clamp(1.1rem,3vw,1.45rem)}.ranking-jogador small{overflow-wrap:anywhere;color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.ranking-pontos{color:var(--color-text);font-family:var(--font-display);white-space:nowrap;font-size:clamp(1.3rem,4vw,2rem)}.ranking-pontos small{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem}.ranking-empty{margin-top:var(--space-6);border-block:1px solid var(--color-border);text-align:center;justify-items:center;padding:clamp(1.5rem,5vw,3rem);display:grid}.ranking-empty__signal{background:var(--color-accent-bright);border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 .8rem #d33b4973}.ranking-empty h2{margin:var(--space-3) 0 var(--space-2);text-transform:uppercase}.ranking-empty p{margin:0}.ranking-acoes{width:min(100%,30rem);margin:var(--space-8) auto 0;gap:var(--space-2);display:grid}.ranking-acoes button{width:100%;margin:0}.ranking-acoes__primary{text-transform:uppercase;letter-spacing:.1em;min-height:3.5rem}.menu-superior{margin-bottom:var(--space-6);justify-content:flex-end;display:flex}.botao-ranking{background:var(--color-surface);margin:0}:is(.screen-frame:has(.home-screen),.screen-frame:has(.auth-screen),.screen-frame:has(.categories-screen),.screen-frame:has(.quiz-screen)){box-shadow:none;background:0 0;border-color:#0000;display:grid}.screen-frame:has(.home-screen){align-items:start}.screen-frame:has(.auth-screen){place-items:center}.categories-screen{text-align:left;width:min(100%,58rem);margin-inline:auto}.categories-header{max-width:42rem}.categories-header__eyebrow{color:var(--color-accent-bright);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:700}.categories-header h1{margin:var(--space-3) 0;font-size:clamp(2.35rem,6vw,4rem)}.categories-header p{margin:0;font-size:clamp(1rem,2vw,1.12rem)}.categories-state{width:min(100%,34rem);margin:var(--space-12) auto 0;padding:var(--space-8);justify-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;background:#110c0ee0;display:grid}.categories-state strong{color:var(--color-text);font-family:var(--font-display);font-size:1.35rem}.categories-state p{margin:0}.categories-state button{margin-top:var(--space-3)}.categories-state__signal{width:.65rem;height:.65rem;margin-bottom:var(--space-2);background:var(--color-warning);border-radius:50%;box-shadow:0 0 .8rem #d19a536b}.categories-starting{margin:var(--space-6) 0 0;text-align:center}.home-screen{justify-items:center;gap:var(--space-6);width:min(100%,52rem);margin-inline:auto;display:grid}.home-hero{text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(1.25rem,5vw,3.5rem);width:100%;display:grid}.home-sigil{aspect-ratio:1;width:clamp(7.5rem,20vw,10.5rem);color:var(--color-text);background:radial-gradient(circle, #a6233238, transparent 58%), var(--color-bg-elevated);font-family:var(--font-display);letter-spacing:.15em;border:1px solid #d33b4994;border-radius:50%;place-items:center;font-size:clamp(1.6rem,5vw,2.5rem);display:grid;position:relative;box-shadow:inset 0 0 2.5rem #000000c7,0 0 2rem #a6233224}.home-sigil:before,.home-sigil:after{border:1px solid var(--color-border);content:"";border-radius:50%;position:absolute}.home-sigil:before{inset:.65rem}.home-sigil:after{border-style:dashed;inset:1.25rem}.home-sigil span{z-index:1;position:relative}.home-copy h1{max-width:10ch;margin-block:var(--space-2);font-size:clamp(2.4rem,7vw,4.625rem)}.home-copy p{margin:0;font-size:clamp(1rem,2vw,1.2rem)}.home-eyebrow,.mode-card__eyebrow,.auth-panel__eyebrow,.system-status{color:var(--color-accent-bright);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:700}.home-modes{width:min(100%,38rem);display:grid}.mode-card{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:linear-gradient(135deg, #4a10194d, transparent 45%), var(--color-surface);box-shadow:var(--shadow-surface), inset 0 1px #f1e7d20d;text-align:left;padding:clamp(1.5rem,4vw,2.25rem);position:relative;overflow:hidden}.mode-card:after{content:"";pointer-events:none;border:1px solid #d33b4938;border-radius:50%;width:9rem;height:9rem;position:absolute;bottom:-3rem;right:-3rem}.mode-card__header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.mode-card__index{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.75rem}.mode-card h2{margin:var(--space-3) 0 var(--space-2);text-transform:uppercase;font-size:clamp(1.8rem,4vw,2.5rem)}.mode-card>p{max-width:50ch;margin:0}.mode-card__metadata{margin:var(--space-6) 0;gap:var(--space-2);color:var(--color-text-muted);font-family:var(--font-mono);padding:0;font-size:.82rem;list-style:none;display:grid}.mode-card__metadata li{align-items:center;gap:var(--space-2);display:flex}.mode-card__metadata li:before{background:var(--color-accent-bright);content:"";border-radius:50%;width:.35rem;height:.35rem}.mode-card__action{z-index:1;text-transform:uppercase;letter-spacing:.1em;width:100%;margin:0;position:relative}.mode-card__action:after{content:" →"}.home-actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.home-actions button{margin:0}.system-status{align-items:center;gap:var(--space-2);color:var(--color-text-muted);margin:0;display:flex}.system-status span{background:var(--color-success);border-radius:50%;width:.45rem;height:.45rem;box-shadow:0 0 .65rem #6da4867a}.np-screen{width:min(100%,38rem);padding-bottom:max(var(--space-4), env(safe-area-inset-bottom));justify-items:stretch;gap:var(--space-5,1.25rem);text-align:left;margin-inline:auto;display:grid}.np-heading{text-align:center}.np-heading h1{margin-block:var(--space-3);color:var(--color-accent-bright);letter-spacing:.04em;overflow-wrap:anywhere;font-size:clamp(2.2rem,10vw,4.2rem)}.np-heading p,.np-room-code p{margin:0}.np-heading__rule{color:var(--color-focus);font-weight:700;margin-top:var(--space-2)!important}.np-eyebrow{color:var(--color-accent-bright);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700}.np-actions,.np-form{gap:var(--space-3);width:min(100%,30rem);margin-inline:auto;display:grid}.np-actions button,.np-form button,.np-leave{width:100%;min-height:3.25rem;margin:0}.np-exit-room{color:#ffd9d7;min-height:2.75rem;font-family:var(--font-mono);letter-spacing:.08em;background:#5c121c57;border-color:#d84a5580;justify-self:end;margin:0;font-size:.72rem}.np-form label{gap:var(--space-2);color:var(--color-text);text-align:left;font-weight:650;display:grid}.np-message{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);margin:0}.np-message--error{color:#ffd9d7;background:#5c121c6b;border-color:#d84a55a6}.np-retry{width:100%;min-height:3.25rem;margin:0}.np-sync{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);text-align:center;background:#0907089e;margin:0}.np-room-code{justify-items:center;gap:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);text-align:center;padding:clamp(1.25rem,6vw,2rem);display:grid}.np-room-code>label{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}.np-room-code input{width:min(100%,18rem);color:var(--color-focus);font-family:var(--font-mono);letter-spacing:.16em;text-align:center;overflow-wrap:anywhere;background:0 0;border:0;padding:0;font-size:clamp(2.5rem,13vw,4rem);font-weight:700}.np-room-code button{margin:var(--space-2) 0 0}.np-room-count{font-family:var(--font-mono);text-align:center;margin:0;font-size:1.05rem;font-weight:700}.np-player-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.np-player{min-width:0;min-height:3.5rem;padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#181013d1;display:flex}.np-player>span:first-child{color:var(--color-focus);font-size:1.25rem}.np-player strong{overflow-wrap:anywhere}.np-player__badge,.np-player__you{border:1px solid var(--color-border-strong);color:var(--color-text);font-family:var(--font-mono);white-space:nowrap;border-radius:999px;padding:.15rem .45rem;font-size:.68rem}.np-player__you{color:var(--color-success);margin-left:auto}.np-lobby-status,.np-host-note,.np-hint{text-align:center;margin:0}.np-host-note{color:var(--color-focus);font-weight:700}.np-start-button{width:100%;min-height:3.5rem;margin:0}.np-started{gap:var(--space-3);border:1px solid var(--color-focus);border-radius:var(--radius-md);background:linear-gradient(145deg, #4a101973, var(--color-surface));text-align:center;padding:clamp(1.25rem,5vw,2rem);display:grid}.np-started h2,.np-started p{margin:0}.np-started h2{color:var(--color-focus);font-size:clamp(1.5rem,7vw,2.4rem)}.np-started__eyebrow{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem}.np-started .np-player-list{text-align:left}.np-round{gap:var(--space-3);min-width:0;padding-top:var(--space-4);border-top:1px solid var(--color-border);text-align:left;display:grid}.np-round__header{justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border);min-width:0;padding-bottom:var(--space-3);display:flex}.np-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.np-round h3,.np-round__counter,.np-round__question,.np-round__unit,.np-round__status p{margin:0}.np-round h3,.np-round__counter{color:var(--color-focus);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.np-round__question{overflow-wrap:anywhere;font-size:clamp(1.15rem,5vw,1.6rem);font-weight:700;line-height:1.35}.np-round__unit strong{color:var(--color-text)}.np-round__status{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));display:grid}.np-turn--you{border-color:var(--color-focus)!important;background:#4a101957!important}.np-round__status p{min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#0907088c;gap:.2rem;display:grid}.np-round__status strong{overflow-wrap:anywhere;color:var(--color-focus);font-size:1.1rem}.np-guess-history{gap:var(--space-2);max-height:13rem;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.np-guess-history li{justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-left:2px solid var(--color-accent);background:#09070873;display:flex}.np-guess-history strong{overflow-wrap:anywhere;text-align:right}.np-guess-form{gap:var(--space-2);display:grid}.np-guess-form label{font-weight:800}.np-guess-form p{color:var(--color-text-muted);margin:0;font-size:.9rem}.np-guess-form input{width:100%;min-width:0;min-height:3.5rem;font-size:1.35rem;font-weight:700}.np-guess-form button{min-height:3.5rem}@media (width<=30rem){.np-screen{gap:var(--space-4)}.np-player{padding-inline:var(--space-3);gap:var(--space-2)}.np-round__status{grid-template-columns:1fr}.np-round__header{align-items:flex-end}}@media (width>=48rem){.np-screen{width:min(100%,58rem)}}.screen-frame:has(.np-screen){box-shadow:var(--shadow-strong), inset 0 0 5rem #00000061;background:radial-gradient(at 50% 0,#5b141f26,#0000 31rem),linear-gradient(155deg,#1c1315db,#070607f7);border-color:#6f574e57}.np-screen{--np-black:#080708;--np-coal:#121012;--np-panel:#1b1518;--np-wine:#48121d;--np-wine-bright:#752336;--np-blood:#a93246;--np-ivory:#e6ddc8;--np-ivory-muted:#aaa092;--np-metal:#75675f;--np-metal-light:#a49386;width:min(100%,42rem);color:var(--np-ivory);position:relative}.np-screen:before{z-index:-1;inset:var(--header-height) 0 0;opacity:.34;content:"";pointer-events:none;background:radial-gradient(at 18% 84%,#6464641f,#0000 32rem),radial-gradient(at 82% 90%,#5b141f29,#0000 28rem),repeating-linear-gradient(104deg,#0000 0 4.5rem,#e6ddc803 4.6rem 4.65rem);position:fixed}.np-heading{border-radius:var(--radius-md);background:linear-gradient(#51162147,#0000 62%),linear-gradient(145deg,#1c1518f5,#080708fa);border:1px solid #75675f85;justify-items:center;gap:.35rem;padding:1.25rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 2.75rem #000000b8,0 1rem 3rem #0000004d}.np-heading:before,.np-heading:after{content:"";pointer-events:none;border-color:#b7a07e6b;width:2.5rem;height:2.5rem;position:absolute}.np-heading:before{border-top:1px solid;border-left:1px solid;top:.55rem;left:.55rem}.np-heading:after{border-bottom:1px solid;border-right:1px solid;bottom:.55rem;right:.55rem}.np-mascot{filter:drop-shadow(0 .65rem .8rem #0000008c);pointer-events:none;width:min(46vw,10rem);height:auto;display:block;overflow:visible}.np-mascot__arch,.np-mascot__mist,.np-mascot__wing,.np-mascot__body,.np-mascot__neck,.np-mascot__head,.np-mascot__beak,.np-mascot__feathers,.np-mascot__claw{vector-effect:non-scaling-stroke}.np-mascot__arch{fill:none;stroke:#a4917a52;stroke-width:1.2px}.np-mascot__mist{fill:none;stroke:#cbc2b033;stroke-width:1.2px}.np-mascot__body,.np-mascot__neck,.np-mascot__head,.np-mascot__wing{fill:#100d0f;stroke:#b7a07ea3;stroke-width:1.4px}.np-mascot__wing{fill:#21161a}.np-mascot__beak{fill:#5d2630;stroke:#dab78e8f;stroke-width:1.2px}.np-mascot__feathers,.np-mascot__claw{fill:none;stroke:#b7a07e94;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.25px}.np-mascot__eye{fill:#cf304b;filter:drop-shadow(0 0 .35rem #cf304bbf)}.np-mascot__eye-glint{fill:#fff1cf}.np-heading h1{color:var(--np-ivory);letter-spacing:.05em;text-shadow:0 .15rem #261017,0 0 1.4rem #a9324657;font-size:clamp(2.35rem,10vw,4.5rem)}.np-actions,.np-form{border-radius:var(--radius-md);background:linear-gradient(145deg,#1f171af0,#0a0809f5);border:1px solid #75675f66;padding:clamp(1rem,4vw,1.5rem);box-shadow:inset 0 0 2rem #0000006b}.np-form input{color:var(--np-ivory);background:#050405b8;border-color:#75675f94}.np-actions button:first-child,.np-form button[type=submit],.np-start-button{background:linear-gradient(180deg, #ae3e503d, transparent 48%), var(--np-wine);border-color:#a93246b8;box-shadow:inset 0 1px #ffeed612,0 .5rem 1.25rem #0000004d}.np-actions button:first-child:hover:not(:disabled),.np-form button[type=submit]:hover:not(:disabled),.np-start-button:hover:not(:disabled){background:linear-gradient(180deg, #cf526547, transparent 50%), var(--np-wine-bright);border-color:#d06778;box-shadow:0 0 1.25rem #a9324633,0 .5rem 1.25rem #00000052}.np-message{color:var(--np-ivory);background:linear-gradient(90deg,#5b141f3d,#140f11f0);border-color:#75675f8c;box-shadow:inset 3px 0 #876}.np-sync{color:var(--np-ivory-muted);background:#0c0a0bd1;border-color:#75675f75}.np-retry{border-color:#b7a07e7a}.np-exit-room{color:#efcdd0;background:#48121d9e;border-color:#a93246a3}.np-room-code{background:linear-gradient(135deg,#5b141f47,#0000 48%),#0f0c0ef5;border-color:#b7a07e8a;position:relative;overflow:hidden;box-shadow:inset 0 0 2.5rem #00000094,0 1rem 2rem #0003}.np-room-code:before,.np-room-code:after{content:"";background:linear-gradient(90deg,#0000,#b7a07e8c);width:3.5rem;height:1px;position:absolute;top:50%}.np-room-code:before{left:.75rem}.np-room-code:after{right:.75rem;transform:rotate(180deg)}.np-room-code>label{color:var(--np-ivory-muted)}.np-room-code p{max-width:42ch;color:var(--np-ivory-muted)}.np-room-code button{border-color:#b7a07e85}.np-room-count{color:#d1b887;letter-spacing:.08em;border-block:1px solid #75675f5c;padding:.55rem 1rem}.np-player-list{gap:.6rem}.np-player{border-radius:var(--radius-sm);background:linear-gradient(90deg,#48121d33,#0000 42%),#120e10f0;border-color:#75675f61;flex-wrap:wrap;box-shadow:inset 2px 0 #75675f7a}.np-player__badge,.np-player__you{color:var(--np-ivory);background:#07060785;border-color:#b7a07e6b}.np-player__badge{color:#d1b887}.np-lobby-status{color:var(--np-ivory-muted)}.np-host-note{color:#d1b887}.np-hint{color:var(--np-ivory-muted)}.np-started{box-shadow:var(--shadow-strong), inset 0 0 3.5rem #0000008c;background:radial-gradient(at 50% 0,#5b141f52,#0000 48%),linear-gradient(155deg,#1f1619f5,#080708fc);border-color:#75675f94;position:relative;overflow:hidden}.np-started:before{border-radius:calc(var(--radius-md) - .2rem);content:"";pointer-events:none;border:1px solid #b7a07e14;position:absolute;inset:.5rem}.np-started h2{color:var(--np-ivory);text-shadow:0 0 1.25rem #a9324666}.np-started__eyebrow{color:#c7ad86}.np-round{border-top-color:#75675f70}.np-round__header{border-bottom-color:#75675f70}.np-round h3,.np-round__counter{color:#c7ad86}.np-round__question{border-radius:var(--radius-sm);color:var(--np-ivory);font-family:var(--font-display);background:linear-gradient(135deg,#48121d3d,#090809d6);border:1px solid #b7a07e57;padding:clamp(1rem,4vw,1.5rem);font-size:clamp(1.3rem,5vw,1.85rem);box-shadow:inset 0 0 1.75rem #0000006b}.np-round__unit{color:var(--np-ivory-muted)}.np-round__status p{background:#0a0809c7;border-color:#75675f6b}.np-turn--you{box-shadow:inset 3px 0 var(--np-blood);background:#48121da3!important;border-color:#a93246b8!important}.np-guess-history__latest{border-left-color:var(--np-blood)!important;background:#48121d66!important}.np-guess-form{padding:var(--space-4);border-radius:var(--radius-sm);background:#0c090bc7;border:1px solid #75675f6b}.np-guess-form input{color:var(--np-ivory);background:#050405d1;border-color:#b7a07e7a}.np-guess-form button{background:var(--np-wine);border-color:#a93246b3}.np-result__explanation{padding:var(--space-4);color:var(--np-ivory-muted);background:#0807087a;border-top:1px solid #75675f61;border-bottom:1px solid #75675f61}@media (width>=48rem){.np-screen{width:min(100%,58rem)}.np-heading{text-align:left;align-content:center;justify-items:start;min-height:13rem;padding:2.25rem 15rem 2.25rem 2.5rem}.np-mascot{opacity:.9;width:14rem;position:absolute;bottom:-.6rem;right:1.25rem}.np-heading p{text-align:left}.np-actions,.np-form{width:min(100%,34rem)}.np-room-code{padding-inline:4.5rem}}@media (width<=30rem){.np-heading{padding-inline:1rem}.np-mascot{width:8.25rem}.np-room-code:before,.np-room-code:after{opacity:.55;width:1.5rem}.np-room-code input{font-size:clamp(2rem,12vw,3rem)}.np-player{align-items:flex-start}.np-player__you{margin-left:0}.np-round__header{align-items:flex-end}}.auth-screen{place-items:center;width:100%;display:grid}.auth-panel{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);width:min(100%,30rem);box-shadow:var(--shadow-surface), var(--shadow-accent);text-align:left;background:linear-gradient(145deg,#4a10192e,#0000 38%),#110c0ef5;padding:clamp(1.5rem,5vw,2.5rem);position:relative}.auth-panel:before{background:var(--color-accent-bright);content:"";width:22%;height:1px;position:absolute;top:-1px;left:12%;box-shadow:0 0 .75rem #d33b498c}.auth-panel__header h1{margin:var(--space-2) 0;font-size:clamp(2rem,8vw,3rem)}.auth-panel__header p{margin:0}.auth-form{gap:var(--space-3);display:grid}.auth-form label{margin-top:var(--space-2);color:var(--color-text);font-size:.86rem;font-weight:700}.auth-form__submit{width:100%;margin:var(--space-4) 0 0;text-transform:uppercase;letter-spacing:.1em}.auth-panel__footer{margin-top:var(--space-6);padding-top:var(--space-4);align-items:center;gap:var(--space-2);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.auth-panel__footer p{margin:0;font-size:.88rem}.button-link{min-height:auto;padding:var(--space-1);color:var(--color-text);box-shadow:none;text-decoration:underline;-webkit-text-decoration-color:var(--color-accent-bright);text-decoration-color:var(--color-accent-bright);text-underline-offset:.25em;background:0 0;border:0;margin:0}.button-link:hover:not(:disabled){color:var(--color-accent-bright);box-shadow:none;background:0 0;transform:none}.auth-panel__back{padding-inline:var(--space-3);margin:0 0 0 auto}.screen-frame:has(.result-screen){box-shadow:none;background:0 0;border-color:#0000;display:grid}.result-screen{text-align:left;width:min(100%,54rem);margin-inline:auto}.result-header{text-align:center;max-width:44rem;margin:0 auto clamp(1.5rem,4vw,2.5rem)}.result-header__eyebrow{margin:0 0 var(--space-3);color:var(--color-accent-bright);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:700}.result-header h1{margin-bottom:var(--space-3);text-transform:uppercase;font-size:clamp(2.4rem,7vw,4.5rem)}.result-header>p:last-child{margin:0;font-size:clamp(.95rem,2vw,1.08rem)}.result-summary{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:linear-gradient(145deg, #4a10192e, transparent 48%), var(--color-surface);box-shadow:var(--shadow-surface), var(--shadow-accent);grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);display:grid;overflow:hidden}.result-score{border-right:1px solid var(--color-border);text-align:center;place-content:center;justify-items:center;min-height:18rem;padding:clamp(1.5rem,5vw,3rem);display:grid;position:relative;overflow:hidden}.result-score__detail{aspect-ratio:1;pointer-events:none;border:1px solid #d33b4929;width:clamp(12rem,28vw,16rem);position:absolute;transform:rotate(45deg)}.result-score__detail:after{content:"";border:1px solid #f1e7d212;position:absolute;inset:1rem}.result-score strong,.result-score>span:last-child{z-index:1;position:relative}.result-score strong{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.06em;font-size:clamp(4.5rem,12vw,7.5rem);font-weight:700;line-height:.9}.result-score>span:last-child,.result-stat span,.result-identity dt{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;font-size:.7rem;font-weight:700}.result-score>span:last-child{margin-top:var(--space-4)}.result-stats{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.result-stat{align-content:center;gap:var(--space-2);text-align:center;min-width:0;padding:clamp(1.25rem,3vw,2rem);display:grid}.result-stat+.result-stat{border-left:1px solid var(--color-border)}.result-stat strong{color:var(--color-text);font-family:var(--font-display);font-size:clamp(2.2rem,6vw,3.5rem);line-height:1}.result-stat--correct strong{color:var(--color-success)}.result-stat--wrong strong{color:var(--color-danger)}.result-stat--points{border-top:1px solid var(--color-border);border-left:0;grid-column:1/-1}.result-stat--points strong{font-size:clamp(2rem,5vw,3rem)}.result-identity{margin:var(--space-6) 0 0;border-block:1px solid var(--color-border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.result-identity>div{min-width:0;padding:var(--space-4) clamp(1rem, 3vw, 1.5rem)}.result-identity>div+div{border-left:1px solid var(--color-border)}.result-identity dd{margin:var(--space-2) 0 0;overflow-wrap:anywhere;color:var(--color-text);font-family:var(--font-display);font-size:clamp(1.2rem,3vw,1.65rem)}.result-actions{margin-top:var(--space-6);gap:var(--space-3);display:grid}.result-actions button{margin:0}.result-actions__primary{text-transform:uppercase;letter-spacing:.1em;width:100%;min-height:3.5rem}.result-actions__secondary{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=48rem){:root{--header-height:4rem;--page-gutter:1rem}.screen-frame{min-height:calc(100vh - var(--header-height) - (2 * var(--space-4)));margin-block:var(--space-4);padding:clamp(1rem,5vw,1.75rem)}.alternativas{grid-template-columns:1fr}.info-quiz{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-hud__time{text-align:left;grid-column:1/-1;align-items:flex-start}.feedback-panel__footer{grid-template-columns:1fr}.categorias{gap:var(--space-4)}.home-hero{text-align:center;grid-template-columns:1fr;justify-items:center}.home-copy h1{max-width:12ch}.home-sigil{width:7.5rem}.result-summary{grid-template-columns:1fr}.result-score{border-right:0;border-bottom:1px solid var(--color-border);min-height:15rem}}@media (width<=30rem){.site-brand__name{letter-spacing:.1em}.site-header__inner{gap:.5rem}.site-session{max-width:38vw;padding:.4rem .55rem}.site-session__label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.site-session strong{font-size:.75rem}.ranking-item{grid-template-columns:2.75rem minmax(0,1fr)}.ranking-pontos{grid-column:2;justify-self:start}.home-actions{flex-direction:column;width:100%}.home-actions button{width:100%}.result-identity,.result-actions__secondary{grid-template-columns:1fr}.result-identity>div+div{border-top:1px solid var(--color-border);border-left:0}.result-actions__secondary button{width:100%}.mode-card,.auth-panel{padding:var(--space-6) var(--space-4)}.auth-panel__footer{text-align:center;flex-direction:column;align-items:stretch}.auth-panel__back{width:100%;margin-left:0}.categorias{grid-template-columns:1fr}.categoria-card{min-height:16rem}.alternativas button{min-height:5.5rem}.answer-option__status{grid-column:2}}.np-score{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:left;background:#0907086b;display:grid}.np-score h3,.np-score ul,.np-score li{margin:0}.np-score h3{color:var(--color-focus);font-family:var(--font-mono);letter-spacing:.12em;font-size:.75rem}.np-score ul{gap:.35rem;padding:0;list-style:none;display:grid}.np-score li{justify-content:space-between;gap:var(--space-3);display:flex}.np-score li span{overflow-wrap:anywhere;min-width:0}.np-score small{margin-left:var(--space-2);color:var(--color-success);font-family:var(--font-mono);text-transform:uppercase;font-size:.65rem}.np-challenge{border-color:var(--color-warning);letter-spacing:.08em;background:#6d451e;min-height:3.75rem;font-weight:800}.np-result__answer{padding:var(--space-4);border:1px solid var(--color-focus);border-radius:var(--radius-sm);background:#4a101940;gap:.25rem;display:grid}.np-result__answer span{color:var(--color-text-muted);font-family:var(--font-mono);text-transform:uppercase}.np-result__answer strong{color:var(--color-focus);overflow-wrap:anywhere;font-size:clamp(1.4rem,6vw,2rem)}.np-result__penalty{padding:var(--space-3);border-left:3px solid var(--color-warning);background:#6d451e3d}.np-result__explanation{color:var(--color-text-muted);line-height:1.55}.np-timer{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;flex:none;justify-items:end;margin:0;font-size:.7rem;display:grid}.np-timer strong{color:var(--color-text);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:clamp(1.7rem,8vw,2.5rem);line-height:1}.np-timer--urgent strong{color:var(--color-warning)}.np-dialog-backdrop{z-index:30;padding:max(var(--space-4), env(safe-area-inset-top)) max(var(--space-4), env(safe-area-inset-right)) max(var(--space-4), env(safe-area-inset-bottom)) max(var(--space-4), env(safe-area-inset-left));-webkit-backdrop-filter:blur(.45rem);backdrop-filter:blur(.45rem);background:#04030ae0;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.np-dialog{gap:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);width:min(100%,28rem);box-shadow:var(--shadow-strong), var(--shadow-spectral);background:linear-gradient(145deg,#26133fcc,#0e0c16fa);padding:clamp(1.25rem,5vw,2rem);display:grid}.np-dialog h4,.np-dialog p{margin:0}.np-dialog h4{color:var(--color-focus);font-family:var(--font-display);font-size:clamp(1.75rem,8vw,2.5rem)}.np-dialog__actions{gap:var(--space-3);display:grid}.np-dialog__actions button{width:100%;min-height:3.5rem;margin:0}.np-final{gap:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#090708bd;padding:clamp(1.25rem,4vw,2.5rem);display:grid}.np-final__eyebrow,.np-final h2,.np-final h3,.np-final p{margin:0}.np-final__eyebrow,.np-final h3{color:var(--color-focus);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.np-final__extremes{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.np-final__extremes section,.np-final__highlight{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-focus);border-radius:var(--radius-sm);background:#4a101940;display:grid}.np-final__extremes strong{overflow-wrap:anywhere;font-size:clamp(1.25rem,4vw,1.8rem)}.np-final__extremes span{color:var(--color-text-muted)}.np-final__score ol{margin:var(--space-3) 0 0;gap:.4rem;padding-left:1.75rem;display:grid}.np-final__score li{padding-left:.25rem}.np-final__score li span{overflow-wrap:anywhere}.np-final__score li strong{float:right;margin-left:var(--space-3)}.np-final__abandoned{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-muted);display:grid}@media (width<=36rem){.np-final__extremes{grid-template-columns:1fr}}@media (width>=48rem){.np-screen{width:min(100%,52rem)}.np-started{padding:2rem}.np-round__status{grid-template-columns:repeat(2,minmax(0,1fr))}.np-dialog__actions{grid-template-columns:1.35fr 1fr}}@media (prefers-reduced-motion:reduce){.np-screen *,.np-dialog-backdrop *,.content-screen *,.content-dialog-backdrop *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.content-screen{width:min(72rem,100%);padding:clamp(var(--space-5), 5vw, var(--space-8)) max(var(--space-4), env(safe-area-inset-right)) max(var(--space-6), env(safe-area-inset-bottom));margin:0 auto}.content-header,.content-section-heading,.content-form__heading{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.content-header h1,.content-section-heading h2,.content-form h3{margin:.25rem 0}.content-header p{color:var(--color-text-muted);margin:.5rem 0 0}.content-eyebrow{color:var(--color-accent);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:800}.content-mode-selector,.content-tabs{margin-top:var(--space-5);gap:.5rem;display:flex;overflow-x:auto}.content-mode-selector button,.content-tabs button,.content-tabs span{border:1px solid var(--color-border);background:var(--color-surface);min-height:2.75rem;color:var(--color-text);white-space:nowrap;padding:.7rem 1rem}.content-mode-selector button[aria-pressed=true],.content-tabs button[aria-current=page]{border-color:var(--color-accent);box-shadow:inset 0 -3px var(--color-accent)}.content-tabs span[aria-disabled=true]{opacity:.48}.content-tabs small{margin-left:.35rem}.content-summary{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.content-summary div{padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:baseline;display:flex}.content-summary span{color:var(--color-text-muted)}.content-summary strong{font-size:clamp(1.25rem,3vw,1.8rem)}.content-message,.content-state,.content-empty{margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-surface)}.content-message{border-color:var(--color-accent)}.content-state--error{border-color:var(--color-error)}.content-categories{margin-top:var(--space-5)}.content-category-list{gap:var(--space-3);margin:var(--space-4) 0 0;padding:0;list-style:none;display:grid}.content-category-card{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);display:flex}.content-category-card__copy{min-width:0}.content-category-card__copy>div{align-items:center;gap:.75rem;display:flex}.content-category-card h3,.content-category-card p{overflow-wrap:anywhere;margin:0}.content-category-card p{color:var(--color-text-muted);margin-top:.4rem}.content-category-card__actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.content-badge{border:1px solid var(--color-border);text-transform:uppercase;padding:.2rem .5rem;font-size:.7rem}.content-badge--active{border-color:var(--color-accent);color:var(--color-accent)}.content-limit{font-size:1.25rem;font-weight:800}.content-form{margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--color-accent);background:var(--color-surface);gap:.65rem;display:grid}.content-form label{font-weight:700}.content-form label span{color:var(--color-text-muted);font-weight:400}.content-form input,.content-form textarea{width:100%}.content-form__actions,.content-dialog__actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.content-dialog-backdrop{z-index:40;padding:max(var(--space-4), env(safe-area-inset-top)) max(var(--space-4), env(safe-area-inset-right)) max(var(--space-4), env(safe-area-inset-bottom)) max(var(--space-4), env(safe-area-inset-left));-webkit-backdrop-filter:blur(.45rem);backdrop-filter:blur(.45rem);background:#04030ae0;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.content-dialog{width:min(31rem,100%);padding:var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-strong), var(--shadow-spectral);background:linear-gradient(145deg,#26133fcc,#0e0c16fa)}.content-dialog h3{margin:.5rem 0}.content-danger{background:var(--cosmic-danger-deep);border-color:#bd435bbd}.questions-panel{margin-top:var(--space-5)}.question-filters{margin-top:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);grid-template-columns:auto minmax(10rem,1fr) auto minmax(8rem,.6fr);align-items:center;gap:.65rem;display:grid}.question-filters label,.question-field label{font-weight:700}.question-form{gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--color-accent);background:var(--color-surface);text-align:left;display:grid}.question-form h3{margin:0}.question-form__alternatives,.question-form__split{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.question-field{gap:.4rem;display:grid}.question-field input,.question-field select,.question-field textarea{width:100%}.question-field span[role=alert]{color:var(--color-warning);font-size:.8rem}.question-form__actions{flex-wrap:wrap;gap:.75rem;display:flex}.question-list{gap:var(--space-3);margin:var(--space-4) 0 0;padding:0;list-style:none;display:grid}.question-list__item{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);text-align:left;display:flex}.question-list__item>div:first-child{min-width:0}.question-list__item h3{overflow-wrap:anywhere;margin:.5rem 0 .25rem}.question-list__item p{color:var(--color-text-muted);margin:0}.question-load-more{margin-top:var(--space-4)}.import-panel,.prompt-panel{gap:var(--space-4);margin-top:var(--space-5);text-align:left;display:grid}.prompt-panel__intro{max-width:70ch;color:var(--color-text-muted);margin:0}.prompt-form{max-width:46rem}.prompt-form select{width:100%}.prompt-form small{color:var(--color-text-muted)}.prompt-field-error{color:var(--color-error);margin:-.35rem 0 .15rem;font-size:.9rem}.prompt-result{gap:var(--space-3);display:grid}.prompt-warning{border-left:4px solid var(--color-accent);background:var(--color-surface);margin:0;padding:.8rem 1rem}.prompt-output{resize:vertical;width:100%;min-height:20rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem;line-height:1.5}.import-guidance,.import-picker,.import-result{padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-surface)}.import-guidance h3,.import-result h3,.import-result h4{margin-top:0}.import-guidance p{color:var(--color-text-muted);margin:.5rem 0;line-height:1.5}.import-picker{gap:var(--space-3);display:grid}.import-picker>label{font-weight:800}.import-picker input{width:100%}.import-file,.import-summary{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.import-file div,.import-summary div{min-width:0;padding:var(--space-3);border:1px solid var(--color-border)}.import-file dt,.import-summary dt{color:var(--color-text-muted);text-transform:uppercase;font-size:.75rem}.import-file dd,.import-summary dd{overflow-wrap:anywhere;margin:.3rem 0 0;font-weight:800}.import-errors{padding:var(--space-3);border-left:3px solid var(--color-error);background:#7a1f1f2e}.import-errors ul{margin-bottom:0;padding-left:1.4rem}.import-preview{gap:var(--space-3);padding:0;list-style:none;display:grid}.import-preview__item{padding:var(--space-3);border:1px solid var(--color-border)}.import-preview__item h4{overflow-wrap:anywhere;margin:.35rem 0}.import-preview__item p{color:var(--color-text-muted);overflow-wrap:anywhere;margin:.35rem 0}.import-preview__item code{font-size:.75rem}@media (width<=42rem){.content-header,.content-section-heading,.content-category-card,.question-list__item{flex-direction:column;align-items:stretch}.content-summary{grid-template-columns:1fr}.content-category-card__actions{justify-content:stretch}.content-category-card__actions button{flex:8rem}.question-filters,.question-form__alternatives,.question-form__split,.import-file,.import-summary{grid-template-columns:1fr}}.cosmic-sigil{width:100%;height:auto;color:var(--color-accent);filter:drop-shadow(0 0 1rem #58a6ff33);display:block;overflow:visible}.cosmic-sigil__orbit,.cosmic-sigil__runes,.cosmic-sigil__constellation,.cosmic-sigil__eye,.cosmic-sigil__iris{vector-effect:non-scaling-stroke}.cosmic-sigil__orbit{fill:none;transform-origin:120px 120px}.cosmic-sigil__orbit--outer{stroke:#62beffad;stroke-width:1.2px;stroke-dasharray:3 8 20 6;animation:32s linear infinite cosmic-orbit-turn}.cosmic-sigil__orbit--inner{stroke:#975bffbd;stroke-width:1px;stroke-dasharray:2 5;animation:24s linear infinite reverse cosmic-orbit-turn}.cosmic-sigil__runes{fill:none;stroke:#e5e0d573;stroke-width:1px}.cosmic-sigil__constellation{fill:none;stroke:#62beff6b;stroke-width:.8px}.cosmic-sigil__star{fill:var(--color-accent)}.cosmic-sigil__star--violet{fill:#a875ff}.cosmic-sigil__eye{fill:#08070fe6;stroke:#e5e0d5bf;stroke-width:1.3px}.cosmic-sigil__iris{fill:#482470e0;stroke:#62beffd6;stroke-width:1px}.cosmic-sigil__pupil{fill:#06050a}.cosmic-sigil__glint{fill:#edf8ff}@keyframes cosmic-orbit-turn{to{transform:rotate(360deg)}}:is(.screen-frame:has(.home-screen),.screen-frame:has(.auth-screen)){position:relative;overflow:hidden}.screen-frame:has(.home-screen){width:100%;min-height:calc(100svh - var(--header-height));padding:clamp(1.25rem, 4vw, 3rem) var(--page-gutter);box-shadow:none;isolation:isolate;background:linear-gradient(#04030a3d,#04030aad 70%,#04030ae6),linear-gradient(90deg,#05040c66,#0000 30% 70%,#05040c57),url(/images/cenario-quizhub.webp) 58% 0/cover no-repeat;border:0;border-radius:0;margin:0}.screen-frame:has(.auth-screen){width:100%;min-height:calc(100svh - var(--header-height));padding:clamp(1.25rem, 4vw, 3rem) var(--page-gutter);box-shadow:none;isolation:isolate;background:0 0;border:0;border-radius:0;margin:0}.screen-frame:has(.auth-screen):after{z-index:0;inset:var(--header-height) 0 0;content:"";pointer-events:none;background-blend-mode:multiply;background-color:#07050dc2;background-image:url(/images/cenario-quizhub.webp);background-position:58%;background-repeat:no-repeat;background-size:cover;position:fixed}.screen-frame:has(.home-screen):before{display:none}.screen-frame:has(.auth-screen):before{display:none}.home-screen{width:min(100%,74rem);min-height:calc(100svh - var(--header-height) - clamp(2.5rem, 8vw, 6rem));gap:clamp(1rem,3vw,2rem);margin-inline:auto}.home-hero{border-radius:var(--radius-lg);box-shadow:var(--shadow-strong), inset 0 0 4rem #12081fcc;isolation:isolate;background:radial-gradient(circle at 18% 35%,#3078ac24,#0000 32%),linear-gradient(145deg,#1c102df0,#08070ef7);border:1px solid #845ecd7a;justify-items:center;gap:clamp(1rem,4vw,2rem);padding:clamp(1.25rem,5vw,3.5rem);display:grid;position:relative;overflow:hidden}.home-hero:before,.home-hero:after{z-index:-1;content:"";pointer-events:none;position:absolute}.home-hero:before{border-radius:calc(var(--radius-lg) - .35rem);clip-path:polygon(0 0,24% 0,24% 1px,76% 1px,76% 0,100% 0,100% 100%,76% 100%,76% calc(100% - 1px),24% calc(100% - 1px),24% 100%,0 100%);border:1px solid #62beff1f;inset:.55rem}.home-hero:after{opacity:.28;background-image:linear-gradient(115deg,#0000 46%,#62beff14 47%,#0000 48%),radial-gradient(circle,#e5e0d561 0 1px,#0000 1.5px);background-size:100% 100%,4.75rem 4.75rem;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.home-sigil{width:clamp(9.5rem,38vw,15rem);height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;position:relative}.home-sigil:before,.home-sigil:after{content:none}.home-sigil__monogram{color:#e5e0d5c7;font-family:var(--font-display);letter-spacing:.24em;text-indent:.24em;text-shadow:0 0 .75rem #62beffbf;font-size:.7rem;font-weight:900;position:absolute;inset:auto 0 13%}.home-copy{max-width:38rem}.home-copy h1{max-width:13ch;color:var(--color-text);text-wrap:balance;text-shadow:0 0 1.8rem #6d3eaa66;margin-inline:auto;font-size:clamp(2.25rem,10vw,5rem);line-height:.94}.home-copy>p{color:var(--color-text-muted);margin-top:1.1rem;font-size:clamp(1rem,2.7vw,1.25rem)}.home-copy__omen{color:#62beff8a;letter-spacing:.2em;margin-top:1.25rem;font-size:.7rem;display:block}.home-modes{gap:1rem;width:100%}.mode-card{--mode-color:151, 91, 255;border:1px solid rgba(var(--mode-color), .42);border-radius:var(--radius-md);background:radial-gradient(circle at 88% 12%, rgba(var(--mode-color), .15), transparent 28%), linear-gradient(155deg, #1b112af0, #090810fa);min-height:17rem;box-shadow:inset 0 0 2.5rem rgba(var(--mode-color), .05), 0 1.1rem 2rem #00000038;padding:clamp(1.15rem,4vw,1.75rem);position:relative;overflow:hidden}.mode-card--2{--mode-color:79, 177, 224}.mode-card:before{background:linear-gradient(90deg, rgba(var(--mode-color), .9), transparent);content:"";width:48%;height:1px;position:absolute;inset:0 auto auto 0}.mode-card:after{border:1px solid rgba(var(--mode-color), .15);width:11rem;height:11rem;box-shadow:inset 0 0 0 1.8rem rgba(var(--mode-color), .025);content:"";pointer-events:none;border-radius:50%;position:absolute;bottom:-4rem;right:-3rem}.mode-card__glyph{color:rgba(var(--mode-color), .26);text-shadow:0 0 1.5rem rgba(var(--mode-color), .22);font-size:clamp(3.5rem,18vw,6.5rem);line-height:1;position:absolute;top:3rem;right:1.15rem;transform:rotate(12deg)}.mode-card__header,.mode-card__body,.mode-card__action{z-index:1;position:relative}.mode-card__eyebrow,.mode-card__index{color:rgb(var(--mode-color))}.mode-card__body h2{max-width:16ch;font-size:clamp(1.45rem,5vw,2rem)}.mode-card__body p{max-width:38ch}.mode-card__metadata li:before{background:rgb(var(--mode-color));box-shadow:0 0 .55rem rgba(var(--mode-color), .75)}.mode-card__action{border-color:rgba(var(--mode-color), .62);background:linear-gradient(135deg, rgba(var(--mode-color), .22), rgba(var(--mode-color), .08))}.home-actions{background:linear-gradient(135deg,#181025e0,#0a0911eb);border-color:#845ecd52}.home-session{background:#0b121cc2;border-color:#62beff52}.system-status span{box-shadow:0 0 .65rem #62beffb3}.auth-screen{z-index:1;min-height:calc(100svh - var(--header-height) - clamp(2.5rem, 8vw, 6rem));isolation:isolate;place-items:center;padding:clamp(.25rem,2vw,1rem);display:grid;position:relative;overflow:hidden}.auth-panel{border-radius:var(--radius-lg);width:min(100%,34rem);box-shadow:var(--shadow-strong), 0 0 3rem #50287d24, inset 0 0 3rem #050409a6;background:radial-gradient(circle at 50% 0,#663f9d26,#0000 34%),linear-gradient(155deg,#1b112af7,#08070efa);border-color:#845ecd8a;padding:clamp(1.25rem,5vw,2.6rem);position:relative;overflow:hidden}.auth-panel:before{background:linear-gradient(90deg,#0000,#62beffdb,#0000);width:54%;height:1px}.auth-panel:after{content:"";background:#06050a;border:1px solid #62beffb8;width:.55rem;height:.55rem;position:absolute;top:.58rem;left:50%;transform:translate(-50%)rotate(45deg)}.auth-panel__corner{pointer-events:none;border-color:#975bff9e;width:2.25rem;height:2.25rem;position:absolute}.auth-panel__corner--top{border-top:1px solid;border-left:1px solid;top:.75rem;left:.75rem}.auth-panel__corner--bottom{border-bottom:1px solid;border-right:1px solid;bottom:.75rem;right:.75rem}.auth-panel__header{margin-bottom:1.5rem}.auth-panel__eyebrow{color:var(--color-accent);letter-spacing:.18em;text-shadow:0 0 .7rem #62beff61}.auth-panel__header h1{text-wrap:balance;margin-top:.55rem;font-size:clamp(2rem,8vw,3.35rem);line-height:1}.auth-panel__header p{max-width:40ch;margin-inline:auto}.auth-form{gap:1rem}.auth-form label{color:var(--color-text);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.auth-form input{background:#05050ab8;min-height:3.25rem}.auth-form__submit{background:linear-gradient(135deg,#502a85f0,#19547ae6);border-color:#62beffb8;min-height:3.25rem;margin-top:.25rem;box-shadow:0 0 1.5rem #538bd029,inset 0 1px #ffffff17}.auth-panel__footer{border-top:1px solid #845ecd33;padding-top:1rem}@media (width>=48rem){.home-hero{text-align:left;grid-template-columns:minmax(12rem,.8fr) minmax(0,1.35fr);min-height:25rem}.home-copy{justify-self:start}.home-copy h1,.home-copy>p{margin-inline:0}.home-copy__omen{text-align:left}.home-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-card{min-height:19rem}}@media (width<=23rem){.home-hero,.mode-card,.auth-panel{padding-inline:1rem}.home-copy h1{font-size:clamp(2rem,12vw,2.75rem)}.mode-card__glyph{font-size:3.75rem;right:.5rem}.auth-screen{padding-inline:0}}@media (width<=48rem){.screen-frame:has(.auth-screen){min-height:calc(100svh - var(--header-height));padding:1rem var(--page-gutter) 1.5rem}.screen-frame:has(.auth-screen):after{background-position:66%}.auth-screen{min-height:calc(100svh - var(--header-height) - 2.5rem)}.screen-frame:has(.home-screen){min-height:calc(100svh - var(--header-height));padding:1rem var(--page-gutter) 1.5rem;background:linear-gradient(#04030a47,#04030ac2 58%,#04030af0),url(/images/cenario-quizhub.webp) 66% 0/cover no-repeat}.home-screen{min-height:calc(100svh - var(--header-height) - 2.5rem)}}.screen-frame:has(.categories-screen){width:100%;min-height:calc(100svh - var(--header-height));padding:clamp(1.25rem, 4vw, 3rem) var(--page-gutter);isolation:isolate;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;overflow:hidden}.screen-frame:has(.categories-screen):before{display:none}.screen-frame:has(.categories-screen):after{z-index:0;inset:var(--header-height) 0 0;content:"";pointer-events:none;background-blend-mode:multiply;background-color:#07050db8;background-image:url(/images/cenario-quizhub.webp);background-position:58%;background-repeat:no-repeat;background-size:cover;position:fixed}.screen-frame:has(.quiz-screen){width:100%;min-height:calc(100svh - var(--header-height));padding:clamp(1.25rem, 3vw, 2.5rem) var(--page-gutter);isolation:isolate;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;overflow:hidden}.screen-frame:has(.quiz-screen):before{display:none}.screen-frame:has(.quiz-screen):after{z-index:0;inset:var(--header-height) 0 0;content:"";pointer-events:none;background-blend-mode:multiply;background-color:#07050dc2;background-image:url(/images/cenario-quizhub.webp);background-position:58%;background-repeat:no-repeat;background-size:cover;position:fixed}.screen-frame:has(.ranking-screen){width:100%;min-height:calc(100svh - var(--header-height));padding:clamp(1.25rem, 4vw, 3rem) var(--page-gutter);isolation:isolate;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;overflow:hidden}.screen-frame:has(.ranking-screen):before{display:none}.screen-frame:has(.ranking-screen):after{z-index:0;inset:var(--header-height) 0 0;content:"";pointer-events:none;background-blend-mode:multiply;background-color:#07050dbf;background-image:url(/images/cenario-quizhub.webp);background-position:58%;background-repeat:no-repeat;background-size:cover;position:fixed}.screen-frame:has(.result-screen){width:100%;min-height:calc(100svh - var(--header-height));padding:clamp(1.25rem, 4vw, 3rem) var(--page-gutter);isolation:isolate;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;overflow:hidden}.screen-frame:has(.result-screen):before{display:none}.screen-frame:has(.result-screen):after{z-index:0;inset:var(--header-height) 0 0;content:"";pointer-events:none;background-blend-mode:multiply;background-color:#07050dbf;background-image:url(/images/cenario-quizhub.webp);background-position:58%;background-repeat:no-repeat;background-size:cover;position:fixed}.categories-screen,.ranking-screen,.result-screen,.quiz-screen{position:relative}.categories-screen,.quiz-screen,.ranking-screen,.result-screen{z-index:1}.categories-screen:before,.ranking-screen:before,.result-screen:before{z-index:-1;opacity:.42;content:"";pointer-events:none;background:radial-gradient(circle at 15% 12%,#62beff33 0 1px,#0000 1.5px) 0 0/7rem 6rem,radial-gradient(circle at 72% 28%,#a875ff42 0 1px,#0000 1.5px) 0 0/11rem 9rem,linear-gradient(115deg,#0000 49%,#62beff0f 49.5% 50%,#0000 50.5%) 0 0/100% 100%;height:16rem;display:none;position:absolute;inset:-2rem -1rem auto;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.categories-header,.ranking-header,.result-header{position:relative}.categories-header:after,.ranking-header:after,.result-header:after{content:"";background:linear-gradient(90deg,#62beffc7,#975bff80,#0000);width:min(100%,12rem);height:1px;margin-top:1.25rem;display:block;box-shadow:0 0 .8rem #62beff33}.result-header:after{margin-inline:auto}.categories-header__eyebrow,.ranking-header__eyebrow,.result-header__eyebrow,.quiz-hud__context{color:var(--cosmic-spectral-soft);text-shadow:0 0 .7rem #62beff42}.categories-header h1,.ranking-header h1,.result-header h1{color:var(--cosmic-ivory);letter-spacing:.025em;text-shadow:0 0 2rem #7845b75c}.categories-screen{width:min(100%,64rem);padding-block:clamp(.5rem,2vw,1.5rem) clamp(1.5rem,4vw,3rem)}.categories-header{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(.35rem);backdrop-filter:blur(.35rem);background:linear-gradient(145deg,#120c1ed1,#07060de6);border:1px solid #975bff3d;padding:clamp(1.15rem,3vw,1.75rem);box-shadow:inset 0 0 2rem #04030a6b,0 1rem 2.5rem #0000002e}.categorias{gap:clamp(1rem,3vw,1.5rem)}.categoria-card{isolation:isolate;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);background:radial-gradient(circle at 85% 16%,#62beff1a,#0000 24%),linear-gradient(145deg,#341b509e,#090811f0 58%,#120c1cf5);border-color:#975bff57;box-shadow:inset 0 0 2.5rem #04030a9e,0 1rem 2.5rem #00000042}.categoria-card:before{z-index:-1;border-radius:calc(var(--radius-md) - .2rem);content:"";pointer-events:none;border:1px solid #62beff14;position:absolute;inset:.45rem}.categoria-card:after{border-color:#975bff2e;width:10rem;height:10rem;bottom:-3.25rem;right:-3.25rem;box-shadow:inset 0 0 0 1.5rem #62beff06,0 0 2rem #6d3eaa14}.categoria-card:hover:not(:disabled),.categoria-card:focus-visible{background:radial-gradient(circle at 85% 16%,#62beff29,#0000 28%),linear-gradient(145deg,#402262a6,#0c0a16fa 60%);border-color:#62beffc7;box-shadow:0 0 0 1px #62beff14,0 0 2rem #4d8db929,inset 0 0 2.5rem #04030a8c}.categoria-card:active:not(:disabled){transform:translateY(0)}.category-symbol{width:3.25rem;height:3.25rem;color:var(--cosmic-spectral-soft);background:radial-gradient(circle,#54307eb8,#08070feb 66%);border-color:#62beff8c;box-shadow:0 0 1.25rem #62beff1f,inset 0 0 1rem #975bff2e}.categoria-card:hover:not(:disabled) .category-symbol{color:#e6f9ff;box-shadow:0 0 1.5rem #62beff42,inset 0 0 1rem #975bff38}.categoria-card__index{color:#a9dce8b3}.categoria-info strong{overflow-wrap:anywhere;text-shadow:0 0 1.4rem #975bff40}.categoria-card__footer{border-top-color:#975bff3d}.categoria-card__action{color:var(--cosmic-spectral-soft)}.categoria-card__action:after{color:var(--cosmic-spectral)}.categories-state{box-shadow:inset 0 0 2rem #04030a80, var(--shadow-spectral);background:linear-gradient(145deg,#26133fbd,#090811f5);border-color:#975bff66}.categories-state__signal{background:var(--cosmic-spectral);box-shadow:0 0 .9rem #62beff94}.categories-state--error{border-color:#bd435b9e}.categories-back{margin-top:var(--space-6)}.quiz-screen{width:min(100%,66rem);padding-bottom:clamp(1.5rem,4vw,3rem)}.quiz-hud{border-radius:var(--radius-md);background:radial-gradient(circle at 90% 0,#62beff1a,#0000 28%),linear-gradient(145deg,#1f1231d6,#08070ff0);border:1px solid #975bff4d;margin-bottom:clamp(.875rem,2vw,1.5rem);padding:clamp(1rem,3vw,1.5rem);position:relative;overflow:hidden;box-shadow:inset 0 0 2.5rem #04030a7a,0 1rem 2.5rem #0003}.quiz-hud:before{content:"";background:linear-gradient(90deg,#0000,#62beffcc,#0000);width:38%;height:1px;position:absolute;top:0;left:12%}.quiz-hud--urgente{border-color:#bd435b94;box-shadow:inset 0 0 2.5rem #4f111e42,0 0 1.5rem #bd435b14}.info-quiz{border-color:#975bff3d}.quiz-hud__stat strong,.quiz-hud__stat .timer{text-shadow:0 0 .8rem #62beff2e}.quiz-hud__stat .timer-urgente{color:#ff9bad;text-shadow:0 0 1rem #bd435b85}.timer-bar{background:#030308d1;border-color:#62beff47;height:.7rem;box-shadow:inset 0 0 .7rem #000000b3}.timer-bar__fill{background:linear-gradient(90deg, var(--cosmic-violet), var(--cosmic-spectral));box-shadow:0 0 .9rem #62beff6b}.timer-bar--urgente{border-color:#bd435bb8}.timer-bar--urgente .timer-bar__fill{background:linear-gradient(90deg, var(--cosmic-danger-deep), #e35b70);box-shadow:0 0 1rem #bd435b75}.quiz-progress{background:#975bff1a}.quiz-progress span{background:linear-gradient(90deg,#975bffb3,#62beffb8)}.question-card{border-radius:var(--radius-md);background:linear-gradient(90deg,#62beff09,#0000 35%,#975bff0b),#090811b8;border:1px solid #62beff47;width:min(100%,58rem);margin-bottom:clamp(.875rem,2vw,1.5rem);padding:clamp(1rem,2.5vw,1.65rem);position:relative;box-shadow:inset 0 0 2.8rem #04030ab3}.question-card:before,.question-card:after{content:"";pointer-events:none;border-top:1px solid #975bff9e;width:2.25rem;height:2.25rem;position:absolute;top:.65rem}.question-card:before{border-left:1px solid #975bff9e;left:.65rem}.question-card:after{border-right:1px solid #975bff9e;right:.65rem}.question-card__eyebrow{color:#a9dce8b8}.question-card h1{text-wrap:pretty;text-shadow:0 0 1.8rem #975bff42;font-size:clamp(1.4rem,2.7vw,2.35rem);line-height:1.24}.alternativas{gap:clamp(.75rem,2vw,1rem)}.alternativas button{background:linear-gradient(135deg,#4022623b,#0000 52%),#0f0c18f0;border-color:#975bff47;overflow:hidden;box-shadow:inset 0 0 1.8rem #04030a61}.alternativas button:before{content:"";background:#975bff73;width:2px;position:absolute;inset:0 auto 0 0}.alternativas button:hover:not(:disabled),.alternativas button:focus-visible{background:linear-gradient(135deg,#462a6e6b,#0000 56%),#120f1dfa;border-color:#62beffbf;box-shadow:0 0 1.35rem #62beff1a,inset 0 0 1.5rem #04030a57}.letra-alternativa{color:var(--cosmic-spectral-soft);background:#070c14b8;border-color:#62beff61}.alternativas button.selecionada,.alternativas button.selecionada:disabled{border-color:var(--color-warning);background:linear-gradient(135deg,#6c4920b8,#151019f5)}.alternativas button.selecionada:before{background:var(--color-warning)}.alternativas button.correta,.alternativas button.correta:disabled{background:linear-gradient(135deg,#30694ec7,#0a201bfa);border-color:#72b99e;box-shadow:0 0 1.25rem #72b99e24,inset 0 0 1.5rem #04140e59}.alternativas button.correta:before{background:var(--color-success);width:4px}.alternativas button.errada,.alternativas button.errada:disabled{background:linear-gradient(135deg,#7d2234d6,#2a0a14fa);border-color:#d2576d;box-shadow:0 0 1.25rem #bd435b24,inset 0 0 1.5rem #1f050c66}.alternativas button.errada:before{background:var(--color-danger);width:4px}.alternativas button.atenuada:disabled{filter:saturate(.45);opacity:.44;border-color:#975bff24}.correta .answer-option__status:before{content:"✓ "}.errada .answer-option__status:before{content:"× "}.selecionada .answer-option__status:before{content:"… "}.feedback-panel{box-shadow:var(--shadow-strong), inset 0 0 2.5rem #04030a75;background:radial-gradient(circle at 92% 8%,#975bff1f,#0000 25%),linear-gradient(145deg,#221435eb,#090811fa);border-color:#975bff66}.feedback-panel:before{width:4px;box-shadow:0 0 .9rem}.feedback-panel__header{padding-right:4.5rem;position:relative}.feedback-panel__header:after{width:2.75rem;height:2.75rem;font-family:var(--font-mono);border:1px solid;border-radius:50%;place-items:center;font-size:1.25rem;display:grid;position:absolute;top:50%;right:clamp(1rem,3vw,1.5rem);transform:translateY(-50%)}.feedback-panel--acerto .feedback-panel__header{color:var(--color-success)}.feedback-panel--acerto .feedback-panel__header:after{content:"✓"}.feedback-panel--erro .feedback-panel__header{color:#e78091}.feedback-panel--erro .feedback-panel__header:after{content:"×"}.feedback-panel--timeout .feedback-panel__header{color:var(--color-warning)}.feedback-panel--timeout .feedback-panel__header:after{content:"⌛"}.feedback-panel__header h2{color:currentColor}.feedback-panel__answer,.feedback-panel__explanation,.feedback-panel__footer{border-color:#975bff38}.feedback-panel__explanation{background:#05050b6b}.feedback-panel__explanation:before{background:linear-gradient(var(--cosmic-spectral), var(--cosmic-violet))}.feedback-panel__points strong{text-shadow:0 0 .8rem}.result-screen{width:min(100%,58rem);padding-bottom:clamp(1.5rem,4vw,3rem)}.result-header{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(.35rem);backdrop-filter:blur(.35rem);background:linear-gradient(145deg,#120c1ed1,#07060de6);border:1px solid #975bff3d;padding:clamp(1.15rem,3vw,1.75rem);box-shadow:inset 0 0 2rem #04030a6b,0 1rem 2.5rem #0000002e}.result-summary{box-shadow:var(--shadow-strong), 0 0 2rem #62beff14, inset 0 0 3rem #04030a80;background:radial-gradient(circle at 20% 35%,#62beff1a,#0000 28%),linear-gradient(145deg,#2b1743e6,#08070ffa);border-color:#62beff6b}.result-score{border-color:#975bff47}.result-score__detail{border-color:#62beff47;border-radius:50%;box-shadow:inset 0 0 0 1.5rem #975bff06,0 0 2rem #62beff14}.result-score__detail:after{border-color:#975bff33;border-radius:50%}.result-score strong{color:var(--cosmic-ivory);text-shadow:0 0 1.4rem #62beff52,0 0 2.8rem #975bff38}.result-stat+.result-stat,.result-stat--points,.result-identity,.result-identity>div+div{border-color:#975bff38}.result-stat--correct strong:before{content:"✓ ";font-size:.55em}.result-stat--wrong strong:before{content:"× ";font-size:.55em}.result-identity{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(.3rem);backdrop-filter:blur(.3rem);background:#0a0811d1;border:1px solid #975bff3d;box-shadow:inset 0 0 1.5rem #04030a59,0 .75rem 1.75rem #00000024}.result-actions__primary{background:linear-gradient(135deg,#502a85f0,#19547ae6);border-color:#62beffad;box-shadow:0 0 1.5rem #538bd024}.ranking-screen{width:min(100%,62rem);padding-bottom:clamp(1.5rem,4vw,3rem)}.ranking-header{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(.35rem);backdrop-filter:blur(.35rem);background:linear-gradient(145deg,#120c1ed1,#07060de6);border:1px solid #975bff3d;padding:clamp(1.15rem,3vw,1.75rem);box-shadow:inset 0 0 2rem #04030a6b,0 1rem 2.5rem #0000002e}.ranking-filtros{border-radius:var(--radius-sm);scrollbar-color:#62beff6b transparent;background:#08070fad;border:1px solid #975bff38;padding:.65rem}.ranking-filtros button{border-color:#975bff3d}.ranking-filtros button.filtro-ativo{box-shadow:inset 0 -2px var(--cosmic-spectral), 0 0 1rem #62beff1a;background:linear-gradient(135deg,#4c287be6,#154260d1);border-color:#62beffad}.ranking{box-shadow:none;background:0 0;border:0;border-radius:0;gap:.75rem;display:grid;overflow:visible}.ranking-item{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(.35rem);backdrop-filter:blur(.35rem);background:linear-gradient(145deg,#1b112bdb,#08070fed);border:1px solid #975bff40;padding-inline:clamp(.8rem,3vw,1.5rem);box-shadow:inset 0 0 1.75rem #04030a6b,0 .6rem 1.5rem #00000029}.ranking-item:last-child{border-bottom:1px solid #975bff40}.ranking-item:nth-child(-n+3){background:linear-gradient(90deg,#4b277766,#08070feb 62%),radial-gradient(circle at 94%,#62beff14,#0000 22%);border-color:#62beff4d}.ranking-item:first-child{box-shadow:inset 3px 0 var(--cosmic-spectral), 0 .75rem 1.75rem #0003}.ranking-posicao{color:var(--cosmic-spectral-soft);text-shadow:0 0 1rem #62beff4d}.ranking-item:nth-child(2) .ranking-posicao,.ranking-item:nth-child(3) .ranking-posicao{color:var(--cosmic-violet-bright)}.ranking-pontos{color:var(--cosmic-ivory);text-shadow:0 0 .8rem #975bff38}.ranking-empty{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(.35rem);backdrop-filter:blur(.35rem);background:linear-gradient(145deg,#26133fb8,#090811f0);border:1px solid #975bff47;box-shadow:inset 0 0 2rem #04030a6b,0 1rem 2.5rem #0000002e}.ranking-empty__signal{background:var(--cosmic-spectral);box-shadow:0 0 .9rem #62beff94}@media (width<=48rem){.screen-frame:has(.categories-screen){min-height:calc(100svh - var(--header-height));padding:1rem var(--page-gutter) 1.5rem}.screen-frame:has(.categories-screen):after{background-position:66%}.categories-screen{padding-block:0 1.5rem}.categories-header{padding:1.15rem 1rem}.screen-frame:has(.quiz-screen){min-height:calc(100svh - var(--header-height));padding:1rem var(--page-gutter) 1.5rem}.screen-frame:has(.quiz-screen):after{background-position:66%}.quiz-screen{padding-bottom:1.5rem}.screen-frame:has(.ranking-screen){min-height:calc(100svh - var(--header-height));padding:1rem var(--page-gutter) 1.5rem}.screen-frame:has(.ranking-screen):after{background-position:66%}.ranking-screen{padding-bottom:1.5rem}.ranking-header{padding:1.15rem 1rem}.ranking-filtros{scroll-snap-type:x proximity;margin-top:1rem}.ranking-filtros button{scroll-snap-align:start}.screen-frame:has(.result-screen){min-height:calc(100svh - var(--header-height));padding:1rem var(--page-gutter) 1.5rem}.screen-frame:has(.result-screen):after{background-position:66%}.result-screen{padding-bottom:1.5rem}.result-header{margin-bottom:1rem;padding:1.15rem 1rem}.quiz-hud{padding:var(--space-4)}.question-card{padding:1.25rem 1rem}.feedback-panel__footer,.result-summary{grid-template-columns:1fr}.result-score{border-bottom:1px solid #975bff38;border-right:0;min-height:15rem}}@media (width<=30rem){.categorias{gap:var(--space-4)}.categoria-card{min-height:16rem}.question-card h1{font-size:clamp(1.3rem,6.5vw,1.8rem)}.alternativas button{grid-template-columns:auto minmax(0,1fr);min-height:5.25rem;padding:.85rem}.answer-option__status{grid-column:2;justify-self:start}.ranking-item{grid-template-columns:2.5rem minmax(0,1fr)}.ranking-pontos{grid-column:2;justify-self:start}}.np-score{background:#0807089e;border-color:#75675f75;box-shadow:inset 0 0 1.5rem #0006}.np-score h3{color:#c7ad86}.np-score li{border-bottom:1px solid #75675f33;padding:.4rem .55rem}.np-score li:last-child{border-bottom:0}.np-result__answer{background:linear-gradient(135deg,#48121d70,#0a0809e6);border-color:#b7a07e94}.np-result__answer span{color:var(--np-ivory-muted)}.np-result__penalty{border-left-color:var(--np-blood);color:#ecd4d5;background:#48121d75}.np-result__explanation{padding:var(--space-4);color:var(--np-ivory-muted);background:#0807087a;border-block:1px solid #75675f61}.np-dialog-backdrop{background:#040304e6}.np-dialog{background:linear-gradient(145deg,#48121d61,#0000 45%),linear-gradient(155deg,#21181b,#090809 82%);border-color:#b7a07e94;position:relative;box-shadow:0 2rem 6rem #000000c7,inset 0 0 2.5rem #00000073}.np-dialog:before{content:"";pointer-events:none;border:1px solid #b7a07e1a;position:absolute;inset:.5rem}.np-leave{background:var(--np-wine);border-color:#a93246b8}.np-final{box-shadow:var(--shadow-strong), inset 0 0 3rem #0000007a;background:radial-gradient(at 50% 0,#5b141f57,#0000 45%),linear-gradient(155deg,#1d1518fa,#080708fc);border-color:#b7a07e75}.np-final__eyebrow,.np-final h3{color:#c7ad86}.np-final h2{color:var(--np-ivory);text-shadow:0 0 1.2rem #a9324661}.np-final__extremes section,.np-final__highlight{background:linear-gradient(135deg,#48121d73,#0a0809c7);border-color:#b7a07e7a}.np-final__score{padding:var(--space-4);border-radius:var(--radius-sm);background:#08070899;border:1px solid #75675f6b}.np-final__score li{border-bottom:1px solid #75675f33;padding-block:.35rem}.np-final__score li:last-child{border-bottom:0}.np-final__abandoned{color:var(--np-ivory-muted);border-top-color:#75675f61}@media (width>=48rem){.np-screen{width:min(100%,58rem)}}.screen-frame:has(.np-screen){border-color:var(--color-border);box-shadow:var(--shadow-strong), inset 0 0 5rem #04030a7a;background:radial-gradient(at 78% 8%,#4f111e2e,#0000 25rem),radial-gradient(at 18% 82%,#6c3aa621,#0000 28rem),linear-gradient(155deg,#0e0c16f0,#04030afc)}.screen-frame:has(.np-screen):before{border-color:#a97cd814}.np-screen{--np-black:var(--cosmic-void);--np-coal:var(--cosmic-graphite);--np-panel:var(--cosmic-surface);--np-wine:var(--cosmic-danger-deep);--np-wine-bright:#71182b;--np-blood:var(--cosmic-danger);--np-ivory:var(--cosmic-ivory);--np-ivory-muted:var(--cosmic-ivory-muted);--np-metal:var(--cosmic-violet);--np-metal-light:var(--cosmic-violet-bright)}.np-screen:before{opacity:.38;background:radial-gradient(at 18% 84%,#6c3aa621,#0000 32rem),radial-gradient(at 82% 90%,#4f111e29,#0000 28rem),repeating-linear-gradient(104deg,#0000 0 4.5rem,#ece9df03 4.6rem 4.65rem)}.screen-frame:has(.np-screen--entry){width:100%;min-height:calc(100svh - var(--header-height));isolation:isolate;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;position:relative;overflow:hidden}.screen-frame:has(.np-screen--entry):before{display:none}.np-screen--entry{isolation:isolate;width:100%;min-height:calc(100svh - var(--header-height));padding:clamp(1.25rem, 4vw, 3rem) var(--page-gutter);align-content:start}.np-entry-scene{z-index:0;pointer-events:none;background-image:linear-gradient(90deg,#04030abd 0%,#04030a66 44%,#04030a14 72%),linear-gradient(#04030a1f 0%,#0000 52%,#04030a9e 100%),url(/images/cenario-nem-a-pato.webp);background-position:50%,50%,54%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.np-screen--entry>:not(.np-entry-scene){z-index:1;position:relative}.np-screen--entry .np-actions,.np-screen--entry .np-form{margin-inline:auto;-webkit-backdrop-filter:blur(.35rem);backdrop-filter:blur(.35rem);align-self:end;margin-top:auto}.np-screen--entry .np-heading{-webkit-backdrop-filter:blur(.12rem);backdrop-filter:blur(.12rem);background:linear-gradient(90deg,#080611eb 0%,#140c1db3 48%,#08061138 78%,#0000 100%);width:min(100%,62rem);margin-inline:auto}.np-screen--entry>.np-message{width:min(100%,62rem);margin-inline:auto}.np-heading{background:linear-gradient(#4f111e38,#0000 58%),linear-gradient(145deg,#1c162af2,#080611fc);border-color:#a97cd857;box-shadow:inset 0 0 2.75rem #04030ab8,0 1rem 3rem #04030a57}.np-heading:before,.np-heading:after{border-color:#a77ad861}.np-heading h1{color:var(--cosmic-ivory);text-shadow:0 .15rem 0 var(--cosmic-violet-deep), 0 0 1.4rem #bd435b47}.np-heading p{color:var(--cosmic-ivory-muted)}.np-heading__rule{color:var(--cosmic-spectral-soft)!important}.np-eyebrow{color:var(--cosmic-violet-bright);text-shadow:0 0 .6rem #6c3aa66b}.np-art-slot{pointer-events:none;background:radial-gradient(at 50% 72%,#bd435b21,#0000 66%);place-items:center;width:min(78vw,18rem);height:8.5rem;display:grid}.np-art-slot img{object-fit:contain;filter:drop-shadow(0 .65rem .9rem #04030ad1);pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.np-actions,.np-form,.np-guess-form{border-color:var(--color-border);background:linear-gradient(145deg,#26133f59,#080611f5)}.np-form input,.np-guess-form input{border-color:var(--color-border-strong);color:var(--color-text);background:#04030ac2}.np-form input:focus-visible{border-color:var(--color-focus);box-shadow:0 0 0 .2rem #73c7df21}.np-message{border-color:var(--color-border-strong);color:var(--color-text);box-shadow:inset 3px 0 var(--color-spectral);background:linear-gradient(90deg,#26133f75,#0e0c16f5)}.np-message--error{color:#f1d6dc;box-shadow:inset 3px 0 var(--color-danger);background:#4f111ead;border-color:#bd435bad}.np-sync{border-color:var(--color-border);color:var(--color-text-muted);background:#080611db}.np-retry,.np-room-code button{border-color:var(--color-border-strong)}.np-room-code{border-color:var(--color-border-strong);background:linear-gradient(135deg,#4f111e33,#0000 48%),#080611f7;box-shadow:inset 0 0 2.5rem #04030a9e,0 1rem 2rem #04030a3d}.np-room-code:before,.np-room-code:after{background:linear-gradient(90deg,#0000,#73c7df80)}.np-room-code input{color:var(--cosmic-spectral-soft);text-shadow:0 0 1rem #73c7df52}.np-room-count{border-block-color:var(--color-border);color:var(--cosmic-violet-bright)}.np-player{border-color:var(--color-border);background:linear-gradient(90deg,#4f111e29,#0000 42%),#0e0c16f2;box-shadow:inset 2px 0 #6c3aa68c}.np-player>span:first-child{color:var(--cosmic-spectral-soft);text-shadow:0 0 .55rem #73c7df38}.np-player__badge,.np-player__you{border-color:var(--color-border);color:var(--color-text);background:#04030a8f}.np-player__badge,.np-host-note{color:var(--cosmic-violet-bright)}.np-player__you{color:var(--cosmic-spectral-soft)}.np-started,.np-final{border-color:var(--color-border-strong);background:radial-gradient(at 50% 0,#4f111e47,#0000 48%),linear-gradient(155deg,#1c162af7,#04030afc)}.np-started:before,.np-dialog:before{border-color:#a77ad817}.np-started__eyebrow,.np-final__eyebrow,.np-final h3,.np-score h3,.np-round h3,.np-round__counter{color:var(--cosmic-violet-bright)}.np-score,.np-final__score{border-color:var(--color-border);background:#080611ad}.np-score li,.np-final__score li{border-bottom-color:#a97cd82e}.np-score small{color:var(--cosmic-spectral-soft)}.np-round,.np-round__header{border-color:var(--color-border)}.np-round__question{color:var(--color-text);background:linear-gradient(135deg,#26133f5c,#080611e0);border-color:#a97cd84d}.np-round__status p{border-color:var(--color-border);background:#080611d1}.np-round__status strong{color:var(--cosmic-spectral-soft)}.np-timer strong{color:var(--cosmic-spectral-soft);text-shadow:0 0 .65rem #73c7df38}.np-timer--urgent strong{color:#ef7185;text-shadow:0 0 .8rem #bd435b80}.np-guess-history{scrollbar-color:#6c3aa69e transparent}.np-guess-history li{border-left-color:var(--cosmic-violet);background:#080611c2}.np-challenge{color:#f6e7ea;background:linear-gradient(180deg, #bd435b33, transparent 50%), var(--cosmic-danger-deep);border-color:#bd435bb8;box-shadow:0 0 1rem #bd435b1f}.np-challenge:hover:not(:disabled){background:#71182b;border-color:#df7086}.np-result__answer,.np-final__extremes section,.np-final__highlight{border-color:var(--color-border-strong);background:linear-gradient(135deg,#4f111e61,#080611e6)}.np-result__answer strong{color:var(--cosmic-spectral-soft);text-shadow:0 0 .7rem #73c7df3d}.np-result__explanation{border-color:var(--color-border);color:var(--color-text-muted);background:#08061185}.np-dialog{border-color:var(--color-border-strong);background:linear-gradient(145deg, #4f111e57, transparent 45%), linear-gradient(155deg, var(--cosmic-surface-raised), var(--cosmic-abyss) 82%)}.np-dialog h4{color:var(--cosmic-ivory);text-shadow:0 0 .8rem #bd435b4d}.np-final h2{color:var(--cosmic-ivory)}.np-final__abandoned{border-top-color:var(--color-border);color:var(--color-text-muted)}@media (width>=48rem){.np-heading{padding-right:17rem}.np-art-slot{width:16rem;height:11.5rem;position:absolute;bottom:.6rem;right:.75rem}}@media (width<=30rem){.np-screen--entry{min-height:calc(100svh - var(--header-height));padding:1rem var(--page-gutter)}.np-entry-scene{background-image:linear-gradient(#04030a57,#04030ad1),url(/images/cenario-nem-a-pato.webp);background-position:50%,61%}.np-heading>:not(.np-art-slot){z-index:1;position:relative}.np-heading h1{letter-spacing:.02em;font-size:clamp(2rem,9vw,2.5rem)}.np-heading p{overflow-wrap:anywhere;max-width:100%}.np-art-slot{width:min(68vw,12.5rem);height:6rem;margin-bottom:.25rem}}.screen-frame:has(.content-screen){width:100%;min-height:calc(100svh - var(--header-height));padding:clamp(1.25rem, 4vw, 3rem) var(--page-gutter);isolation:isolate;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;overflow:hidden}.screen-frame:has(.content-screen):before{display:none}.screen-frame:has(.content-screen):after{z-index:0;inset:var(--header-height) 0 0;content:"";pointer-events:none;background-blend-mode:multiply;background-color:#0a0711d1;background-image:url(/images/cenario-quizhub.webp);background-position:58%;background-repeat:no-repeat;background-size:cover;position:fixed}.content-screen{z-index:1;isolation:isolate;text-align:left;position:relative}.content-screen:before,.content-screen:after{z-index:-1;content:"";pointer-events:none;position:absolute}.content-screen:before{background:radial-gradient(circle,#6c3aa61a,#0000 67%);border:1px solid #a77ad814;border-radius:50%;width:28rem;height:28rem;top:-6rem;right:-8rem;box-shadow:inset 0 0 0 3rem #73c7df03}.content-screen:after{background:linear-gradient(90deg,#0000,#73c7df33,#0000);height:1px;bottom:1.25rem;left:1.5rem;right:1.5rem}.content-header{border-radius:var(--radius-md);background:linear-gradient(90deg,#73c7df09,#0000 35%),linear-gradient(145deg,#1f1530e0,#0a0811f2);border:1px solid #a77ad852;padding:clamp(1.25rem,4vw,2.25rem);position:relative;overflow:hidden;box-shadow:inset 0 0 2.5rem #07050c8c,0 1rem 2.5rem #0003}.content-header:before,.content-header:after{content:"";pointer-events:none;width:3.25rem;height:1.5rem;position:absolute}.content-header:before{border-top:1px solid #73c7df6b;border-left:1px solid #73c7df6b;top:.65rem;left:.65rem}.content-header:after{border-bottom:1px solid #a77ad87a;border-right:1px solid #a77ad87a;bottom:.65rem;right:.65rem}.content-header h1{text-shadow:0 0 1.75rem #6c3aa647;margin-top:.45rem;font-size:clamp(2.4rem,7vw,4.25rem);line-height:.96}.content-header p{max-width:54ch}.content-header>.button-ghost{flex:none}.content-eyebrow{color:var(--color-spectral-soft);font-family:var(--font-mono);text-shadow:0 0 .8rem #73c7df33}.content-mode-selector{border-radius:var(--radius-md);background:#05040ab8;border:1px solid #a77ad840;grid-template-columns:repeat(2,minmax(0,1fr));padding:.35rem;display:grid;overflow:visible}.content-mode-selector button,.content-tabs button{border-radius:var(--radius-sm);min-width:0;color:var(--color-text-muted);box-shadow:none;text-transform:uppercase;letter-spacing:.08em;background:0 0;border-color:#0000;position:relative}.content-mode-selector button:hover:not(:disabled),.content-tabs button:hover:not(:disabled){color:var(--color-text);background:#6c3aa61f}.content-mode-selector button[aria-pressed=true]{color:var(--color-text);box-shadow:inset 0 -2px var(--color-spectral), 0 0 1.1rem #6c3aa61f;background:linear-gradient(135deg,#6c3aa657,#326c8929);border-color:#73c7df6b}.content-summary div{border-radius:var(--radius-sm);background:linear-gradient(135deg,#1e162de6,#0a0911ed);border-color:#a77ad847;position:relative;overflow:hidden;box-shadow:inset 0 1px #ece9df09}.content-summary div:after{background:var(--color-spectral);content:"";opacity:.55;width:3rem;height:1px;position:absolute;bottom:0;right:0}.content-summary strong{color:var(--color-text);font-family:var(--font-display);text-shadow:0 0 1rem #a77ad840}.content-tabs{scrollbar-color:var(--color-accent) #05040a80;border-bottom:1px solid #a77ad83d;padding-bottom:.25rem}.content-tabs button{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.content-tabs button[aria-current=page]{color:var(--color-text);box-shadow:inset 0 -3px var(--color-spectral);background:linear-gradient(#6c3aa633,#6c3aa60f);border-color:#a77ad84d}.content-section-heading{border-bottom:1px solid #a77ad833;padding-bottom:.75rem}.content-section-heading h2,.content-section-heading h3{font-size:clamp(1.75rem,4vw,2.5rem)}.content-message,.content-state,.content-empty,.content-screen>.mensagem-erro{border-radius:var(--radius-sm);background:#09080fe0;box-shadow:inset .2rem 0 #a77ad85c}.content-message{box-shadow:inset .2rem 0 var(--color-success);border-color:#72b99e99}.content-state--error,.content-screen>.mensagem-erro{box-shadow:inset .2rem 0 var(--color-danger);border-color:#bd435b8c}.content-empty{text-align:center;border-style:dashed;padding-block:clamp(1.5rem,5vw,3rem)}.content-empty strong{color:var(--color-text);font-family:var(--font-display);font-size:1.3rem}.content-category-card,.question-list__item,.import-guidance,.import-picker,.import-result,.import-preview__item,.prompt-result{border-radius:var(--radius-sm);background:linear-gradient(115deg,#73c7df06,#0000 36%),linear-gradient(145deg,#1b1427f0,#09080ff5);border-color:#a77ad840;position:relative;box-shadow:inset 0 1px #ece9df08,0 .8rem 1.6rem #00000026}.content-category-card:before,.question-list__item:before,.import-preview__item:before{background:var(--color-spectral);content:"";opacity:.62;width:2.6rem;height:1px;position:absolute;top:-1px;left:-1px}.content-category-card h3,.question-list__item h3{color:var(--color-text)}.content-category-card__actions button,.question-list__item .content-category-card__actions button{min-height:2.6rem}.content-category-card__actions .button-ghost{color:#e5a5b2;border-color:#bd435b61}.content-category-card__actions .button-ghost:hover:not(:disabled){background:#4f111e80;border-color:#bd435bb8}.content-badge{color:var(--color-text-muted);letter-spacing:.08em;background:#05040a94;border-radius:999px}.content-badge--active{color:#a9ddca;border-color:#72b99ea3;box-shadow:0 0 .8rem #72b99e1a}.content-limit{border-radius:var(--radius-sm);color:var(--color-spectral-soft);font-family:var(--font-mono);background:#05040a94;border:1px solid #73c7df4d;padding:.4rem .7rem}.content-form,.question-form{border-radius:var(--radius-md);background:radial-gradient(circle at 100% 0,#6c3aa61f,#0000 18rem),linear-gradient(145deg,#181224f5,#08070efa);border-color:#73c7df6b;padding:clamp(1rem,3vw,1.5rem);position:relative;box-shadow:inset 0 0 2rem #05040a66,0 1rem 2rem #0000002e}.content-form:before,.question-form:before{background:linear-gradient(90deg, transparent, var(--color-spectral), transparent);content:"";width:30%;height:1px;position:absolute;top:-1px;left:10%}.content-form label,.question-field label,.question-filters label,.import-picker>label{color:var(--color-text);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem}.content-screen input,.content-screen textarea,.content-screen select{background:#040409c7;border-color:#a77ad847}.content-screen input:hover:not(:disabled),.content-screen textarea:hover:not(:disabled),.content-screen select:hover:not(:disabled){border-color:#a77ad88c}.content-screen [aria-invalid=true]{border-color:var(--color-danger);box-shadow:0 0 0 1px #bd435b40}.question-filters{border-radius:var(--radius-sm);background:#08070ed1}.import-guidance,.import-picker,.import-result{padding:clamp(1rem,3vw,1.5rem)}.import-guidance{border-left:3px solid #73c7df94}.import-file div,.import-summary div{border-radius:var(--radius-sm);background:#05040a8c;border-color:#a77ad838}.import-file dt,.import-summary dt{color:var(--color-spectral-soft)}.import-errors{border-left-color:var(--color-danger);border-radius:var(--radius-sm);background:#4f111e52}.prompt-form{width:100%;max-width:64rem}.prompt-result{width:100%}.prompt-warning{border-left-color:var(--color-spectral);border-radius:var(--radius-sm);background:#0a0e16c7}.prompt-output{background:#05050a;border-color:#73c7df57}.content-dialog-backdrop{background:#030207e6}.content-dialog{background:radial-gradient(circle at 50% 0,#6c3aa62e,#0000 45%),linear-gradient(145deg,#1b1329fc,#07060cfe);border-color:#a77ad885;padding:clamp(1.25rem,4vw,2rem);position:relative;overflow:hidden}.content-dialog:before{content:"";pointer-events:none;border:1px solid #73c7df14;position:absolute;inset:.6rem}.content-dialog h3{font-size:clamp(1.55rem,5vw,2rem)}.content-danger{color:#fff2f4;background:linear-gradient(135deg, #6a1727, var(--cosmic-danger-deep));border-color:#bd435bc7;box-shadow:inset 0 1px #ffffff0f,0 0 1rem #bd435b1f}@media (width>=64rem){.content-category-list,.question-list{gap:1rem}.content-category-card,.question-list__item{padding:1.25rem 1.4rem}}@media (width<=42rem){.screen-frame:has(.content-screen){width:100%;min-height:calc(100svh - var(--header-height));padding:1rem var(--page-gutter) 1.5rem;margin:0}.screen-frame:has(.content-screen):after{background-position:66%}.content-screen{padding:1rem max(.85rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom))}.content-header{padding:1.25rem 1rem}.content-header>.button-ghost{width:100%}.content-header h1{font-size:clamp(2.15rem,12vw,3rem)}.content-mode-selector{margin-top:1rem}.content-mode-selector button{padding-inline:.5rem;font-size:.8rem}.content-tabs{margin-left:-.85rem;margin-right:-.85rem;padding-left:.85rem;padding-right:.85rem}.content-tabs button{flex:none;font-size:.78rem}.content-section-heading>button{width:100%}.content-category-card__copy>div{flex-direction:column;align-items:flex-start;gap:.5rem}.content-form__actions button,.question-form__actions button,.content-dialog__actions button{flex:10rem}.import-panel>button,.prompt-result .content-section-heading button{width:100%}}@media (width<=23rem){.screen-frame:has(.content-screen){width:100%;padding-inline:.5rem}.content-screen{padding-inline:.65rem}.content-header{padding-inline:.85rem}.content-mode-selector{grid-template-columns:1fr}.content-summary div{flex-direction:column;align-items:flex-start}.content-category-card__actions button{flex-basis:100%}}