:root{--bg:#060707;--card:#0b0d0c;--line:#1b211d;--green:#79ff91;--text:#f6f8f6;--muted:#707a72}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#102016 0,transparent 430px),var(--bg);color:var(--text);font-family:Inter,sans-serif}.page{width:min(760px,calc(100% - 22px));margin:auto;padding:24px 0 60px}.detector{background:linear-gradient(180deg,#0d100e,#080a09);border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 25px 80px #0008}.detector header{height:66px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:10px}.logo>span{width:34px;height:34px;border:1px solid #79ff9155;border-radius:10px;display:grid;place-items:center;color:var(--green);box-shadow:inset 0 0 18px #79ff9110}.logo b{display:block;font-size:14px}.logo em{font-style:normal;color:var(--green)}.logo small{font:700 7px Space Mono;color:var(--muted);letter-spacing:.12em}.online{font:700 8px Space Mono;color:#839087}.online i,.scan-title i,.result-tag i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);margin-right:6px}.start{text-align:center;padding:72px 20px 76px}.hero-icon{width:92px;height:92px;border:1px solid #79ff912e;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;color:var(--green);font-size:44px;box-shadow:0 0 50px #79ff9110}.start>small{font:700 8px Space Mono;color:#7b877f;letter-spacing:.15em}.start h1{font-size:47px;line-height:1;margin:9px 0 13px;letter-spacing:-.05em}.start h1 strong{color:var(--green)}.start p{max-width:420px;margin:0 auto;color:var(--muted);font-size:11px;line-height:1.6}.start button{width:min(370px,100%);margin-top:27px;padding:16px 18px;border:1px solid #79ff9140;border-radius:13px;background:#79ff91;color:#071008;font-weight:900;font-size:11px}.start button span{float:right}.hidden{display:none!important}.scan{padding:42px 22px 32px}.scan-title{text-align:center;font:700 9px Space Mono;color:#8a968e;letter-spacing:.08em;margin-bottom:17px}.slot-window{width:min(360px,100%);aspect-ratio:1/1;margin:auto;position:relative;border-radius:22px;overflow:hidden;background:#111;border:1px solid #ffffff10}.slot-window img{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(transparent 45%,#050706e8)}.scanline{position:absolute;z-index:4;left:0;right:0;height:2px;background:var(--green);box-shadow:0 0 18px var(--green);animation:scan 1s linear infinite}.scan-game{position:absolute;z-index:3;bottom:19px;left:20px}.scan-game small{display:block;font:700 7px Space Mono;color:var(--green)}.scan-game b{font-size:21px}.progress{width:min(360px,100%);height:3px;background:#171d19;margin:15px auto;border-radius:5px;overflow:hidden}.progress div{height:100%;width:0;background:var(--green);box-shadow:0 0 10px var(--green);transition:.25s}.terminal{width:min(360px,100%);margin:auto;min-height:75px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#060806;font:700 7px/1.8 Space Mono;color:#647068}.terminal .ok{color:var(--green)}.result{padding:42px 22px}.result-tag{text-align:center;font:700 8px Space Mono;color:var(--green);letter-spacing:.12em;margin-bottom:14px}.result-box{max-width:570px;margin:auto;display:grid;grid-template-columns:240px 1fr;border:1px solid #79ff9128;border-radius:20px;overflow:hidden;background:#090c0a}.result-box>img{width:100%;height:100%;min-height:300px;object-fit:cover}.result-info{padding:28px 22px;display:flex;flex-direction:column;justify-content:center}.result-info>small{font:700 7px Space Mono;color:#748078}.result-info h2{font-size:27px;margin:5px 0 16px;letter-spacing:-.04em}.status,.valid{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:11px 0;font:700 7px Space Mono}.status span,.valid span{color:#667169}.status b{color:var(--green)}.valid b{color:#dfe6e1}.result-info a,.result-info button{padding:12px;border-radius:9px;text-align:center;font-size:8px;font-weight:900}.result-info a{margin-top:10px;background:var(--green);color:#071008}.result-info button{margin-top:7px;border:1px solid var(--line);background:transparent;color:#909b93}.notice{text-align:center;padding:0 20px 20px;color:#465049;font-size:7px}.platform{margin-top:25px}.platform-title{display:flex;align-items:end;justify-content:space-between;margin:0 5px 12px}.platform-title small{font:700 7px Space Mono;color:#657068}.platform-title h2{margin:3px 0 0;font-size:24px}.platform-title a{font-size:8px;font-weight:800;border:1px solid var(--line);border-radius:9px;padding:9px 10px}.frame{height:650px;border:1px solid var(--line);border-radius:20px;overflow:hidden;position:relative;background:#fff}.frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#0b0d0c;color:#758078;font-size:10px}@keyframes scan{0%{top:0}100%{top:100%}}@media(max-width:560px){.page{width:calc(100% - 12px);padding-top:7px}.detector{border-radius:18px}.detector header{height:58px;padding:0 14px}.start{padding:58px 15px 64px}.start h1{font-size:39px}.result-box{grid-template-columns:1fr}.result-box>img{height:310px}.result-info{padding:21px 17px}.platform-title{align-items:flex-start;flex-direction:column;gap:10px}.frame{height:620px}}


/* V4 — mobile + rolagem da plataforma */
html,body{max-width:100%;overflow-x:hidden}body{-webkit-text-size-adjust:100%}.page{overflow:visible}.detector,.platform{min-width:0}.start button,.result-info a,.result-info button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.platform{scroll-margin-top:12px}.frame{height:900px;overflow:hidden;background:#050705}.frame iframe{position:relative;display:block;inset:auto;width:100%;height:100%;min-height:100%;border:0;z-index:2}.loading{z-index:1}.platform-title a{white-space:nowrap;text-decoration:none;color:var(--text)}.result-info a{text-decoration:none}.start button,.result-info button{cursor:pointer}

@media(max-width:700px){
 .page{width:100%;padding:0 0 28px}.detector{border-radius:0;border-left:0;border-right:0}.detector header{height:58px;padding:0 16px}.logo>span{width:31px;height:31px}.logo b{font-size:13px}.online{font-size:7px}.start{padding:46px 18px 52px}.hero-icon{width:76px;height:76px;font-size:37px;margin-bottom:18px}.start h1{font-size:clamp(34px,10vw,44px);line-height:.98;margin-top:8px}.start p{font-size:12px;max-width:340px}.start button{min-height:52px;font-size:12px;border-radius:12px}.scan{padding:30px 14px 25px}.slot-window{width:min(92vw,390px);border-radius:18px}.progress,.terminal{width:min(92vw,390px)}.terminal{font-size:8px;min-height:84px}.result{padding:30px 12px}.result-box{width:100%;max-width:420px;grid-template-columns:1fr;border-radius:18px}.result-box>img{height:auto;min-height:0;aspect-ratio:1/1;object-fit:cover}.result-info{padding:20px 17px 18px}.result-info h2{font-size:26px}.status,.valid{font-size:8px;padding:12px 0}.result-info a,.result-info button{min-height:44px;display:grid;place-items:center;font-size:9px}.notice{padding:0 18px 16px;font-size:8px;line-height:1.45}.platform{margin-top:18px}.platform-title{margin:0;padding:0 12px 10px;gap:8px;align-items:stretch}.platform-title h2{font-size:21px}.platform-title a{align-self:flex-start;font-size:8px;padding:9px 10px}.frame{height:1450px;min-height:1450px;max-height:none;border-radius:0;border-left:0;border-right:0;overflow:hidden}.frame iframe{height:1450px;min-height:1450px;width:100%;display:block}
}

@media(max-width:380px){.detector header{padding:0 11px}.logo small{display:none}.start{padding-left:13px;padding-right:13px}.start h1{font-size:34px}.scan{padding-left:10px;padding-right:10px}.result{padding-left:9px;padding-right:9px}.platform-title{padding-left:10px;padding-right:10px}}

/* V5: no mobile o iframe fica alto e a rolagem acontece na pagina principal. Isso evita ficar preso em popups/overlays do site incorporado. */
@media(max-width:700px){body{overflow-y:auto!important;overscroll-behavior-y:auto}.platform{overflow:visible}.frame{overflow:visible}.frame iframe{overflow:hidden}}
@media(max-width:430px){.frame,.frame iframe{height:1650px;min-height:1650px}}