:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#081626;color:#eef3f8;--oracle-red:#C74634;--muted:#a6b8c9;--brand-yellow:#F1B13F;--line:#2b4055}*{box-sizing:border-box}body{margin:0;display:flex;flex-direction:column;min-height:100vh}main{width:100%;max-width:1280px;padding:0 40px;margin:0 auto;flex:1}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;min-height:390px;align-items:center;padding:42px 0}.eyebrow{display:table;font-size:11px;letter-spacing:2.1px;font-weight:700;color:#fff;background:var(--oracle-red);padding:4px 8px;margin:0 0 16px}h1{font-size:58px;line-height:1.04;letter-spacing:-2px;margin:0 0 20px}h2{font-size:29px;letter-spacing:-.6px;margin:0 0 12px}h3{font-size:21px;line-height:1.35;margin:15px 0}.lead{color:#c3d0dc;max-width:515px;font-size:18px;line-height:1.6}.hero-meta{display:flex;gap:25px;font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:26px}.hero-meta span{border-left:3px solid var(--brand-yellow);padding-left:10px}.race-art{height:280px;position:relative;overflow:hidden;border-radius:0 90px 0 0;background:linear-gradient(140deg,#152c43,#254d63);isolation:isolate}.race-no{position:absolute;right:20px;top:-18px;font-size:240px;line-height:1;font-style:italic;font-weight:900;color:#fff;opacity:.08;letter-spacing:-20px}.race-art p{position:absolute;top:24px;left:28px;font-size:19px;line-height:1.25;font-weight:700;letter-spacing:2px}.track{width:520px;height:130px;border:31px solid #0e1b2a;border-radius:100px;position:absolute;left:28px;top:127px;transform:rotate(-24deg);box-shadow:0 0 0 5px var(--brand-yellow),0 0 0 7px #e9eef3}.track:before{content:'';position:absolute;inset:-17px;border:2px dashed #91a3b4;border-radius:100px}.track i{position:absolute;width:70px;height:22px;background:var(--oracle-red);left:85px;top:-29px;box-shadow:0 -5px 0 #F1B13F,0 5px 0 #F1B13F;border-radius:4px 15px 15px 4px}nav[aria-label="Estações"]{display:flex;border-bottom:1px solid var(--line);gap:5px}.tab{background:none;border:none;color:var(--muted);padding:19px 22px;border-bottom:3px solid transparent;font-size:12px;letter-spacing:1px}.tab span{font-size:14px;margin-left:8px;letter-spacing:0}.tab.active{color:#fff;background:var(--oracle-red);border-bottom-color:var(--brand-yellow)}button{font:inherit;cursor:pointer;color:#eef3f8;background:#142a3e;border:1px solid #39546c;padding:11px 17px;border-radius:3px}button:hover{background:#213e57}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--oracle-red);color:#fff;border-color:var(--oracle-red);font-weight:700}.primary:hover{background:var(--oracle-red);box-shadow:inset 0 0 0 1px #fff}.access-row{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 0;border-bottom:1px solid var(--line)}label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.access-row p{font-size:12px;color:var(--muted);margin:0}.access-row input{max-width:350px}.panel{padding:37px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-heading .eyebrow{margin-bottom:10px}.tag{color:#9fb3c7;font-size:10px;letter-spacing:1px;border:1px solid var(--line);padding:8px 10px;white-space:nowrap}p{line-height:1.6}.panel>p{color:#c2ced9;max-width:880px;margin:10px 0 22px}.case-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:23px}.case-buttons button{font-size:13px}.case-buttons .selected{border-color:var(--oracle-red);background:var(--oracle-red);color:#fff}input,textarea{width:100%;padding:13px 15px;background:#0d2033;border:1px solid #395169;color:#f2f6fa;border-radius:3px;font:inherit}textarea{resize:vertical;line-height:1.6;font-family:Consolas,monospace;font-size:14px}textarea[readonly]{color:#fff;border-left:3px solid var(--oracle-red)}input:focus,textarea:focus,button:focus-visible{outline:2px solid var(--oracle-red);outline-offset:3px}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px}.form-footer p,.form-footer>span{font-size:12px;color:var(--muted);margin:0}.actions{display:flex;gap:10px}.result{border-left:3px solid var(--oracle-red);background:#11273b;margin-top:28px;padding:18px 24px}.result p{color:#bdcddc}.result h3{margin-top:5px}pre{font-size:13px;font-family:Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;color:#d8e7f2}dl{display:grid;grid-template-columns:175px 1fr;gap:8px;font-size:12px}dt{color:#92abc1}dd{margin:0;overflow-wrap:anywhere}details{margin-top:25px;padding:18px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}summary{cursor:pointer;color:#d2deea}.lab-notes{border-top:1px solid var(--line);padding:24px 0 34px;color:#8da4b9;font-size:11px;max-width:1100px}.lab-notes b{color:#c6d4e0;letter-spacing:2px}.lab-notes p{margin:9px 0}.frame-label{font-size:12px;color:#fff;border-left:3px solid var(--oracle-red);padding-left:8px}iframe{width:100%;height:270px;border:1px solid #395169;background:#f6f7fa;margin-bottom:15px}.quiz{padding:22px 0;border-bottom:1px solid var(--line)}#quiz-options{display:grid;gap:9px;margin-bottom:20px}#quiz-options button{text-align:left}#quiz-options button.picked{border-color:var(--oracle-red)}#quiz-answer{padding:15px;background:#112f3b;border-left:3px solid var(--oracle-red)}#quiz-next{float:right}.score-head{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.hint{font-size:12px;color:var(--muted)}.score-row{display:grid;grid-template-columns:40px 1fr 45px 75px 45px;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.score-row strong{color:#fff;background:var(--oracle-red);border-radius:3px;padding:3px 5px;text-align:center}.score-row button{padding:7px}.score-row span:first-child{font-size:12px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:800px){main{padding:0 20px}.hero{grid-template-columns:1fr;gap:20px;padding:32px 0}.race-art{height:180px}.race-no{font-size:180px}.track{top:112px}h1{font-size:45px}.hero-meta{gap:15px;flex-wrap:wrap}nav[aria-label="Estações"]{overflow:auto}.tab{white-space:nowrap;padding:16px 9px}.tab span{font-size:12px}.access-row,.section-heading,.form-footer{align-items:stretch;flex-direction:column}.access-row input{max-width:none}.tag{align-self:flex-start}.actions{flex-wrap:wrap}.actions button{flex:1}.hero .lead{font-size:16px}dl{grid-template-columns:1fr;gap:4px}dd{margin-bottom:8px}}

