@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Oswald:wght@400;500;600;700&family=Unbounded:wght@400;500;600;700;800&display=swap');

:root{--bg:#111016;--paper:#F5ECD9;--orange:#F6A765;--green:#CEE597;--purple:#4B2F53;--ink:#211D24;--ease:cubic-bezier(.2,.76,.25,1)}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100svh;background:var(--bg);color:var(--paper);font-family:'DM Sans','Inter',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #fff5dc;outline-offset:5px}::selection{background:var(--orange);color:var(--ink)}
.page{position:relative;overflow-x:hidden;isolation:isolate}.noise{position:fixed;inset:0;z-index:12;pointer-events:none;opacity:.2;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='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'/%3E%3C/svg%3E");mix-blend-mode:screen}.gridlines{position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,transparent 49.97%,rgba(255,255,255,.08) 50%,transparent 50.03%);opacity:.35}.background-orb{position:fixed;z-index:-2;pointer-events:none;border-radius:50%;filter:blur(76px);opacity:.14}.background-orb--orange{height:550px;width:550px;background:#BD502F;left:-260px;top:20%}.background-orb--purple{height:630px;width:630px;background:#A14A8C;right:-320px;bottom:-160px}
.site-shell{width:min(100% - 96px,1400px);margin:0 auto;min-height:100svh;display:flex;flex-direction:column}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff24;flex:none}.brand{display:inline-flex;align-items:center;gap:13px;font-size:15px;letter-spacing:.03em;font-weight:800;white-space:nowrap}.brand-mark{width:27px;height:27px;color:var(--orange)}.brand-light{font-weight:400;opacity:.7}.header-stamp{font-family:'Oswald','Arial Narrow',sans-serif;letter-spacing:.18em;color:#D4C8BE;font-weight:500;font-size:12px;white-space:nowrap}.stamp-star{font-size:14px;padding-inline:8px;color:var(--orange)}.site-footer{padding:20px 0 28px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff24;font-family:'Oswald','Arial Narrow',sans-serif;font-size:11px;letter-spacing:.22em;color:#A49AA6;gap:18px}.footer-spark{font-size:18px;color:var(--orange);margin:auto}
.home-main{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:35px 0 34px}.home-ornament{display:flex;align-items:center;gap:13px;color:var(--orange);margin-bottom:8px}.home-ornament .line{width:29px;height:1px;background:#F5A46566}.eyebrow{font-family:'Oswald','Arial Narrow',sans-serif;letter-spacing:.38em;font-size:12px;font-weight:600;color:var(--orange);margin:0}.home-title{margin:17px 0 0;display:flex;justify-content:center;align-items:baseline;gap:18px;line-height:1.04;letter-spacing:-.067em;font-family:'Unbounded','Arial Black',sans-serif;font-size:clamp(35px,5.8vw,91px);font-weight:800}.home-title .title-sweet{color:#FFE1BC}.home-title .title-or{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#BC9EB3;font-style:italic;font-size:clamp(25px,3.5vw,58px);letter-spacing:-.095em}.home-title .title-trick{color:var(--green)}.title-question{color:var(--orange)}.home-subtitle{margin:21px 0 0;color:#D2C6C8;font-size:15px;letter-spacing:.015em}
.choice-layout{width:min(100%,1132px);display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:center;margin:43px auto 0}.choice{height:330px;border:1px solid;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;text-align:left;transition:transform .38s var(--ease),box-shadow .38s var(--ease),filter .3s;box-shadow:0 30px 58px #05040c45;isolation:isolate}.choice:hover{transform:translateY(-9px) rotate(0deg) scale(1.015);box-shadow:0 38px 65px #0007}.choice:active{transform:translateY(-2px) scale(.995)}.choice--sweet{background:#EFA16B;color:#322029;border-color:#FFC9A4;transform:rotate(-1.25deg);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.choice--trick{background:#493047;color:#F5F0D9;border-color:#8C6581;transform:rotate(1.25deg)}.choice--sweet:before,.choice--trick:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.choice--sweet:before{background:radial-gradient(ellipse at 47% 38%,#F7C69B 0 3%,transparent 50%),repeating-linear-gradient(135deg,transparent 0 12px,#713D4D10 12px 13px)}.choice--trick:before{background:radial-gradient(ellipse at 50% 40%,#78537A,transparent 67%),repeating-linear-gradient(130deg,transparent 0 12px,#F8D4E506 12px 13px)}.choice--trick:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid #e6bdaf35;top:18px;left:50%;transform:translateX(-50%);z-index:-1;box-shadow:0 0 0 36px #e6bdaf08,0 0 0 74px #e6bdaf05}.choice-corner{position:absolute;width:24px;height:24px;opacity:.7}.choice-corner--tl{top:12px;left:12px;border-left:1.5px solid currentColor;border-top:1.5px solid currentColor}.choice-corner--br{bottom:12px;right:12px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor}.choice-top{display:flex;justify-content:space-between;align-items:center;padding:30px 33px 0;font-family:'Oswald','Arial Narrow',sans-serif;font-size:12px;letter-spacing:.2em;font-weight:600}.choice-plus{font-size:30px;line-height:1;font-family:'DM Sans',sans-serif;font-weight:400}.choice-art{width:245px;height:194px;position:absolute;top:37%;left:50%;transform:translate(-50%,-50%);transition:transform .5s var(--ease);filter:drop-shadow(0 16px 5px #220f1930)}.choice:hover .choice-art{transform:translate(-50%,-55%) rotate(-7deg) scale(1.09)}.choice-art--trick{width:215px;filter:drop-shadow(0 13px 7px #1d0b243b)}.choice--trick:hover .choice-art{transform:translate(-50%,-55%) rotate(8deg) scale(1.09)}.choice-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:0 33px 27px}.choice-caption{font-family:'Oswald','Arial Narrow',sans-serif;font-size:11px;letter-spacing:.16em;font-weight:500;opacity:.7}.choice h2{font-family:'Unbounded','Arial Black',sans-serif;font-size:clamp(23px,2.6vw,40px);letter-spacing:-.065em;margin:8px 0 0;line-height:1.1}.arrow-circle{border:1.5px solid currentColor;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;flex:none;transition:background-color .25s,color .25s,transform .25s}.arrow-circle svg{width:24px;height:24px}.choice:hover .arrow-circle{color:var(--ink);background:var(--paper);transform:rotate(-30deg)}.choice-separator{z-index:3;display:grid;place-items:center}.choice-separator span{width:47px;height:47px;border:1px solid #A797A6;border-radius:50%;background:#19131e;display:grid;place-items:center;color:var(--paper);font-family:'Oswald','Arial Narrow',sans-serif;font-size:12px;letter-spacing:.02em;transform:rotate(-12deg)}.home-footnote{margin:35px 0 0;color:#958B97;font-family:'Oswald','Arial Narrow',sans-serif;letter-spacing:.2em;font-size:11px}
/* Результат — не копия главной: отдельная сцена и одна большая карточка. */
.page--reveal[data-mode="sweet"]{--accent:#F0AC73;--card:#FFE4BB;--card-ink:#3A2427;--stage:#F2AA70;--accent-bright:#F9CDA9}.page--reveal[data-mode="trick"]{--accent:#BEDA8B;--card:#D8E7AC;--card-ink:#2B2730;--stage:#A9C67F;--accent-bright:#E4F5B4}.site-header--reveal .return-link{min-width:210px}.site-header--reveal .brand{position:absolute;left:50%;transform:translateX(-50%)}.return-link{display:flex;align-items:center;gap:10px;font-family:'Oswald','Arial Narrow',sans-serif;letter-spacing:.14em;font-size:13px;color:#D2C5CD;transition:color .2s}.return-link:hover{color:var(--accent)}.return-link svg{width:20px;height:20px}.reveal-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:31px 0 34px}.reveal-intro{text-align:center}.reveal-intro .eyebrow{color:var(--accent)}.reveal-intro h1{font-family:'Unbounded','Arial Black',sans-serif;font-weight:800;font-size:clamp(35px,4.3vw,61px);line-height:1.2;letter-spacing:-.07em;color:var(--accent-bright);margin:10px 0 6px}.reveal-intro>p:last-child{margin:0;color:#BDB3BE;font-size:14px}.fortune-stage{display:flex;align-items:center;gap:25px;margin:29px auto 0;max-width:100%}.stage-side{height:330px;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;color:#AFA3A5;opacity:.8;font-family:'Oswald','Arial Narrow',sans-serif;font-size:10px;letter-spacing:.15em;white-space:nowrap;writing-mode:vertical-rl}.stage-side--left{transform:rotate(180deg)}.side-line{height:65px;width:1px;background:#5e515f}.fortune-card{color:var(--card-ink);background:var(--card);width:min(650px,calc(100vw - 155px));min-height:364px;position:relative;padding:24px 31px 19px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 22px 0 -12px var(--stage),0 30px 55px #0008;clip-path:polygon(0 0,100% 0,100% 44%,calc(100% - 12px) 50%,100% 56%,100% 100%,0 100%,0 56%,12px 50%,0 44%);transform:rotate(-1deg);isolation:isolate}.fortune-card:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;pointer-events:none;background:radial-gradient(circle at 10% 20%,#8A6466 0 1px,transparent 1.5px) 0 0/13px 13px,radial-gradient(circle at 90% 70%,#8A6466 0 1px,transparent 1.5px) 5px 8px/18px 18px}.fortune-card__border{position:absolute;inset:14px 16px;border:1px solid #34212D5c;pointer-events:none}.fortune-card__border:before,.fortune-card__border:after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:46px;height:10px;background:var(--card)}.fortune-card__border:before{top:-5px}.fortune-card__border:after{bottom:-5px}.fortune-top,.fortune-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:'Oswald','Arial Narrow',sans-serif;font-size:12px;font-weight:500;letter-spacing:.16em}.fortune-top{padding:2px 5px 0}.fortune-bottom{font-size:10px;padding:10px 3px 0;opacity:.65;border-top:1px solid #2A1E2955}.fortune-bottom svg{width:34px;height:13px;flex-shrink:0}.fortune-center{text-align:center;padding:2px 26px 20px;display:flex;align-items:center;flex-direction:column;justify-content:center;flex:1}.fortune-symbol{width:53px;height:53px;display:grid;place-items:center;margin-bottom:2px}.fortune-symbol svg{width:46px;height:46px}.symbol-trick{display:none}.page--reveal[data-mode="trick"] .symbol-trick{display:block}.page--reveal[data-mode="trick"] .symbol-sweet{display:none}.fortune-kicker{margin:4px 0 14px;font-family:'Oswald','Arial Narrow',sans-serif;font-size:11px;letter-spacing:.3em}.fortune-question{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(25px,3vw,37px);line-height:1.22;letter-spacing:-.035em;margin:0;max-width:560px;text-wrap:balance}.card--arrive{animation:cardReveal .44s var(--ease) both}@keyframes cardReveal{from{opacity:.2;transform:translateY(10px) rotate(-3deg) scale(.97);filter:blur(4px)}to{opacity:1;transform:translateY(0) rotate(-1deg) scale(1);filter:blur(0)}}.reveal-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:33px 0 0}.reveal-actions>*{height:52px;display:flex;align-items:center;justify-content:center;gap:11px;padding:0 25px;min-width:212px;cursor:pointer;font-family:'Oswald','Arial Narrow',sans-serif;letter-spacing:.12em;font-size:13px;font-weight:600;transition:transform .2s,background-color .2s,color .2s,border-color .2s}.reveal-actions>*:hover{transform:translateY(-3px)}.reveal-actions svg{width:19px;height:19px}.button-primary{border:1px solid var(--accent);color:#211A24;background:var(--accent)}.button-primary:hover{background:var(--accent-bright)}.button-secondary{background:transparent;color:var(--paper);border:1px solid #8C8190}.button-secondary:hover{border-color:var(--accent);color:var(--accent)}.reveal-hint{font-size:12px;color:#918799;margin:20px 0 0;text-align:center}
@media(max-width:1100px){.home-title{font-size:clamp(35px,5.2vw,70px)}.choice{height:305px}.choice-art{width:207px}.choice-art--trick{width:191px}.site-header--reveal .brand{display:none}.fortune-card{width:min(650px,calc(100vw - 140px))}}
@media(max-width:750px){.site-shell{width:calc(100% - 42px)}.site-header{height:76px}.brand{font-size:12px;gap:10px}.brand-mark{width:23px;height:23px}.header-stamp{font-size:10px;letter-spacing:.1em}.stamp-star{padding-inline:3px}.home-main{padding-top:28px}.home-title{display:flex;flex-wrap:wrap;align-items:center;row-gap:2px;column-gap:12px;font-size:clamp(31px,8vw,58px);letter-spacing:-.07em}.home-title .title-or{font-size:clamp(25px,6vw,41px)}.home-subtitle{font-size:14px}.choice-layout{margin-top:36px;display:flex;flex-direction:column;gap:0;width:min(100%,450px)}.choice{width:100%;height:255px;transform:none!important}.choice:hover{transform:translateY(-5px)!important}.choice--sweet{transform:rotate(-1deg)!important}.choice--trick{transform:rotate(1deg)!important}.choice-separator{height:22px}.choice-separator span{width:43px;height:43px}.choice-top{padding:25px 28px 0}.choice-art{top:43%;left:50%;width:202px}.choice-art--trick{width:173px}.choice-bottom{padding:0 28px 22px}.choice h2{font-size:28px}.arrow-circle{width:42px;height:42px}.home-footnote{font-size:10px;line-height:1.7;max-width:280px;margin-top:29px}.site-footer{font-size:10px;padding:18px 0 22px}.reveal-main{padding-top:43px}.site-header--reveal .return-link{min-width:0}.site-header--reveal .header-stamp{font-size:10px}.reveal-intro h1{font-size:clamp(33px,8vw,48px)}.fortune-stage{margin-top:29px;gap:0;width:100%;justify-content:center}.stage-side{display:none}.fortune-card{width:100%;min-height:370px;padding:21px 24px 17px}.fortune-card__border{inset:13px}.fortune-center{padding:17px 7px}.fortune-question{font-size:clamp(27px,6.2vw,38px)}.fortune-bottom{font-size:9px}.reveal-actions{margin-top:36px;width:100%}.reveal-actions>*{min-width:0;flex:1;white-space:nowrap;padding:0 14px;font-size:11px}.reveal-hint{max-width:290px;line-height:1.65}}
@media(max-width:420px){.site-shell{width:calc(100% - 34px)}.brand-light{display:none}.header-stamp{font-size:9px;letter-spacing:.09em}.home-title{column-gap:8px}.home-title .title-sweet{width:100%}.home-title .title-trick{max-width:100%}.home-main{padding-top:23px}.home-ornament{margin-bottom:6px}.eyebrow{font-size:10px;letter-spacing:.25em}.home-title{margin-top:11px}.home-subtitle{margin-top:14px}.choice-layout{margin-top:30px}.choice{height:235px}.choice-top{padding:21px 24px 0}.choice-bottom{padding:0 24px 19px}.choice-art{width:180px;top:43%}.choice-art--trick{width:165px}.fortune-card{min-height:425px}.fortune-question{font-size:29px}.reveal-actions{flex-direction:column}.reveal-actions>*{width:100%;flex:auto}.site-header--reveal .header-stamp{max-width:110px;text-align:right;line-height:1.6}.return-link{font-size:11px;letter-spacing:.06em}.reveal-intro{max-width:310px}.reveal-intro>p:last-child{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}