:root{--ui-deep:#122126;--ui-deep-2:#18252e;--ui-navy:#30384c;--ui-body:#5e6d89;--ui-muted:#8c99ac;--ui-line:#cdd2db;--ui-soft-line:#e8edf4;--ui-soft:#f6f9fc;--ui-white:#fff;--ui-blue:#53a0fd;--ui-purple:#5a35ed;--ui-red:#ff4a4a;--ui-red-dark:#dd3030;--ui-success:#169b73;--ui-warning:#f0506e;--shadow-soft:0 22px 70px #12212629;--shadow-tight:0 12px 30px #30384c1f;color:var(--ui-navy);font-synthesis:none;text-rendering:optimizelegibility;font-family:open-sans,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html{background:var(--ui-soft)}body{background:linear-gradient(90deg, #122126f5, #18252ef0 26%, #344460e6 55%, #232031f5 78%, #221727fa), var(--ui-deep);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{grid-template-columns:minmax(320px,.78fr) minmax(0,1.44fr);min-height:100vh;display:grid}.brand-rail{min-height:100vh;color:var(--ui-white);background:repeating-linear-gradient(135deg,#ffffff0e 0 1px,#0000 1px 34px),linear-gradient(90deg,#122126 0%,#18252e 28%,#344460 58%,#232031 82%,#221727 100%);flex-direction:column;justify-content:space-between;gap:3rem;padding:clamp(1.5rem,4vw,4.25rem);display:flex;position:relative;overflow:hidden}.brand-topline{z-index:1;justify-content:space-between;align-items:center;gap:1.5rem;display:flex;position:relative}.brand-lockup{align-items:center;width:min(19rem,100%);display:inline-flex}.urban-logo{width:100%;height:auto;display:block}.urban-logo .logo-word{fill:var(--ui-white)}.urban-logo .logo-mark{fill:var(--ui-red)}.rail-copy{z-index:1;width:100%;position:relative}.builder-credit,.eyebrow,.rail-copy p:not(.rail-lede),.bank-summary span,.metric span,.metric small,.answer-line span,.question-meta span{color:var(--ui-red);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:800;line-height:1.25}.builder-credit{color:#ffffffad;margin-bottom:.8rem;display:block}.eyebrow,.rail-copy p:not(.rail-lede){margin:0 0 .8rem}.rail-copy h1,.setup-copy h2,.results-copy h2{color:inherit;letter-spacing:0;text-transform:uppercase;margin:0;font-family:trumpsoftpro,Arial Narrow,open-sans,sans-serif;font-size:4.8rem;font-weight:700;line-height:.88}.rail-copy h1{max-width:100%;color:var(--ui-white);font-size:clamp(4.1rem,7.5vw,6rem)}.rail-lede{color:#fffc;max-width:31rem;margin:1.4rem 0 0;font-size:1rem;line-height:1.65}.simulator-panel{background:var(--ui-soft);min-width:0;padding:clamp(1rem,2.5vw,2.35rem)}.setup-grid,.exam-layout,.results-view{border:1px solid var(--ui-soft-line);background:var(--ui-white);min-height:calc(100vh - clamp(2rem,5vw,4.7rem));box-shadow:var(--shadow-soft);border-radius:8px;gap:1rem;padding:clamp(1rem,2vw,1.45rem);display:grid}.setup-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.94fr);align-content:start}.setup-copy{align-self:end;padding:.5rem}.setup-copy h2,.results-copy h2{max-width:41rem;color:var(--ui-navy);font-size:3.65rem}.setup-copy p:not(.eyebrow),.results-copy p,.drop-zone p,.answer-line p{color:var(--ui-body);font-size:1rem;line-height:1.6}.drop-zone{min-height:22rem;color:var(--ui-white);text-align:center;background:linear-gradient(135deg,#53a0fd2e,#0000 38%),linear-gradient(90deg,#122126 0%,#18252e 36%,#30384c 100%);border:1px solid #ffffff29;border-radius:8px;place-items:center;gap:.75rem;padding:2rem;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.drop-zone:before{background:linear-gradient(90deg, var(--ui-red), var(--ui-blue), var(--ui-purple));content:"";height:6px;position:absolute;inset:0 0 auto}.drop-zone input{display:none}.drop-zone.is-dragging{border-color:var(--ui-blue);box-shadow:var(--shadow-tight);transform:translateY(-2px)}.drop-zone svg{color:var(--ui-blue)}.drop-zone h3,.bank-summary h3,.feedback-title h3{color:inherit;letter-spacing:0;text-transform:uppercase;margin:0;font-family:trumpsoftpro,Arial Narrow,open-sans,sans-serif;font-size:2rem;font-weight:700;line-height:1}.drop-zone p{color:#ffffffbf;margin:0}.button{letter-spacing:0;text-transform:uppercase;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:.55rem;min-height:2.9rem;padding:.73rem 1.05rem;font-family:trumpsoftpro,Arial Narrow,open-sans,sans-serif;font-size:1.18rem;font-weight:700;line-height:1;transition:transform .16s,background .16s,color .16s,border-color .16s,box-shadow .16s;display:inline-flex}.button:hover:not(:disabled){box-shadow:var(--shadow-tight);transform:translateY(-1px)}.button-primary,.button-start{background:linear-gradient(90deg, var(--ui-blue), var(--ui-purple));color:var(--ui-white)}.button-primary:hover:not(:disabled),.button-start:hover:not(:disabled){background:linear-gradient(90deg,#4693f3,#4d2fd5)}.button-secondary{border-color:var(--ui-line);background:var(--ui-white);color:var(--ui-navy)}.button-start{grid-column:1/-1;width:100%;min-height:4rem;font-size:1.4rem}.button-start:disabled{background:var(--ui-soft-line);color:var(--ui-muted)}.notice{border-radius:4px;grid-column:1/-1;padding:.9rem 1rem;font-weight:700}.notice.error{border-left:4px solid var(--ui-warning);color:#a41d35;background:#f0506e1a}.bank-summary,.timer-picker{border:1px solid var(--ui-soft-line);background:var(--ui-soft);border-radius:8px;grid-column:1/-1;padding:1rem}.bank-summary{justify-content:space-between;align-items:center;gap:1rem;display:flex}.bank-summary span,.metric span,.metric small,.answer-line span,.question-meta span{color:var(--ui-body)}.summary-metrics,.timer-options,.results-actions{gap:.75rem;display:flex}.metric{gap:.2rem;min-width:6.6rem;display:grid}.metric strong{color:var(--ui-navy);letter-spacing:0;font-family:trumpsoftpro,Arial Narrow,open-sans,sans-serif;font-size:2.05rem;font-weight:700;line-height:.9}.timer-picker{gap:.75rem;display:grid}.timer-options{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.timer-option{border:1px solid var(--ui-soft-line);background:var(--ui-white);min-height:8.75rem;color:var(--ui-navy);text-align:left;border-radius:8px;grid-template-columns:auto 1fr;gap:.45rem .6rem;padding:1rem;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.timer-option:hover{border-color:var(--ui-line);transform:translateY(-1px)}.timer-option svg{color:var(--ui-red)}.timer-option span{color:var(--ui-navy);font-weight:800}.timer-option small{color:var(--ui-body);grid-column:1/-1;font-size:.9rem;line-height:1.45}.timer-option.is-selected{border-color:var(--ui-blue);box-shadow:inset 0 0 0 2px #53a0fd33}.exam-layout{grid-template-rows:auto auto minmax(0,1fr) auto}.hud{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:stretch;gap:.75rem;display:grid}.hud .metric{border:1px solid var(--ui-soft-line);background:var(--ui-soft);border-radius:8px;min-height:5.35rem;padding:.85rem}.icon-button{border:1px solid var(--ui-navy);background:var(--ui-navy);width:3.15rem;min-height:3.15rem;color:var(--ui-white);border-radius:4px;place-items:center;transition:background .16s,transform .16s;display:grid}.icon-button:hover{background:var(--ui-deep);transform:translateY(-1px)}.progress-track{background:var(--ui-soft-line);border-radius:999px;height:.46rem;overflow:hidden}.progress-track span,.mini-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--ui-red), var(--ui-blue), var(--ui-purple));height:100%;transition:width .24s;display:block}.question-card{background:linear-gradient(135deg, #53a0fd24, transparent 38%), linear-gradient(90deg, var(--ui-deep), var(--ui-navy));min-height:0;color:var(--ui-white);border-radius:8px;align-content:start;gap:1.25rem;padding:clamp(1rem,2.4vw,2rem);display:grid;position:relative;overflow:hidden}.question-card:before{background:var(--ui-red);content:"";height:6px;position:absolute;inset:0 0 auto}.question-meta{flex-wrap:wrap;gap:.55rem;display:flex}.question-meta span{color:#ffffffb8;border:1px solid #ffffff2e;border-radius:4px;align-items:center;min-height:1.8rem;padding:0 .65rem;display:inline-flex}.question-card h2{width:100%;max-width:78rem;color:var(--ui-white);letter-spacing:0;margin:0;font-size:1.16rem;font-weight:600;line-height:1.5}.option-list{gap:.7rem;display:grid}.option-button{width:100%;color:var(--ui-white);text-align:left;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;grid-template-columns:auto 1fr;align-items:start;gap:.85rem;padding:1rem;line-height:1.45;transition:border-color .16s,background .16s,transform .16s;display:grid}.option-button:hover:not(:disabled){border-color:var(--ui-blue);background:#53a0fd29;transform:translate(2px)}.option-button:disabled{color:#ffffffb8}.option-button.is-selected{border-color:var(--ui-blue);background:#53a0fd24}.option-button.is-correct{border-color:var(--ui-success);background:#169b732e}.option-button.is-wrong{border-color:var(--ui-warning);background:#f0506e2e}.option-letter{background:var(--ui-white);width:2rem;height:2rem;color:var(--ui-navy);border-radius:4px;place-items:center;font-size:.9rem;font-weight:900;display:grid}.feedback-panel{border:1px solid var(--ui-soft-line);background:var(--ui-white);border-radius:8px;gap:.9rem;padding:1rem;display:grid;position:relative;overflow:hidden}.feedback-panel.correct{border-left:5px solid var(--ui-success)}.feedback-panel.wrong{border-left:5px solid var(--ui-warning)}.feedback-title{align-items:center;gap:.6rem;display:flex}.feedback-title svg{color:var(--ui-red)}.answer-line{gap:.28rem;display:grid}.answer-line strong{line-height:1.45}.answer-line p{margin:0}.fanfare{pointer-events:none;position:absolute;inset:0}.fanfare span{background:var(--ui-red);transform-origin:50% 7rem;border-radius:999px;width:.42rem;height:1.6rem;animation:.76s ease-out both burst;position:absolute;top:2.2rem;left:50%}.fanfare span:nth-child(3n){background:var(--ui-blue)}.fanfare span:nth-child(4n){background:var(--ui-purple)}.fanfare span:first-child{transform:rotate(0)}.fanfare span:nth-child(2){transform:rotate(30deg)}.fanfare span:nth-child(3){transform:rotate(60deg)}.fanfare span:nth-child(4){transform:rotate(90deg)}.fanfare span:nth-child(5){transform:rotate(120deg)}.fanfare span:nth-child(6){transform:rotate(150deg)}.fanfare span:nth-child(7){transform:rotate(180deg)}.fanfare span:nth-child(8){transform:rotate(210deg)}.fanfare span:nth-child(9){transform:rotate(240deg)}.fanfare span:nth-child(10){transform:rotate(270deg)}.fanfare span:nth-child(11){transform:rotate(300deg)}.fanfare span:nth-child(12){transform:rotate(330deg)}@keyframes burst{0%{opacity:0;translate:0 1rem}18%{opacity:1}to{opacity:0;translate:0 -3.2rem}}.wrong-burst{color:#f0506e2e;animation:.52s cubic-bezier(.2,1.4,.3,1) both wrong-pop;position:absolute;top:.5rem;right:1rem}@keyframes wrong-pop{0%{opacity:0;transform:scale(.4)rotate(-9deg)}to{opacity:1;transform:scale(1)rotate(0)}}.results-view{text-align:center;align-content:center;place-items:center}.score-orbit{background:linear-gradient(135deg, #53a0fd29, transparent 36%), linear-gradient(90deg, var(--ui-deep), var(--ui-navy));width:min(23rem,100%);color:var(--ui-white);box-shadow:var(--shadow-tight);border:1px solid #ffffff1f;border-radius:8px;place-items:center;padding:2rem;display:grid}.score-orbit svg{color:var(--ui-red)}.score-orbit span{letter-spacing:0;font-family:trumpsoftpro,Arial Narrow,open-sans,sans-serif;font-size:6rem;font-weight:700;line-height:.85}.score-orbit small{color:#ffffffb8;font-weight:800}.results-copy{max-width:50rem}.results-copy h2{font-size:4rem}.category-breakdown{gap:.7rem;width:min(42rem,100%);display:grid}.breakdown-row{border:1px solid var(--ui-soft-line);background:var(--ui-soft);text-align:left;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:.55rem 1rem;padding:.9rem 1rem;display:grid}.breakdown-row strong{color:var(--ui-red-dark)}.mini-bar{background:var(--ui-soft-line);border-radius:999px;grid-column:1/-1;height:.46rem;overflow:hidden}@media (width<=1120px){.app-shell{grid-template-columns:1fr}.brand-rail{min-height:auto}.brand-topline{align-items:flex-start}.rail-copy h1{max-width:14ch;font-size:4.6rem}.setup-grid{grid-template-columns:1fr}.hud{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.brand-rail,.simulator-panel{padding:1rem}.brand-topline,.bank-summary,.summary-metrics,.results-actions{flex-direction:column;align-items:stretch}.rail-copy h1,.setup-copy h2,.results-copy h2{font-size:3.25rem}.timer-options,.hud{grid-template-columns:1fr}.hud .icon-button{width:100%}.question-card h2{font-size:1rem}.option-button{grid-template-columns:2rem 1fr}}