:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#100608;color:#fff5f5;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button{font:inherit}button:focus-visible{outline:3px solid #ffb7bf;outline-offset:6px}
.hero{isolation:isolate;position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at 80% 37%,#821528 0%,#3e0b14 32%,#100608 70%);padding:0 max(7vw,calc((100vw - 1560px)/2))}
.ambient{position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#100608 10%,transparent 65%),repeating-linear-gradient(124deg,transparent 0 159px,#ff475f06 160px 161px,transparent 162px 320px)}
.topbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:32px 0;border-bottom:1px solid #ff879718;font-size:12px;letter-spacing:2px;font-weight:700}
.wordmark{display:flex;align-items:center;gap:12px;color:#ffd6dc}.mark{font-size:26px;color:#ff5067}.preview{font-size:10px;letter-spacing:2px;color:#bf8c95;border:1px solid #ff6c8435;border-radius:4px;padding:8px 12px;background:#27060d80}
.content{position:relative;z-index:2;padding:clamp(54px,8vh,98px) 0 110px;width:57%;min-height:calc(100svh - 166px)}
.eyebrow{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:700;letter-spacing:2px;color:#ff7488;margin:0 0 25px}.eyebrow span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #c22f4966;border-radius:50%;font-size:19px;font-weight:400}
h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(58px,5.8vw,92px);line-height:1.04;letter-spacing:-1px;font-weight:900;margin:0;text-transform:uppercase}h1 span{color:#ff495f;background:linear-gradient(100deg,#ff697b,#ef2543 70%,#ff97a5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.description{font-size:17px;line-height:1.75;color:#c5adb2;margin:26px 0 30px}
.redeem{width:min(415px,100%);min-height:87px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 25px;border:0;color:white;background:linear-gradient(110deg,#e9223d,#b80c2b);clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));cursor:pointer;transition:filter .2s,transform .2s;box-shadow:inset 0 -2px #ff5a7280}
.redeem:hover{filter:brightness(1.16);transform:translateY(-3px)}.redeem:active{transform:translateY(0)}.redeem strong{font-size:14px;letter-spacing:.15px;display:block;line-height:1.5}.redeem small{display:block;font-size:12px;letter-spacing:2px;margin-top:5px;color:#ffd6de}.arrow{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #ffb4c075;flex-shrink:0;font-size:26px;font-weight:400}
.local-note{display:flex;gap:8px;align-items:center;font-size:12px;color:#ac828b;margin-top:21px}.local-note span{color:#ee596e;font-size:17px}
.artwork{position:absolute;inset:105px -3% 0 43%;z-index:1;pointer-events:none;mask-image:linear-gradient(#000 85%,transparent 100%)}
.artwork:before{content:'';position:absolute;inset:4% 0 5% 5%;background:radial-gradient(ellipse at 55% 40%,#ff113d40,transparent 64%)}
.artwork img{position:absolute;display:block;left:50%;transform:translateX(-50%);top:-25px;width:clamp(590px,54vw,970px);height:auto;filter:drop-shadow(0 0 24px #ff637c28)}
.frame{position:absolute;inset:14% 10% 6% 10%;border:1px solid #ef3d5b55;transform:skewY(-12deg);box-shadow:0 0 0 9px #52031290,0 0 0 10px #ef3d5b25,inset 0 0 70px #be123530;border-radius:12px}
footer{position:relative;z-index:2;display:flex;align-items:center;gap:24px;padding:20px 0 26px;font-size:11px;font-weight:700;letter-spacing:1.8px;color:#c97f8d}footer b{color:#f4d2d9;font-weight:700}.footer-line{height:1px;background:#dd6d8228;flex:1}.muted{color:#966974}
dialog{background:#2d0912;color:#fff5f5;border:1px solid #872d40;border-radius:14px;padding:42px;width:min(460px,calc(100% - 32px));box-shadow:0 20px 100px #0009}dialog::backdrop{background:#140107c9;backdrop-filter:blur(9px)}.close{position:absolute;right:14px;top:9px;border:0;background:none;color:#c89da7;font-size:30px;cursor:pointer}.dialog-label{font-size:12px;letter-spacing:2px;color:#ff637d}dialog h2{font-size:28px;letter-spacing:-1px;margin:20px 0 12px}dialog p{font-size:16px;line-height:1.7;color:#c5adb2}.back{background:#d51c3e;color:white;border:0;padding:14px 18px;margin-top:12px;width:100%;font-size:12px;font-weight:700;letter-spacing:1px;cursor:pointer}.back span{float:right}
@media(min-width:1700px){.content{padding-top:100px}.artwork img{top:-60px}}
@media(max-width:1000px){.hero{padding:0 6vw}.content{width:62%}h1{font-size:clamp(56px,7.5vw,76px)}.artwork{left:42%;right:-20%;opacity:.85}.artwork img{width:680px;top:30px}.preview{font-size:9px}.topbar{padding:22px 0}}
@media(max-width:620px){.hero{padding:0 24px;min-height:100svh;background:radial-gradient(ellipse at 78% 25%,#68071d,#100608 69%)}.topbar{padding:19px 0;letter-spacing:1.2px}.wordmark{font-size:10px;gap:8px}.preview{font-size:8px;padding:6px;letter-spacing:1px}.content{padding:285px 0 25px;width:100%;min-height:0}.eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:15px}h1{font-size:clamp(48px,12.8vw,74px);line-height:1.03}h1 br:first-of-type{display:block}.description{font-size:15px;line-height:1.65;margin:19px 0 22px}.redeem{width:100%;min-height:80px;padding:18px 20px}.redeem strong{font-size:12px}.redeem small{font-size:11px}.local-note{font-size:11px;margin-bottom:0}.artwork{inset:65px -15% auto 20%;height:335px;mask-image:linear-gradient(#000 50%,transparent 98%)}.artwork img{width:395px;top:-8px}.frame{inset:20% 16% -30% 2%}footer{font-size:9px;letter-spacing:1px;gap:14px;padding:26px 0}.muted{font-size:8px}dialog{padding:32px 26px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* Carregamento: mesma composição da referência, com a identidade vermelha. */
.loading-modal{width:min(676px,calc(100% - 32px));padding:28px 27px 25px;text-align:center;background:linear-gradient(135deg,#251019,#10090e 80%);border:1px solid #96344b;border-radius:16px;max-height:calc(100svh - 32px);overflow-y:auto}
.loading-modal::backdrop{background:#060309db;backdrop-filter:blur(11px)}
.loading-modal .close{top:20px;right:26px;color:#d4b6bf;font-size:36px;line-height:1;width:36px;height:36px}
.loading-avatar{position:relative;width:88px;height:88px;margin:0 auto 18px;border:3px solid #db4861;border-radius:50%;overflow:hidden;background:radial-gradient(#7e233b,#1b0b12);box-shadow:0 0 35px #ff385728}
.loading-avatar img{position:absolute;width:143px;max-width:none;height:auto;left:50%;transform:translateX(-50%);top:-6px}
.loading-modal .loading-brand{font-size:12px;font-weight:800;letter-spacing:2px;color:#ff617f;margin:0 0 7px;line-height:1.5}
.loading-modal h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:34px;letter-spacing:.2px;line-height:1.15;margin:0}
.loading-modal #loading-status{font-size:15px;color:#b99ea9;margin:10px 0 22px;min-height:20px}
#loading-progress{display:block;width:100%;height:6px;border:0;border-radius:20px;overflow:hidden;background:#ffffff12;appearance:none;margin:0 0 18px}
#loading-progress::-webkit-progress-bar{background:#ffffff12;border-radius:20px}
#loading-progress::-webkit-progress-value{background:linear-gradient(90deg,#e51e40,#ff6c83);border-radius:20px;transition:width .1s linear}
#loading-progress::-moz-progress-bar{background:linear-gradient(90deg,#e51e40,#ff6c83);border-radius:20px}
.activity{display:flex;align-items:center;gap:11px;min-height:59px;padding:10px 14px;background:#0c080d;border:1px solid #ffffff0d;border-radius:19px;text-align:left}
.activity-dot{width:10px;height:10px;flex-shrink:0;border-radius:50%;background:#e93c60;box-shadow:0 0 13px #e93c6080}
.activity-details{flex:1;font-size:14px;line-height:1.6;color:#b09ba7}.activity-details strong{color:#fff5f8;font-weight:800}.activity-diamonds{color:#ff496e;font-weight:700;white-space:nowrap}.activity-id{white-space:nowrap;font-variant-numeric:tabular-nums}
.activity-badge{background:#ffffff06;color:#bca6b2;padding:8px;font-size:12px;font-weight:800;letter-spacing:.5px;border-radius:8px}
.loading-modal #simulation-note{font-size:12px;line-height:1.5;color:#c3a6b1;margin:12px 0}
.loading-next{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;min-height:72px;border:2px solid #f04c6b;border-radius:13px;background:#b91b3c;color:#fff1f4;font-size:14px;font-weight:800;letter-spacing:1px;cursor:pointer}
.loading-next:disabled{background:#46192580;border-color:#773144;color:#b7909b;cursor:wait}.loading-next:not(:disabled):hover{background:#da284b}
.loading-next{margin-top:18px}
[hidden]{display:none!important}
.generator-view{padding:26px 5px 4px}
.generator-icon{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 18px;border:2px solid #ef3f62;border-radius:50%;background:radial-gradient(circle,#a51936,#310c17 70%);color:#fff;font-size:31px;box-shadow:0 0 36px #ef3f6238}
.generator-view h2{font-size:38px}
.generator-description{margin:10px 0 20px;color:#b99ea9;font-size:15px}
.amount-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.amount-options span{padding:13px 8px;border:1px solid #713044;border-radius:10px;background:#12090e;color:#bda5ae;font-size:15px;font-weight:800;transition:.12s ease}
.amount-options span.selected{border-color:#ff4c70;background:#491120;color:#fff;box-shadow:0 0 18px #ff3d6230;transform:translateY(-2px)}
.generator-result{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:145px;border:1px solid #4c1d2b;border-radius:16px;background:radial-gradient(circle at center,#3c101d,#0d080b 70%)}
.generator-result small{color:#b899a4;font-size:11px;font-weight:800;letter-spacing:1.6px}
.generator-result strong{min-height:62px;color:#ff496e;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:56px;line-height:1.12;letter-spacing:1px;font-variant-numeric:tabular-nums}
.generator-result span{color:#f2d8df;font-size:12px;font-weight:800;letter-spacing:2px}
.generator-back{margin:13px 0 0;padding:10px;border:0;background:transparent;color:#9d818a;font-size:11px;font-weight:800;letter-spacing:1.2px;cursor:pointer}.generator-back:hover{color:#fff}
@media(max-width:620px){.loading-modal{padding:26px 17px 20px}.loading-modal h2{font-size:28px}.loading-modal .close{right:12px;top:12px}.loading-avatar{width:78px;height:78px}.activity{gap:8px;padding:10px;border-radius:13px}.activity-details{font-size:12px}.activity-badge{font-size:10px;padding:7px 5px}.activity-id{display:block}.activity-diamonds{display:block}.loading-next{font-size:12px;min-height:62px}.loading-modal #simulation-note{font-size:11px}}
@media(max-width:620px){.generator-view{padding:18px 0 0}.generator-view h2{font-size:29px}.generator-icon{width:64px;height:64px;font-size:25px}.generator-description{font-size:13px}.amount-options{gap:6px}.amount-options span{font-size:13px;padding:11px 4px}.generator-result{min-height:125px}.generator-result strong{font-size:48px}}

/* Tutorial em vídeo exibido após desbloquear. */
.video-tutorial-view{padding:14px 3px 2px;text-align:center}
.video-tutorial-view h2{margin:0;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:35px;letter-spacing:.3px}
.video-tutorial-description{max-width:500px;margin:10px auto 17px!important;color:#bca3ad!important;font-size:13px!important;line-height:1.55!important}
.video-tutorial-frame{overflow:hidden;border:1px solid #7c2b40;border-radius:15px;background:#050305;box-shadow:0 18px 45px #0008}
.video-tutorial-frame video{display:block;width:100%;max-height:56svh;background:#000;object-fit:contain}
.video-tutorial-view .loading-next{margin-top:16px}
@media(max-width:620px){.video-tutorial-view{padding-top:7px}.video-tutorial-view h2{font-size:27px}.video-tutorial-description{font-size:12px!important;margin-bottom:12px!important}.video-tutorial-frame video{max-height:52svh}}

/* Escolha do aplicativo: usa as artes próprias do ZETSU_FFTV. */
.tutorial-view{padding:13px 2px 2px;text-align:left}
.tutorial-kicker{margin:0 0 7px!important;color:#ff617f!important;font-size:11px!important;font-weight:900;letter-spacing:2.2px;text-align:center}
.tutorial-view h2{margin:0;text-align:center;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:38px;letter-spacing:.4px}
.tutorial-description{max-width:500px;margin:10px auto 22px!important;color:#bda5ae!important;font-size:14px!important;line-height:1.5!important;text-align:center}
.tutorial-tabs{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:16px}
.tutorial-tab{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:76px;padding:15px 17px;border:1px solid #642438;border-radius:12px;background:#12090e;color:#9f828d;cursor:pointer;transition:.18s ease}
.tutorial-tab small{font-size:9px;font-weight:900;letter-spacing:1.6px}
.tutorial-tab strong{font-size:14px;letter-spacing:.7px}
.tutorial-tab.selected{border-color:#ff4d70;background:linear-gradient(130deg,#7e1730,#b9183d);color:#fff;box-shadow:0 0 24px #ef31533b;transform:translateY(-2px)}
.tutorial-preview{overflow:hidden;border:1px solid #72283d;border-radius:15px;background:#090608;box-shadow:0 18px 45px #0006}
.tutorial-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-bottom:1px solid #7b263a;background:linear-gradient(90deg,#2a0b14,#160a0f);font-size:9px;font-weight:900;letter-spacing:1.5px;color:#b8919e}
.tutorial-preview-heading strong{color:#ff6d87;font-size:11px;letter-spacing:1px}
.tutorial-preview img{display:block;width:100%;height:auto;object-fit:contain}
.tutorial-link-note{margin:14px 0 0!important;color:#927580!important;font-size:11px!important;line-height:1.5!important;text-align:center}
.tutorial-open{margin-top:13px}
@media(max-width:620px){.tutorial-view{padding-top:8px}.tutorial-view h2{font-size:29px}.tutorial-description{font-size:12px!important;margin-bottom:16px!important}.tutorial-tabs{gap:7px}.tutorial-tab{min-height:65px;padding:12px 11px}.tutorial-tab strong{font-size:12px}.tutorial-preview-heading{padding:10px 11px}.tutorial-open{font-size:11px}}

/* Aviso exibido dois segundos após abrir um link externo. */
.link-notice{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:#050205e8;backdrop-filter:blur(12px)}
.link-notice-card{position:relative;width:min(560px,100%);overflow:hidden;padding:0 30px 30px;border:1px solid #a52d49;border-radius:18px;background:linear-gradient(145deg,#2d0b16,#12080d 72%);box-shadow:0 32px 100px #000c,0 0 55px #ff34582b;text-align:center}
.link-notice-card:before{content:'';position:absolute;inset:0 0 auto;height:5px;background:repeating-linear-gradient(120deg,#ff3458 0 24px,#79132a 24px 34px)}
.link-notice-topline{display:flex;align-items:center;justify-content:space-between;padding:21px 0 12px;color:#ff7089;font-size:10px;font-weight:900;letter-spacing:2px}
.link-notice-topline button{width:34px;height:34px;border:1px solid #7c3042;border-radius:50%;background:#16090e;color:#d9b4be;font-size:24px;line-height:1;cursor:pointer}
.link-notice-icon{display:grid;place-items:center;width:78px;height:78px;margin:5px auto 17px;border:2px solid #ff4a69;border-radius:22px;background:linear-gradient(145deg,#cf1f43,#731129);box-shadow:0 0 30px #ff315345;color:white;font-size:36px;font-weight:900;transform:rotate(-5deg)}
.link-notice-kicker{margin:0 0 5px!important;color:#ff6e87!important;font-size:10px!important;font-weight:900;letter-spacing:2.2px}
.link-notice-card h2{margin:0;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:42px;letter-spacing:.7px}
.link-notice-card #link-notice-description{max-width:430px;margin:10px auto 20px;color:#c5abb3;font-size:14px;line-height:1.55}
.link-notice-choice{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid #70273a;border-radius:12px;background:#0c070a;text-align:left}
.link-notice-choice small{color:#9d7c87;font-size:9px;font-weight:900;letter-spacing:1.5px}.link-notice-choice strong{color:#ff6580;font-size:14px;letter-spacing:.8px}
.link-notice-card .link-notice-help{margin:14px 0 0;padding:13px 15px;border-left:3px solid #ff3e61;border-radius:5px;background:#3a101b;color:#d9bbc3;font-size:11px;line-height:1.5;text-align:left}
.link-notice-action{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;min-height:62px;margin-top:16px;border:0;border-radius:10px;background:linear-gradient(105deg,#e21c42,#a80e2b);color:#fff;font-size:12px;font-weight:900;letter-spacing:1.1px;cursor:pointer}.link-notice-action:hover{filter:brightness(1.14)}
.link-notice-card.is-error{border-color:#ff9b38;background:linear-gradient(145deg,#301408,#120907 72%);box-shadow:0 32px 100px #000c,0 0 55px #ff8a242c}.link-notice-card.is-error:before{background:repeating-linear-gradient(120deg,#ff9a32 0 24px,#7e310b 24px 34px)}.link-notice-card.is-error .link-notice-icon{border-color:#ffae4f;background:linear-gradient(145deg,#f08b22,#8a350d);box-shadow:0 0 30px #ff942f45;transform:none}.link-notice-card.is-error .link-notice-kicker,.link-notice-card.is-error .link-notice-choice strong{color:#ffb75f}.link-notice-card.is-error .link-notice-help{border-left-color:#ff9b38;background:#3b1c0d}
@media(max-width:620px){.link-notice{padding:14px}.link-notice-card{padding:0 18px 20px}.link-notice-card h2{font-size:34px}.link-notice-icon{width:66px;height:66px;font-size:30px}.link-notice-card #link-notice-description{font-size:13px}.link-notice-choice{padding:13px}.link-notice-choice strong{font-size:12px}}