.score-row input{padding:7px;text-align:center;color:#fff;background:var(--oracle-red);font-weight:bold}

.racing-car{width:100%;height:100%;object-fit:cover;object-position:83% center;display:block}.race-art .race-no,.race-art .track,.race-art>p{display:none}.lab-notes a{color:#bdd0e2}
.quiz-entry{max-width:700px;margin:25px 0}.quiz-entry .actions input{flex:1;min-width:0}.quiz-question{border:0;border-top:1px solid var(--line);margin:30px 0;padding:24px 0 0;min-width:0}.quiz-question legend{float:left;width:100%;font-size:19px;font-weight:bold;line-height:1.5;margin-bottom:16px}.quiz-option{clear:both;display:flex;align-items:flex-start;gap:12px;padding:13px 15px;background:#11273b;border:1px solid #29465e;font-weight:400;line-height:1.5;cursor:pointer}.quiz-option:has(input:checked){border-color:var(--oracle-red);background:#193448}.quiz-option input{width:18px;height:18px;flex:none;margin:2px 0;accent-color:var(--oracle-red)}.result-word{font-size:38px!important;font-weight:800;letter-spacing:3px;color:var(--oracle-red)!important}.master-area{margin-top:40px}.master-area input{max-width:480px}.master-actions{margin-top:15px;flex-wrap:wrap}#quiz-review>div{padding:12px 0;border-bottom:1px solid var(--line)}#quiz-feedback{color:#fff;font-size:14px}#quiz-feedback:not(:empty){border-left:3px solid var(--oracle-red);padding-left:10px}@media(max-width:600px){.quiz-entry .actions{flex-direction:column}.quiz-question legend{font-size:17px}.result-word{font-size:29px!important}}

/* An original, simplified Interlagos circuit turns quiz completion into a lap. */
.quiz-lap{position:sticky;top:10px;z-index:3;display:grid;grid-template-columns:minmax(235px,.9fr) minmax(280px,1.1fr);align-items:center;gap:24px;margin:26px 0 34px;padding:22px 26px;border:1px solid #314f67;border-left:3px solid var(--oracle-red);background:#0c2033;box-shadow:0 14px 25px #050f1c65;border-radius:4px}
.lap-copy .eyebrow{font-size:10px;margin-bottom:8px}.lap-copy h3{font-size:20px;margin:0 0 13px}.lap-copy>p:not(.eyebrow){font-size:12px;color:#b3c7d8;margin:9px 0 0;line-height:1.5}.lap-copy .lap-source{font-size:10px!important;color:#819bb2!important}.lap-source a{color:#9ebbd3;text-underline-offset:2px}
#lap-progress{display:flex;align-items:baseline;gap:15px}#lap-percentage{font-size:36px;line-height:1.1;color:var(--oracle-red);letter-spacing:-1px}#lap-count{font-size:12px;color:#cfdeea}
.lap-map{width:100%;height:205px;display:block;overflow:visible}.lap-track-edge,.lap-track-road,.lap-track-guide,.lap-track-travelled{fill:none;stroke-linecap:round;stroke-linejoin:round}.lap-track-edge{stroke:#486079;stroke-width:44}.lap-track-road{stroke:#091523;stroke-width:33}.lap-track-guide{stroke:#7893aa;stroke-width:2;stroke-dasharray:12 10;opacity:.7}.lap-track-travelled{stroke:#C74634;stroke-width:6;opacity:0}.lap-map .lap-track-label{fill:#e0e9f1;font-size:13px;font-family:Arial,sans-serif;letter-spacing:1px}.lap-map .lap-corner-label{fill:#a6bdcf;font-size:17px;font-family:Arial,sans-serif}.lap-map .lap-watermark{fill:#526f86;opacity:.34;font-size:36px;font-family:Arial,sans-serif;font-weight:700;letter-spacing:4px}.lap-map #lap-car path{stroke-linecap:initial;stroke-linejoin:initial}.lap-map .lap-car-shadow ellipse{fill:#000;opacity:.35}.lap-complete{border-color:#63764e;border-left-color:#C74634}.lap-complete #lap-percentage{color:#C74634}
@media(min-width:1200px){.quiz-lap{grid-template-columns:1fr 1fr}.lap-map{height:210px}}
@media(max-width:650px){.quiz-lap{top:6px;grid-template-columns:minmax(0,1fr) 46%;gap:10px;margin:20px 0 26px;padding:14px 12px}.lap-copy .eyebrow{font-size:8px;letter-spacing:1px;line-height:1.4}.lap-copy h3{font-size:14px;line-height:1.25;margin-bottom:8px}#lap-progress{gap:5px;align-items:flex-start;flex-direction:column}#lap-percentage{font-size:27px}#lap-count{font-size:10px}.lap-copy #lap-caption{font-size:10px;line-height:1.4}.lap-copy .lap-source{display:none}.lap-map{height:auto;max-height:150px}.lap-map .lap-watermark{font-size:38px}.lap-map .lap-corner-label{font-size:19px}.lap-map .lap-track-label{font-size:16px}}
@media(prefers-reduced-motion:reduce){.quiz-lap *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.lap-car-body{transform:scale(1.5);transform-origin:0 0}@media(max-width:650px){.lap-car-body{transform:scale(2.2)}}


/* BEGIN CANONICAL EVENT SHELL — src/event-shell.css */
/* Shared event chrome for Quiz and Security Garage. Keep both deployments identical. */
.portal-header.site-header,.portal-footer.site-footer,.app-shell:has(.room-page) .portal-header.site-header,.app-shell:has(.room-page) .portal-footer.site-footer{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:1360px;height:104px;min-height:104px;flex:0 0 104px;margin:0 auto;padding:0 56px;border:0;background:#081626;font-family:Arial,Helvetica,sans-serif;color:#eef3f8}
.portal-header.site-header,.app-shell:has(.room-page) .portal-header.site-header{border-bottom:1px solid #2b4055}
.portal-footer.site-footer,.app-shell:has(.room-page) .portal-footer.site-footer{border-top:1px solid #2b4055}
.event-brand{display:flex;align-items:center;justify-content:center;flex:0 0 172px;width:172px;min-width:0;color:#fff;text-decoration:none;line-height:1}
.event-brand .event-brand-mark{display:block;flex:none;width:100%;height:auto;max-width:100%}
.event-brand:focus-visible,.portal-nav a:focus-visible{outline:3px solid #C74634;outline-offset:5px;border-radius:4px}
.portal-nav{display:flex;align-items:center;justify-content:flex-end;gap:24px;flex:0 1 auto;width:auto;height:auto;margin:0;padding:0;border:0;background:transparent;overflow:visible}
.portal-nav a{display:block;flex:none;padding:7px 0;margin:0;border:0;border-bottom:2px solid transparent;background:transparent;color:#a6b8c9;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:600;line-height:18px;letter-spacing:0;text-decoration:none;white-space:nowrap}
.portal-nav a:hover,.portal-nav a[aria-current=page]{color:#fff;border-bottom-color:#C74634}
.portal-nav a.portal-presenter{padding:7px 12px;border:1px solid #3c5369;border-radius:5px;color:#eef3f8}
.portal-nav a.portal-presenter:hover,.portal-nav a.portal-presenter[aria-current=page]{border-color:#C74634;background:#C746341a}
.portal-footer .portal-footer-copy{flex:0 1 auto;min-width:0;max-width:360px;margin:0;padding:0;color:#a6b8c9;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:400;line-height:1.6;letter-spacing:.2px;text-align:right;overflow-wrap:anywhere}
@media(max-width:640px){.portal-header.site-header,.portal-footer.site-footer,.app-shell:has(.room-page) .portal-header.site-header,.app-shell:has(.room-page) .portal-footer.site-footer{gap:12px;padding:0 20px}.event-brand{flex-basis:150px;width:150px}.portal-nav{display:grid;grid-template-columns:auto auto;justify-items:end;align-items:center;gap:5px 12px}.portal-nav a{padding:2px 0;font-size:11px;line-height:17px}.portal-nav a.portal-presenter{grid-column:1/-1;padding:3px 8px}.portal-footer .portal-footer-copy{flex:1;max-width:190px;font-size:11px;line-height:1.5}}
/* END CANONICAL EVENT SHELL */