:root{--bg:#08090a;--panel:#121415;--border:#292b2c;--text:#f6f6f3;--muted:#919693;--yellow:#f6b300;--yellow2:#ffc72c;--green:#55d8a1;--red:#f07979}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}
body{font-family:Arial,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}[hidden],.hidden{display:none!important}img{max-width:100%;display:block}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
.check-shell{min-height:100dvh;width:min(1100px,100%);margin:0 auto;padding:20px 24px 15px;display:flex;flex-direction:column}
.check-topbar{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 2px 20px;border-bottom:1px solid var(--border)}
.check-logo{width:155px;max-height:65px;object-fit:contain;object-position:left center}
.check-top-chip{font-size:10px;letter-spacing:1.35px;font-weight:900;color:var(--yellow);display:flex;align-items:center;gap:9px}
.check-panel{width:100%;flex:1;display:flex;align-items:center;justify-content:center;margin:22px 0 16px;padding:27px;border-radius:23px;background:linear-gradient(145deg,#1a1d1c,#0d0f0f);border:1px solid #343937;box-shadow:0 18px 45px #0006}
.check-panel>#terminal{width:100%}.check-screen{max-width:630px;margin:0 auto;text-align:center;width:100%}
.check-symbol{width:88px;height:88px;margin:0 auto 27px;border:1px solid #705826;border-radius:24px;background:#2b2416;color:var(--yellow);display:grid;place-items:center;font-size:31px}
.check-symbol img{width:52px;height:52px;object-fit:contain}.mini-kicker{display:block;font-size:10px;letter-spacing:2.5px;color:var(--yellow);font-weight:900;margin-bottom:15px}
h1{font-size:clamp(28px,4.2vw,47px);font-weight:850;letter-spacing:-1.5px;line-height:1.16;margin:0 0 17px}h1 span{color:var(--yellow)}
.check-description{max-width:510px;margin:0 auto 26px;color:#acb3ac;font-size:18px;line-height:1.7}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:900;padding:14px 24px;min-height:53px;transition:.18s}
.btn-primary{background:var(--yellow);color:#101010}.btn-primary:hover{background:var(--yellow2)}.btn-outline{background:#202222;border-color:#3e4340;color:#f1f1ee}.btn-outline:hover{border-color:var(--yellow);color:var(--yellow2)}
.check-cta{min-width:290px;min-height:61px;font-size:15px}
.check-camera{width:min(480px,100%);margin:16px auto 12px;position:relative;background:#080909;aspect-ratio:1.1;overflow:hidden;border:1px solid #404842;border-radius:20px}.check-camera video{width:100%;height:100%;object-fit:cover;display:block;transform:scaleX(-1)}
.check-guide{position:absolute;pointer-events:none;inset:12% 25%;border:3px solid var(--yellow);border-radius:48% / 43%;box-shadow:0 0 0 900px #0003,0 0 14px #ffce3b55}.check-result-symbol{width:84px;height:84px;margin:0 auto 25px;border-radius:22px;color:var(--green);background:#163329;border:1px solid #32604f;font-size:35px;display:grid;place-items:center}#result.error .check-result-symbol{background:#3f2020;color:var(--red);border-color:#754242}
.check-class-info{font-size:14px;font-weight:700;color:var(--yellow);margin:0 auto 21px}.check-choices{display:grid;gap:10px;width:min(430px,100%);margin:20px auto}.check-choices button{background:#202522;border:1px solid #555d55;border-radius:11px;color:white;min-height:53px;font-weight:800;cursor:pointer}.check-choices button:hover{border-color:var(--yellow);color:var(--yellow)}
@media(max-width:650px){.check-shell{padding:12px 11px 8px}.check-topbar{min-height:58px;padding:4px 5px 13px}.check-logo{width:128px}.check-top-chip{font-size:9px;letter-spacing:0.9px}.check-panel{margin:13px 0 10px;border-radius:17px;padding:23px 12px;min-height:400px}.check-symbol{width:69px;height:69px;margin-bottom:20px}.check-symbol img{width:40px;height:40px}h1{font-size:31px;letter-spacing:-1px}.check-description{font-size:16px}.check-cta{width:100%;min-width:0}.check-camera{max-width:355px;aspect-ratio:1/1.1}.check-guide{left:18%;right:18%}.check-top-chip i{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}

/* Recepcao: area util maxima no celular e tablet. */
.check-shell{padding-bottom:14px}
.check-topbar{min-height:68px;padding:3px 2px 12px}
.check-logo{width:116px;max-height:58px}
.check-top-actions{display:flex;align-items:center;gap:16px}
.check-panel{margin:12px 0 0}
.check-symbol img{max-width:65%;max-height:65%}
@media(max-width:650px){
 .check-shell{padding:6px 9px 9px;min-height:100dvh}
 .check-topbar{min-height:53px;padding:3px 4px 7px}
 .check-logo{width:92px;max-height:49px}
 .check-top-actions{gap:9px}
 .check-top-chip{font-size:8px;letter-spacing:.7px}

 .check-panel{margin:8px 0 0;padding:15px 10px;min-height:350px}
 .check-symbol{width:68px;height:68px;margin-bottom:15px}
 .check-description{margin-bottom:20px}
}
@media (max-height:620px) and (orientation:landscape){
 .check-shell{padding-top:3px;padding-bottom:5px}
 .check-logo{width:80px}
 .check-panel{margin-top:6px;padding:10px}
 .check-symbol{width:50px;height:50px;margin-bottom:8px}
 .mini-kicker{margin-bottom:6px}h1{margin-bottom:7px}
 .check-description{margin-bottom:10px}
}

/* Tela da camera: sem textos e botoes, viewport amplo. */
.camera-mode .check-panel{align-items:stretch}
.camera-mode .check-panel>#terminal{display:flex;flex:1;flex-direction:column}
.camera-mode #stage{display:flex;flex:1;flex-direction:column;max-width:780px}
.camera-mode #stage .mini-kicker{margin:0 0 12px}
.camera-mode .check-camera{width:100%;max-width:none;min-height:360px;flex:1;margin:0 auto;aspect-ratio:auto}
@media(max-width:650px){
 .camera-mode .check-panel{padding:12px 9px}
 .camera-mode #stage .mini-kicker{margin:0 0 10px}
 .camera-mode .check-camera{max-width:none;min-height:280px;aspect-ratio:auto}
}
@media(max-height:520px) and (orientation:landscape){
 .camera-mode .check-camera{min-height:190px}
}