:root{
 --wine:#4a1022;--wine2:#2b0915;--wine3:#6e223c;--cream:#f7efe4;--cream2:#ead9cc;--rose:#d6a4ad;--gold:#d5b177;--ink:#35111f;--muted:#d4bbc0;--line:rgba(247,239,228,.20);--glass:rgba(255,255,255,.065);--shadow:0 24px 80px rgba(0,0,0,.34)
}
*{box-sizing:border-box}html{background:var(--wine2);scroll-behavior:smooth}body{margin:0;min-height:100%;background:linear-gradient(155deg,#541429 0%,#350b1a 48%,#230711 100%);color:var(--cream);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input{font:inherit}.grain{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.ambient{position:fixed;border-radius:50%;filter:blur(60px);pointer-events:none;opacity:.22;z-index:0}.ambient-a{width:280px;height:280px;background:#ad4d68;left:-120px;top:-90px}.ambient-b{width:260px;height:260px;background:#8d4962;right:-150px;top:40vh}.app{position:relative;z-index:1;width:min(100%,560px);min-height:100dvh;margin:auto;padding:calc(14px + env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom))}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.brandButton{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--cream);font-size:12px;font-weight:900;letter-spacing:.11em;padding:6px 0;cursor:pointer}.brandMark{font-size:17px;filter:grayscale(.15)}.topActions{display:flex;gap:7px}.pill{border:1px solid var(--line);background:var(--glass);color:var(--cream);border-radius:999px;height:38px;min-width:38px;padding:0 12px;font-size:12px;font-weight:800;backdrop-filter:blur(16px);cursor:pointer}.pill.wide{min-width:84px}.screen{display:none}.screen.active{display:block;animation:fade .22s ease}.hero{padding:34px 2px 38px}.eyebrowRow{display:flex;justify-content:space-between;align-items:center;gap:16px}.kicker{font-size:11px;font-weight:900;letter-spacing:.17em;color:var(--rose)}.kicker.dark{color:#95556a}.statusDot{font-size:10px;font-weight:900;letter-spacing:.12em;border:1px solid var(--line);padding:7px 9px;border-radius:999px;color:#f6dadf}.heroTitle{font-family:Georgia,"Times New Roman",serif;font-size:clamp(53px,15vw,82px);line-height:.88;letter-spacing:-.048em;font-weight:500;margin:22px 0 26px}.heroTitle em{font-style:normal;color:#f3d9d8}.heroSub{font-size:18px;line-height:1.5;max-width:470px;color:#f0e3df;margin:0}.heroStats{display:flex;gap:18px;flex-wrap:wrap;margin:28px 0 24px;border-top:1px solid var(--line);padding-top:14px}.heroStats span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#d8c2c5}.heroStats b{font-size:17px;color:var(--cream);margin-right:5px}.heroActions{display:grid;gap:10px}.btn{border:0;border-radius:18px;min-height:54px;padding:15px 18px;font-weight:900;cursor:pointer;transition:.16s transform,.16s filter,.16s opacity;text-align:center}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.big{min-height:61px;font-size:16px}.btn.primary{background:var(--cream);color:var(--ink);box-shadow:0 14px 32px rgba(0,0,0,.20)}.btn.ghost{background:rgba(255,255,255,.035);color:var(--cream);border:1px solid var(--line)}.btn.hot{background:linear-gradient(135deg,#f1d6cc 0%,#d7ab79 100%);color:#36111e;box-shadow:0 16px 36px rgba(17,2,9,.28)}.btn.darkBtn{background:var(--ink);color:#fff7ed}.micro{font-size:11px;line-height:1.45;color:#cdb6ba;text-align:center;margin:12px 0 0}.teaser{padding:22px 0 8px}.teaserHead{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.teaser h3,.unlockBox h3{font-family:Georgia,"Times New Roman",serif;font-size:36px;line-height:1.03;font-weight:500;margin:10px 0 20px}.spark{font-family:Georgia,serif;font-size:38px;color:var(--gold)}.teaserCards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.teaserCard{min-height:205px;border:1px solid var(--line);border-radius:23px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow);overflow:hidden;position:relative}.teaserCard:after{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-65px;top:-48px}.teaserCard small{font-size:9px;letter-spacing:.14em;font-weight:900;color:#e0b9bf}.teaserCard p{font-family:Georgia,serif;font-size:20px;line-height:1.13;margin:0}.t1{background:linear-gradient(155deg,#6c223a,#431021)}.t2{background:linear-gradient(155deg,#38101d,#6c273d);transform:translateY(14px)}.unlockBox{margin:48px 0 10px;padding:28px 20px 24px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border-radius:30px;text-align:center;box-shadow:var(--shadow)}.lockStack{display:flex;justify-content:center;align-items:center;height:110px;margin-bottom:8px}.lockStack span{width:74px;height:99px;border-radius:16px;background:linear-gradient(155deg,#732943,#471123);border:1px solid var(--line);display:grid;place-items:center;font-family:Georgia,serif;font-size:31px;box-shadow:0 14px 35px rgba(0,0,0,.28)}.lockStack span:nth-child(1){transform:rotate(-11deg) translateX(14px)}.lockStack span:nth-child(2){transform:translateY(-9px);z-index:2}.lockStack span:nth-child(3){transform:rotate(11deg) translateX(-14px)}.unlockBox p{color:#ddc8ca;line-height:1.5;margin:0 auto 14px;max-width:390px}.priceRow{margin:15px 0 18px}.price{font-family:Georgia,serif;font-size:54px;line-height:1}.promoTag{display:inline-block;margin-top:8px;background:rgba(215,171,121,.14);border:1px solid rgba(215,171,121,.4);color:#efd4ad;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.11em}.textBtn{border:0;background:none;color:#dbc2c5;text-decoration:underline;text-underline-offset:3px;font-size:12px;padding:14px;cursor:pointer}.setupHint{margin-top:8px;padding:10px 12px;border-radius:14px;background:rgba(255,210,128,.08);color:#ead0a5;font-size:12px;line-height:1.4}.footer{border-top:1px solid var(--line);margin-top:38px;padding-top:18px;color:#bda6aa;font-size:11px;line-height:1.6;display:grid;gap:3px}.backBtn{border:0;background:none;color:#f0dfe0;padding:7px 0;margin:4px 0 22px;font-weight:800;cursor:pointer}.sectionTitle{font-family:Georgia,serif;font-size:43px;line-height:.98;font-weight:500;margin:10px 0 10px}.sectionSub{color:#d4bdc1;line-height:1.5;margin:0 0 22px}.levelsGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.levelCard{min-height:130px;border:1px solid var(--line);border-radius:22px;padding:16px;background:linear-gradient(150deg,rgba(255,255,255,.065),rgba(255,255,255,.025));color:var(--cream);text-align:left;cursor:pointer;position:relative;overflow:hidden}.levelCard:after{content:"";position:absolute;width:120px;height:120px;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-55px;top:-55px}.levelCard small{display:block;color:#d8aeb5;font-size:9px;font-weight:900;letter-spacing:.12em;margin-bottom:11px}.levelCard strong{display:block;font-family:Georgia,serif;font-weight:500;font-size:22px;line-height:1.02;max-width:90%}.levelCard .count{position:absolute;bottom:13px;left:16px;color:#bda6aa;font-size:10px}.levelCard.locked{opacity:.5}.levelCard.final{grid-column:1/-1;min-height:112px;background:linear-gradient(145deg,rgba(213,177,119,.16),rgba(255,255,255,.035))}.levelCard.free{grid-column:1/-1;background:linear-gradient(150deg,#6f263f,#471123);opacity:1}.stickyBuy{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom));margin-top:18px;z-index:5}.gameHead{display:flex;justify-content:space-between;align-items:center;gap:10px}.gameMeta{text-align:right;display:grid;gap:2px;font-size:10px;letter-spacing:.1em;color:#cbb4b8}.gameMeta span:first-child{font-weight:900;color:#efd8d8}.cardWrap{perspective:1000px}.gameCard{min-height:540px;border-radius:31px;border:1px solid rgba(247,239,228,.24);background:linear-gradient(155deg,#762941 0%,#4b1125 62%,#35101d 100%);box-shadow:0 28px 80px rgba(0,0,0,.38);padding:23px 21px;display:flex;flex-direction:column;position:relative;overflow:hidden;animation:cardIn .28s ease}.gameCard:before{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-140px;top:-110px}.gameCard:after{content:"😈";position:absolute;right:20px;bottom:18px;opacity:.07;font-size:70px}.cardTop{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#e4bfc4;font-size:10px;font-weight:900;letter-spacing:.13em}.cardType{margin-top:42px;color:#e9c5c9;font-size:11px;font-weight:900;letter-spacing:.15em}.question{font-family:Georgia,serif;font-size:clamp(28px,8vw,36px);line-height:1.08;letter-spacing:-.02em;margin:auto 0;color:#fff7ec;white-space:pre-line;position:relative;z-index:1}.cardAction{border-top:1px solid var(--line);padding-top:15px;color:#e4c2c6;font-size:10px;font-weight:900;letter-spacing:.12em;position:relative;z-index:1}.reactionRow{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0 10px}.reactionRow button{border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--cream);border-radius:14px;padding:9px 6px;font-size:15px;cursor:pointer}.reactionRow span{font-size:9px;display:block;color:#bda7aa;margin-top:3px}.cardBtns{display:grid;grid-template-columns:54px 1fr 54px;gap:9px}.roundBtn{border:1px solid var(--line);background:var(--glass);color:var(--cream);border-radius:17px;font-size:21px;cursor:pointer}.passbar{margin-top:10px;border:1px solid var(--line);background:rgba(0,0,0,.08);border-radius:17px;padding:11px 13px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#d4bcc0}.passbar button{border:0;background:none;color:#f0cbd0;font-weight:900;font-size:11px;cursor:pointer}.modal{position:fixed;inset:0;background:rgba(24,4,12,.82);backdrop-filter:blur(14px);z-index:90;display:none;align-items:flex-end;justify-content:center}.modal.show{display:flex;animation:fade .18s ease}.sheet{width:min(560px,100%);max-height:90dvh;overflow:auto;border-radius:30px 30px 0 0;background:var(--cream);color:var(--ink);padding:24px 20px calc(28px + env(safe-area-inset-bottom));box-shadow:0 -25px 80px rgba(0,0,0,.30)}.sheetClose{float:right;border:0;background:#e8d7ca;color:#5a2937;width:40px;height:40px;border-radius:999px;font-size:22px;cursor:pointer}.sheet h2{font-family:Georgia,serif;font-weight:500;font-size:38px;line-height:1;margin:10px 0 16px}.sheet>p{line-height:1.55;color:#654553}.rule{display:grid;gap:5px;padding:13px 0;border-top:1px solid #dbc7b9}.rule b{font-size:12px;letter-spacing:.04em}.rule span{font-size:13px;line-height:1.45;color:#6d4d59}.sheetFine{font-size:11px!important;color:#846b73!important}.checkoutPrice{display:flex;align-items:baseline;gap:10px;margin:12px 0 17px}.checkoutPrice b{font-family:Georgia,serif;font-size:54px;font-weight:500}.checkoutPrice span{text-decoration:line-through;color:#9b7c85}.promoBox,.emailBox{border:1px solid #ddc8ba;border-radius:18px;padding:13px;margin:11px 0}.promoBox label,.emailBox label{display:block;font-size:11px;font-weight:900;letter-spacing:.08em;margin-bottom:8px}.inputRow{display:grid;grid-template-columns:1fr auto;gap:7px}.inputRow input,.emailBox input{width:100%;min-width:0;border:1px solid #dbc7b9;background:#fffaf3;border-radius:13px;padding:12px;color:#3b1320;outline:none}.inputRow button{border:0;border-radius:13px;background:#3c1321;color:white;padding:0 12px;font-weight:800;font-size:12px;cursor:pointer}.promoMessage{font-size:11px;margin-top:7px;min-height:14px;color:#735464}.emailBox small{display:block;color:#90767f;line-height:1.35;margin-top:6px}.consent{display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.4;color:#70535d;margin:13px 0}.consent input{margin-top:2px}.darkText{color:#7b6069!important}.successSheet{text-align:center}.successIcon{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;margin:4px auto 16px;background:#3b1320;color:#fff;font-size:28px}.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translate(-50%,28px);opacity:0;background:#f8efe2;color:#3a1220;padding:11px 15px;border-radius:999px;font-size:12px;font-weight:850;z-index:120;transition:.25s;box-shadow:0 10px 35px rgba(0,0,0,.28);max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.ageGate{position:fixed;inset:0;background:linear-gradient(160deg,#451022,#2e0815);z-index:130;display:flex;align-items:center;justify-content:center;padding:28px 22px}.ageGate.hidden{display:none}.ageBox{width:min(430px,100%);text-align:center}.devilLogo{width:72px;height:72px;display:grid;place-items:center;margin:0 auto 8px;font-size:44px;filter:saturate(.6)}.ageTitle{font-family:Georgia,serif;font-size:58px;line-height:.94;font-weight:500;margin:12px 0 20px}.ageBox>p:not(.micro){font-size:16px;line-height:1.5;color:#e7d5d6;margin-bottom:24px}
@keyframes cardIn{from{opacity:.25;transform:translateX(18px) rotateY(-4deg)}to{opacity:1;transform:none}}@keyframes fade{from{opacity:0}to{opacity:1}}
@media(max-width:390px){.app{padding-left:13px;padding-right:13px}.heroTitle{font-size:53px}.teaserCards{grid-template-columns:1fr}.t2{transform:none}.levelsGrid{grid-template-columns:1fr}.levelCard.final,.levelCard.free{grid-column:auto}.gameCard{min-height:505px}.question{font-size:28px}.sheet h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
