@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--black:#101317;--black2:#181c21;--panel:#fff;--ink:#11161b;--grey:#5f6976;--line:#dfe3e8;--bg:#f2f4f6;--gold:#f9b900;--gold2:#ffc600;--cream:#fff4cf;--green:#078738;--mint:#effaf1;--red:#b92232;--soft:#f6f7f9;--shadow:0 10px 32px rgba(12,19,31,.075)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}h1,h2,h3,p{margin-top:0}.muted{color:var(--grey)}.boot{padding:15vh 20px;text-align:center;color:var(--grey)}.eyebrow{font-size:12px;font-weight:850;letter-spacing:.17em;color:var(--gold);text-transform:uppercase}.text-small{font-size:12px;color:#77818d;line-height:1.6}.title{font-weight:900;line-height:1.08;letter-spacing:-.045em}.brand{width:226px;height:auto;object-fit:contain;object-position:left center;display:block;max-height:80px}.brand.small{width:166px}.masthead{background:linear-gradient(90deg,rgba(14,17,20,.98) 3%,rgba(14,17,20,.93) 37%,rgba(14,17,20,.46) 100%),url('hero-industrial.webp') right 40%/auto 100% no-repeat,var(--black);color:white;position:relative;overflow:hidden;border-bottom:2px solid rgba(255,189,0,.38)}.masthead:after{content:'';position:absolute;right:0;bottom:0;height:3px;width:35%;background:linear-gradient(90deg,transparent,var(--gold));opacity:.9}.head-inner{max-width:1550px;margin:auto;padding:24px clamp(18px,4vw,48px);display:flex;gap:38px;align-items:center;justify-content:space-between}.headline{border-left:1px solid #555f69;padding-left:34px;flex:1}.headline h1{font-size:clamp(24px,3vw,47px);margin:5px 0 0;letter-spacing:-.045em;line-height:1.1}.live{flex-shrink:0;padding:10px 15px;border:1px solid #b14b4d;border-radius:99px;background:#300f17c7;color:#fff;font-size:12px;font-weight:750;white-space:nowrap}.live i{display:inline-block;width:9px;height:9px;background:#fc575f;border-radius:50%;margin-right:9px;box-shadow:0 0 0 5px #fc575f20}.main{max-width:1500px;margin:auto;padding:25px clamp(16px,3vw,42px) 48px}.two-col{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,.85fr);gap:18px}.card{background:var(--panel);border:1px solid #e8ebef;border-radius:21px;box-shadow:var(--shadow);padding:clamp(18px,2.3vw,32px)}.card.black{background:linear-gradient(140deg,rgba(20,24,28,.97),rgba(7,10,13,.98));color:white;border-color:#2b2e32}.card.cream{background:#fff4d3;border-color:#ffedb0}.section-gap{margin-top:18px}.section-mini{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pill{display:inline-flex;gap:7px;align-items:center;border:1px solid #e8ebed;padding:8px 12px;border-radius:100px;background:#fff;font-size:12px;font-weight:780;color:#59616a}.pill.yellow{background:#fff4d3;border-color:#ffebaa;color:#936500}.pill.green{background:#e5f7e9;border-color:#bfe9ca;color:#057e34}.pill.dark{background:#20252a;border-color:#404850;color:#fff}.pill.red{color:#ad2835;background:#fff0f0;border-color:#f9c9cd}.dot{width:9px;height:9px;border-radius:50%;background:var(--gold)}.dot.green{background:#15a25d}.progress{height:10px;border-radius:30px;background:#e6e9ef;overflow:hidden;flex:1}.progress span{height:100%;display:block;background:linear-gradient(90deg,var(--gold),#ffce18);border-radius:inherit;transition:width .4s}.progress-row{display:flex;gap:16px;align-items:center;margin:16px 0 34px}.timer{padding:11px 14px;background:#fff5d7;border-radius:15px;color:#131313;display:flex;align-items:center;gap:9px;font-weight:900;font-size:29px;font-variant-numeric:tabular-nums;white-space:nowrap}.timer svg{width:23px;color:#df9f00}.q-index{font-size:15px;font-weight:850}.question-heading{font-size:clamp(27px,3vw,44px);line-height:1.14;letter-spacing:-.044em;font-weight:900;margin:0 0 23px}.options{display:grid;gap:10px}.option{width:100%;background:white;border:1.5px solid #dde3e9;border-radius:14px;min-height:72px;padding:14px 18px;display:flex;gap:18px;align-items:center;text-align:left;color:#202936;line-height:1.47;font-size:clamp(14px,1.3vw,20px);font-weight:500;transition:.2s}.option .letter{display:grid;place-items:center;width:50px;min-width:50px;height:50px;border-radius:11px;background:#fff0bf;font-size:22px;font-weight:850;color:#161616}.option.selected{border:2px solid var(--gold);background:#fffae9}.option.selected .letter{background:var(--gold)}.option.correct{border:2px solid #20a455;background:#effaf1}.option.correct .letter{background:#27aa61;color:white}.option.wrong{border:2px solid #f26876;background:#fff2f3}.option.wrong .letter{background:#ef6a75;color:#fff}.option[disabled]{opacity:1;cursor:default}.option:not([disabled]):hover{border-color:var(--gold);background:#fff9e9}.info{padding:14px 18px;background:#fff7df;border:1px solid #ffebae;border-radius:12px;font-size:13px;color:#6f581b;line-height:1.6}.info.green{background:#eaf8ef;border-color:#c4ead0;color:#116637}.info.red{background:#fff0f0;border-color:#f7caca;color:#a52a35}.btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:50px;padding:13px 19px;border-radius:12px;border:1px solid transparent;font-weight:850;font-size:14px;text-align:center;transition:.15s;box-shadow:0 3px 8px #0707080d}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(.99)}.btn.gold{background:linear-gradient(135deg,#ffb900,#ffce0a);color:#111}.btn.dark{background:#13191e;color:white}.btn.white{background:white;border-color:#d8dfe4;color:#141a1f}.btn.green{background:#087e35;color:white}.btn.red{background:#fff0f0;border-color:#ffc5cb;color:#b72f3a}.btn.wide{width:100%}.btn svg{height:19px;width:19px}.flex{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stretch{justify-content:space-between}.stack{display:grid;gap:18px}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kpi{background:white;border-radius:14px;border:1px solid #e5e9ed;padding:16px 17px;min-height:105px}.kpi .value{font-weight:900;font-size:32px;letter-spacing:-.05em;margin-top:6px}.kpi small{font-size:12px;color:#65717a}.qrbox{display:grid;place-items:center;width:176px;height:176px;border:7px solid var(--gold);background:white;border-radius:18px;margin:22px auto}.qrbox canvas{width:100%;height:100%;image-rendering:pixelated;border:3px solid white}.qrlink{display:block;background:#1d2329;border:1px solid #474037;border-radius:11px;color:var(--gold);padding:12px;font-weight:750;text-decoration:none;text-align:center;overflow-wrap:anywhere;font-size:13px}.qrtitle{font-weight:900;font-size:24px;line-height:1.13;letter-spacing:-.03em;margin:9px 0}.side-kpi{display:flex;align-items:center;gap:14px}.circle-icon{display:grid;place-items:center;background:var(--gold);color:#111;border-radius:50%;width:54px;height:54px;flex-shrink:0;font-size:26px}.big-count{font-size:27px;font-weight:900;letter-spacing:-.04em}.page-footer{background:#11161b;color:#aeb6be;padding:16px clamp(20px,3vw,48px);text-align:center;font-size:12px}.page-footer strong{color:var(--gold)}.mobile-view{background:#0e1215;min-height:100dvh}.mobile-head{color:#fff;background:linear-gradient(90deg,rgba(10,14,17,.98),rgba(10,14,17,.83) 60%,rgba(10,14,17,.39)),url('hero-industrial.webp') 76% center/auto 100% no-repeat,#10151a;padding:25px 18px 22px}.mobile-head .brand{width:186px;height:80px;object-fit:contain;object-position:left}.mobile-head h1{font-weight:900;font-size:clamp(27px,7vw,34px);letter-spacing:-.045em;line-height:1.09;margin:13px 0 9px}.mobile-head .eyebrow{font-size:10px}.mobile-main{padding:0 13px 22px;margin-top:-1px;display:grid;gap:13px}.mobile-view .card{border-radius:19px;padding:18px}.mobile-view .question-heading{font-size:clamp(25px,6.7vw,34px);margin:21px 0}.mobile-view .option{font-size:14px;min-height:69px;padding:13px;gap:12px;line-height:1.52}.mobile-view .option .letter{width:45px;height:45px;min-width:45px;font-size:21px}.mobile-view .timer{font-size:22px;padding:9px 11px}.mobile-view .progress-row{gap:9px;margin:12px 0 20px}.mobile-view .progress{min-width:20px;height:9px}.mobile-view .q-index{font-size:14px}.mobile-view .kpi-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mobile-view .kpi{padding:12px 9px;min-height:90px}.mobile-view .kpi small{font-size:10px}.mobile-view .kpi .value{font-size:23px}.mobile-view .btn{min-height:53px}.mobile-view .section-gap{margin-top:14px}.mobile-view .eyebrow{color:#bb8000}.name-card{display:flex;align-items:center;gap:13px;padding:15px 16px;border:1px solid #313940;background:#151a1f;border-radius:14px;color:#fff}.name-card .circle-icon{width:44px;height:44px}.name-card b{font-size:19px;line-height:1.3}.name-card small{color:#aab2bd;font-weight:700;font-size:10px;letter-spacing:.1em;display:block;margin-bottom:3px;text-transform:uppercase}.join-input{width:100%;height:53px;border-radius:11px;background:#fff;border:1px solid #dbe1e5;padding:13px 15px;outline:none}.join-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #ffbf0025}.field-label{display:block;font-size:12px;font-weight:790;color:#343d46;margin:10px 0 8px}.leader{display:flex;align-items:center;gap:13px;padding:13px;border-bottom:1px solid #e8ebef}.leader:last-child{border-bottom:0}.rank-no{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e9edf1;font-weight:900}.leader:first-child .rank-no{background:var(--gold)}.leader-name{font-size:14px;font-weight:760;flex:1;overflow:hidden;text-overflow:ellipsis}.leader-score{font-weight:900;white-space:nowrap}.grid-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.grid-actions .btn{font-size:12px;min-height:73px;padding:12px 8px;flex-direction:column;gap:4px}.grid-actions .btn small{font-size:10px;font-weight:500;opacity:.75}.presenter .brand{width:190px}.presenter .mobile-head{padding-bottom:30px}.admin-group{border-radius:14px;background:#fff;padding:16px}.admin-group h2{font-size:22px}.admin-group .question-heading{font-size:23px}.admin-group .progress-row{margin:12px 0 17px}.admin-group .eyebrow{color:#b88600}.answerbar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.answerbar div{padding:9px;background:#f3f5f6;border-radius:9px;text-align:center}.answerbar strong{display:block;font-size:21px}.answerbar small{font-size:10px;color:#74808a}.hint{color:#9ba6b3;font-size:13px;line-height:1.65}.rank-card{margin-top:12px}.result-hero{background:#111;border-radius:18px 18px 0 0;overflow:hidden}.result-hero img{display:block;width:100%;height:clamp(210px,58vw,350px);object-fit:cover;object-position:center 57%}.result-head{background:#111;color:#fff;padding:18px 18px 9px}.result-head .brand{width:176px}.result-card{border-radius:0 0 20px 20px !important;margin-top:0 !important}.scorebox{background:#fff4d3;border-radius:17px;text-align:center;padding:19px 14px;margin:18px 0;color:#171717}.scorebox strong{font-size:60px;font-weight:900;letter-spacing:-.07em;line-height:1.13;display:block}.scorebox small{font-size:12px;color:#596069}.result-title{font-size:28px;font-weight:900;letter-spacing:-.05em;margin-bottom:7px}.result-icon{width:57px;height:57px;border-radius:50%;display:grid;place-items:center;background:var(--gold);font-size:30px}.winner-view{background:#032311;min-height:100dvh}.winner-view .result-head{background:linear-gradient(#001b0b,#093f1e)}.winner-view .result-card{border:2px solid #1fa350;background:#fff}.winner-view .scorebox{background:#e8f9ed}.winner-view .result-icon{background:#07913f;color:white}.winner-view .result-title{color:#075c2b;font-size:41px}.winner-text{font-size:22px;font-weight:900;color:#087c39}.winner-banner{background:#dff5e7;border:1px solid #bbe5c8;border-radius:13px;padding:14px 17px;margin:14px 0 19px;color:#075a2d;font-size:14px;line-height:1.55}.confetti{height:10px;background:repeating-linear-gradient(115deg,#14ad5a 0 12px,transparent 12px 36px,#ffcb0e 36px 46px,transparent 46px 77px);animation:confetti 1.2s ease-in-out 1}@keyframes confetti{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.prize-screen{background:#081c12;color:white;border-radius:20px;padding:30px;text-align:center}.prize-screen h2{font-weight:900;font-size:clamp(33px,4vw,66px);margin:12px 0}.prize-screen .winning{font-size:clamp(23px,3vw,48px);color:#96ffb9;font-weight:900}.prize-row{margin:11px auto;padding:14px 18px;background:#fff;color:#111;max-width:680px;border-radius:13px;font-weight:850;font-size:clamp(18px,2vw,28px);display:flex;justify-content:space-between;align-items:center}.prize-row.current{background:#cbf5d5;border:2px solid #2fc963}.screen-centered{min-height:55vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:15px}.screen-centered h2{font-size:clamp(36px,5.7vw,78px);font-weight:900;letter-spacing:-.055em;max-width:940px;margin:0}.screen-centered .info{font-size:16px}.lobby-qr{padding:30px}.lobby-qr .qrbox{width:240px;height:240px}.lobby-message{font-size:26px;font-weight:750}.small-meta{font-size:13px;color:#89939f}.rank-list{max-height:420px;overflow:auto}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);width:min(94vw,550px);background:#111a1e;color:#fff;padding:15px 18px;border-radius:13px;box-shadow:0 14px 50px #0006;z-index:30;opacity:0;pointer-events:none;transition:.2s;font-size:14px}#toast.show{opacity:1;transform:translateX(-50%)}.hide{display:none!important}@media(max-width:900px){.two-col{grid-template-columns:1fr}.head-inner{gap:20px}.headline{padding-left:20px}.masthead .brand{width:150px}.masthead .live{font-size:10px}.main{padding:16px}.q-index{font-size:13px}}@media(max-width:600px){.masthead .head-inner{display:grid;grid-template-columns:auto auto;gap:10px}.headline{grid-column:1/-1;border:0;padding:0}.headline h1{font-size:28px}.masthead .brand{width:146px}.masthead .live{justify-self:end}.card{padding:18px}.question-heading{font-size:27px}.option{font-size:14px}.progress-row{margin:13px 0 20px}.timer{font-size:20px}.kpi-row{gap:8px}.kpi{padding:12px}.kpi .value{font-size:22px}}@media(min-width:700px){body[data-mode="admin"] .mobile-view,body[data-mode="player"] .mobile-view{max-width:490px;margin:0 auto;box-shadow:0 0 90px #0002}body[data-mode="admin"],body[data-mode="player"]{background:#e8ebef}}@media print{.btn,.no-print{display:none!important}.masthead{background:#111!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.main{padding:10px}.qrbox{print-color-adjust:exact}}

/* DSS projetor: controle nativo de tela cheia (sem afetar painel ou jogadores) */
body[data-mode="screen"] .head-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
body[data-mode="screen"] .fullscreen-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(12,16,19,.85);color:#fff;padding:10px 14px;font-size:13px;font-weight:800;line-height:1.1;white-space:nowrap;min-height:40px;cursor:pointer;transition:background .2s,border-color .2s}
body[data-mode="screen"] .fullscreen-btn:hover{background:rgba(48,51,55,.95);border-color:var(--gold)}
body[data-mode="screen"] .fullscreen-btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
body[data-mode="screen"] .fullscreen-symbol{font-family:Arial,sans-serif;font-size:22px;line-height:16px}
@media(max-width:900px){body[data-mode="screen"] .head-inner{gap:13px}body[data-mode="screen"] .head-actions{gap:6px}}
@media(max-width:600px){body[data-mode="screen"] .head-actions{justify-self:end}body[data-mode="screen"] .fullscreen-label{display:none}body[data-mode="screen"] .fullscreen-btn{padding:9px 12px}}