html.site-page picture{display:contents}html.site-page body{background:var(--bg);flex-direction:column;min-height:100vh;font-size:15px;display:flex;position:relative}.site-bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.site-bg i{filter:blur(110px);width:70vmax;height:70vmax;opacity:calc(var(--aurora-o) * .8);mix-blend-mode:var(--aurora-blend);border-radius:50%;position:absolute}.site-bg i:first-child{background:var(--pink);top:-35%;left:-25%}.site-bg i:nth-child(2){background:var(--lilac);top:-20%;right:-25%}.site-bg i:nth-child(3){background:var(--sky);opacity:calc(var(--aurora-o) * .5);bottom:-45%;left:25%}.site-bg .sky{opacity:calc(var(--sky-o) * .7);mix-blend-mode:var(--sky-blend);filter:var(--sky-filter);background:-webkit-image-set(url(/sky-1040.avif) 1x type("image/avif"),url(/sky-1040.webp) 1x type("image/webp"),url(/sky.jpg) 1x type("image/jpeg")) top/520px 520px;background:image-set("/sky-1040.avif" 1x type("image/avif"),"/sky-1040.webp" 1x type("image/webp"),"/sky.jpg" 1x type("image/jpeg")) top/520px 520px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#00000080 40%,#0000 100%);mask-image:linear-gradient(#000 0%,#00000080 40%,#0000 100%)}html[data-loading] .site-bg .sky,html[data-loading] .spread-art:before,html[data-loading] .spread-stage:before{background-image:none}html:root[data-loading] .art-glow{opacity:0;background-image:none}html[data-loading] :is(.confused,.related,.pager) img[loading=lazy]{display:none}html[data-loading] .confused li a:before{content:"";aspect-ratio:500/863;flex:none;width:40px}html[data-loading] .related a:before{content:"";aspect-ratio:500/863;width:92px;display:block}html[data-loading] .pager a:before{content:"";aspect-ratio:500/863;flex:none;width:46px}.site-bg:after{content:"";background:var(--grain);opacity:var(--grain-opacity);mix-blend-mode:overlay;position:absolute;inset:0}.site-head{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.2);z-index:20;justify-content:space-between;align-items:center;gap:16px;padding:12px clamp(16px,4vw,40px);display:flex;position:sticky;top:0}.site-brand{align-items:center;gap:9px;text-decoration:none;display:inline-flex}.site-brand .logo-word{font-family:var(--font-serif);color:var(--text);letter-spacing:-.01em;font-size:21px;font-style:italic}.site-brand svg,.brand-logo svg{filter:drop-shadow(0 2px 6px #00000059);width:28px;height:28px;transition:transform .4s var(--ease)}.brand-logo svg{width:26px;height:26px}.site-brand:hover svg,.brand-logo:hover svg{transform:rotate(-6deg)translateY(-1px)}.site-head nav{align-items:center;gap:6px;display:flex}.site-head nav a{color:var(--text-2);transition:color var(--t), background var(--t);border-radius:999px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none}.site-head nav a:hover{color:var(--text);background:var(--surface-2)}.site-head nav a.site-cta{background:linear-gradient(120deg, var(--butter), var(--pink));color:#2a1a05;box-shadow:0 6px 20px rgba(var(--orange-rgb), .25);margin-inline-start:8px;padding:9px 16px}.site-head nav a.site-cta:hover{background:linear-gradient(120deg, var(--butter), var(--pink));color:#2a1a05;transform:translateY(-1px)}.theme-toggle{width:36px;height:36px;color:var(--text-2);transition:background var(--t), color var(--t);border-radius:999px;justify-content:center;align-items:center;margin-inline-start:4px;display:inline-flex}.theme-toggle:hover{background:var(--surface-2);color:var(--text)}.site-head nav a.lang-switch{border:1px solid var(--border);margin-inline-start:4px}.theme-toggle svg{width:17px;height:17px}.site-main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:clamp(24px,4vw,44px) clamp(16px,4vw,40px) 72px}.site-foot{border-top:1px solid var(--border);color:var(--text-3);text-align:center;padding:28px clamp(16px,4vw,40px);font-size:12.5px}.site-foot .rule{margin-bottom:14px}.site-credit{margin-top:10px}.site-credit a{color:var(--text-2);border-bottom:1px solid var(--border-strong);transition:color var(--t), border-color var(--t);text-decoration:none}.site-credit a:hover{color:var(--text);border-bottom-color:var(--pink)}.site-main h1{font-family:var(--font-serif);letter-spacing:-.025em;font-size:clamp(38px,5.2vw,64px);font-style:italic;font-weight:500;line-height:1.02}.site-main h2{font-family:var(--font-serif);letter-spacing:-.01em;margin-top:44px;font-size:26px;font-weight:500}.site-main h3{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-top:26px;font-size:11.5px;font-weight:600}.site-main p{color:var(--text-2);max-width:66ch;margin:10px 0;line-height:1.6}.site-main p.lead{color:var(--text);opacity:.86;font-size:17.5px}.site-main a{color:var(--text)}.kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.kicker .suit-dot{margin:0}.crumbs{color:var(--text-3);align-items:center;gap:8px;margin-bottom:22px;font-size:13px;display:flex}.crumbs a{color:var(--text-2);transition:color var(--t);text-decoration:none}.crumbs a:hover{color:var(--text)}.crumbs span{opacity:.6}.rule{color:var(--pink);align-items:center;gap:12px;font-size:12px;display:flex}.rule:before,.rule:after{content:"";background:linear-gradient(90deg, transparent, var(--border-strong));flex:1;height:1px}.rule:after{background:linear-gradient(90deg, var(--border-strong), transparent)}[dir=rtl] .rule:before,[dir=rtl] .rule:after{transform:scaleX(-1)}.suit-dot{background:var(--suit,var(--accent));vertical-align:1px;width:8px;height:8px;box-shadow:0 0 10px var(--suit,var(--accent));border-radius:50%;margin-inline-end:8px;display:inline-block}[data-suit]{--suit-text:color-mix(in srgb, var(--suit) 72%, var(--text))}.btn-row{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.btn{border:1px solid var(--border-strong);color:var(--text);background:var(--surface);transition:border-color var(--t), transform var(--t) var(--ease), box-shadow var(--t);border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:500;display:inline-flex;text-decoration:none!important}.btn:hover{border-color:var(--pink);transform:translateY(-1px)}.btn.primary{background:linear-gradient(120deg, var(--butter), var(--pink));box-shadow:0 8px 24px rgba(var(--orange-rgb), .28);border-color:#0000;color:#2a1a05!important}.btn.primary:hover{box-shadow:0 12px 30px rgba(var(--orange-rgb), .38)}.btn svg{width:15px;height:15px}.site-main .chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.site-main .chip{border:1px solid var(--border-strong);color:var(--text);background:color-mix(in srgb, var(--surface-solid) 60%, transparent);transition:transform var(--t) var(--ease);border-radius:999px;padding:6px 12px;font-size:13px}.site-main .chip.up{background:color-mix(in srgb, var(--butter) 14%, transparent);border-color:color-mix(in srgb, var(--butter) 50%, transparent)}.site-main .chip.rev{background:color-mix(in srgb, var(--lilac) 14%, transparent);border-color:color-mix(in srgb, var(--lilac) 55%, transparent)}.hero{grid-template-columns:1fr auto;align-items:center;gap:32px;margin-bottom:36px;display:grid}.hero .lead{max-width:54ch}.hero-fan{flex:none;width:300px;height:280px;position:relative}.hero-fan img{width:150px;height:auto;box-shadow:var(--shadow-lift);transform-origin:50% 120%;transition:transform .6s var(--ease);border-radius:8px;position:absolute;top:50%;left:50%}.hero-fan picture:first-child img{transform:translate(-50%,-50%)rotate(-16deg)}.hero-fan picture:nth-child(2) img{z-index:1;transform:translate(-50%,-55%)}.hero-fan picture:nth-child(3) img{transform:translate(-50%,-50%)rotate(16deg)}.hero-fan:hover picture:first-child img{transform:translate(-50%,-50%)rotate(-26deg)translateY(-8px)}.hero-fan:hover picture:nth-child(2) img{transform:translate(-50%,-62%)}.hero-fan:hover picture:nth-child(3) img{transform:translate(-50%,-50%)rotate(26deg)translateY(-8px)}.hero-fan:before{content:"";background:radial-gradient(circle, rgba(var(--orange-rgb), .35), transparent 70%);filter:blur(30px);border-radius:50%;position:absolute;inset:10%}.finder-bar{z-index:15;background:color-mix(in srgb, var(--surface-solid) 80%, transparent);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-strong);box-shadow:var(--shadow-panel);border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 10px;display:flex;position:sticky;top:70px}.finder{background:var(--surface-2);border:1px solid var(--border);max-width:420px;transition:border-color var(--t), box-shadow var(--t);border-radius:12px;flex:260px;align-items:center;display:flex;position:relative}.finder:focus-within{border-color:var(--pink);box-shadow:0 0 0 3px rgba(var(--orange-rgb), .22)}.finder svg{width:16px;height:16px;color:var(--text-3);margin-inline-start:12px}.finder input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:10px;font-size:14px}.finder input::placeholder{color:var(--text-3)}.finder input::-webkit-search-cancel-button{-webkit-appearance:none}.finder .count{color:var(--text-3);white-space:nowrap;margin-inline-end:12px;font-size:12px}.suit-nav{flex-wrap:wrap;gap:6px;display:flex}.suit-nav a{border:1px solid var(--border);background:var(--surface);color:var(--text-2);transition:color var(--t), border-color var(--t), background var(--t);border-radius:999px;align-items:center;gap:8px;padding-block:7px;padding-inline:10px 12px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.suit-nav a:hover{color:var(--text);border-color:var(--suit);background:color-mix(in srgb, var(--suit) 10%, var(--surface))}.suit-nav small{color:var(--text-3);font-size:11.5px}.suit-nav .suit-dot{margin:0}.finder-empty{text-align:center;color:var(--text-3);padding:60px 0;display:none}.site-main.no-matches .finder-empty{display:block}.suit{margin-top:48px;scroll-margin-top:130px}.suit-head{background:linear-gradient(120deg, color-mix(in srgb, var(--suit) 16%, var(--surface-solid)), color-mix(in srgb, var(--suit) 4%, var(--surface-solid)) 60%, var(--surface-solid));border:1px solid color-mix(in srgb, var(--suit) 35%, var(--border));border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:24px;padding:26px 28px;display:grid;position:relative;overflow:hidden}.suit-head:after{content:"";inset-inline-end:-60px;background:radial-gradient(circle, color-mix(in srgb, var(--suit) 45%, transparent), transparent 70%);filter:blur(30px);pointer-events:none;border-radius:50%;width:260px;height:260px;position:absolute;top:-80px}.suit-index{font-family:var(--font-serif);color:var(--suit);text-shadow:0 0 30px color-mix(in srgb, var(--suit) 60%, transparent);font-size:64px;font-style:italic;line-height:1}.suit-head h2{margin:2px 0 6px;font-size:32px}.suit-head p{max-width:70ch;margin:0}.suit-head .kicker{margin-bottom:4px}.suit-glyph{inset-inline-end:28px;color:var(--suit);opacity:.35;font-size:54px;position:absolute;top:50%;transform:translateY(-50%)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:24px 16px;margin-top:26px;display:grid}.card-grid.major{grid-template-columns:repeat(auto-fill,minmax(156px,1fr))}.card-grid a{color:var(--text-2);font-size:12.5px;text-decoration:none;display:block;position:relative}.card-grid .art{box-shadow:var(--shadow-card);transition:transform .32s var(--ease), box-shadow .32s;border-radius:8px;position:relative;overflow:hidden}html[data-loading] .card-grid .art{aspect-ratio:500/863;display:block}html[data-loading] .card-grid .art img{display:none}.card-grid .art img{aspect-ratio:500/863;width:100%;height:auto;display:block}.card-grid .art:after{content:"";border-radius:8px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000001f}.card-grid a:hover .art{box-shadow:var(--shadow-lift), 0 0 0 2px var(--suit), 0 0 34px color-mix(in srgb, var(--suit) 45%, transparent);transform:translateY(-6px)rotate(-1.5deg)}.card-grid .card-name{font-family:var(--font-serif);color:var(--text);margin-top:11px;font-size:15.5px;line-height:1.2;display:block}.card-grid .card-kw{color:var(--text-3);margin-top:3px;font-size:12px;display:block}.card-grid .card-num{top:8px;color:#fff;font-family:var(--font-serif);opacity:0;transition:opacity var(--t);background:#1b1833b3;border-radius:999px;padding:2px 7px;font-size:12px;font-style:italic;position:absolute;inset-inline-start:8px}.card-grid a:hover .card-num{opacity:1}.card-page{position:relative}.card-layout{grid-template-columns:minmax(260px,360px) 1fr;align-items:start;gap:clamp(28px,5vw,72px);display:grid}.card-side{position:sticky;top:84px}.stage-art{padding:14px;position:relative}.art-glow{background:var(--art) center / cover;filter:blur(64px)saturate(1.7);opacity:.55;pointer-events:none;border-radius:50%;transition:opacity .6s;position:absolute;inset:-6% -14%}:root[data-theme=light] .art-glow{opacity:.4;filter:blur(64px)saturate(1.3)}.art-frame{perspective:1400px;margin:0;position:relative}.art-frame img{width:100%;height:auto;box-shadow:var(--shadow-lift), 0 0 0 1px #00000026;transition:transform .9s var(--ease);border-radius:12px;display:block;transform:rotate(0)}.card-page:has(#o-rev:checked) .art-frame img{transform:rotate(180deg)}.art-frame:after{content:"";pointer-events:none;background:linear-gradient(165deg,#ffffff24,#0000 40% 70%,#00000014);border-radius:12px;position:absolute;inset:0}.orient-toggle{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;grid-template-columns:1fr 1fr;gap:2px;margin:18px 14px 0;padding:3px;display:grid;position:relative}.orient-toggle input{opacity:0;pointer-events:none;position:absolute}.orient-toggle label{text-align:center;color:var(--text-2);cursor:pointer;transition:background var(--t), color var(--t), box-shadow var(--t);-webkit-user-select:none;user-select:none;border-radius:9px;padding:9px 0;font-size:13px;font-weight:500}.orient-toggle label:hover{color:var(--text)}.orient-toggle input:focus-visible+label{box-shadow:0 0 0 2px var(--ring)}.card-page:has(#o-up:checked) label[for=o-up]{background:var(--surface-solid);color:var(--butter);box-shadow:0 1px 2px #00000040}.card-page:has(#o-rev:checked) label[for=o-rev]{background:var(--surface-solid);color:var(--lilac);box-shadow:0 1px 2px #00000040}.card-page:has(#o-rev:checked) .facts .rev-note{display:block}.facts{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin:22px 14px 0;padding:16px 18px;font-size:13px}.facts dl{grid-template-columns:auto 1fr;gap:7px 16px;margin:0;display:grid}.facts dt{color:var(--text-3);font-weight:500}.facts dd{color:var(--text);margin:0}.facts .rev-note{border-top:1px solid var(--border);color:var(--text-3);margin:10px 0 0;padding-top:10px;font-size:12.5px;display:none}.card-main{min-width:0}.stage-numeral{inset-inline-end:-16px;font-family:var(--font-serif);color:var(--suit,var(--pink));opacity:.09;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-.04em;font-size:clamp(120px,16vw,220px);font-style:italic;line-height:1;position:absolute;top:-56px}.stage-text{position:relative}.card-main h1{max-width:12ch}.essence{font-family:var(--font-serif);color:var(--text);max-width:30ch;margin:14px 0 0;font-size:clamp(19px,2vw,24px);line-height:1.35}.essence:not(:lang(ar)):first-letter{color:var(--pink)}.summary{gap:10px;margin-top:20px;display:grid}.summary-row{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.summary-row>b{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);flex:none;width:72px;font-size:11.5px;font-weight:600}.summary-row .chips{margin-top:0}.summary-row.up b{color:var(--butter)}.summary-row.rev b{color:var(--lilac)}.orient{grid-template-columns:1fr 1fr;gap:18px;margin-top:34px;display:grid}.orient section{border:1px solid var(--border);background:var(--surface);transition:border-color .4s, opacity .4s, transform .4s var(--ease);border-radius:18px;padding:22px 24px 24px;position:relative;overflow:hidden}.orient section:before{content:"";inset-inline-start:0;background:var(--o);opacity:.35;width:3px;transition:opacity .4s;position:absolute;top:0;bottom:0}.orient section.up{--o:var(--butter)}.orient section.rev{--o:var(--lilac)}.orient section h3{color:var(--o);align-items:center;gap:8px;margin-top:0;display:flex}.orient section h3:before{content:"✦";font-size:10px}.orient section p{color:var(--text);opacity:.86;max-width:none}.orient section .chips .chip{padding:5px 10px;font-size:12.5px}:is(.card-page:has(#o-up:checked) .orient section.rev,.card-page:has(#o-rev:checked) .orient section.up){opacity:.55}:is(.card-page:has(#o-up:checked) .orient section.up,.card-page:has(#o-rev:checked) .orient section.rev){border-color:color-mix(in srgb, var(--o) 55%, var(--border));box-shadow:0 0 40px color-mix(in srgb, var(--o) 18%, transparent), var(--shadow-card)}.card-page:has(#o-up:checked) .orient section.up:before{opacity:1}.card-page:has(#o-rev:checked) .orient section.rev:before{opacity:1}.lay-btns .btn.lay-rev{display:none}.card-page:has(#o-rev:checked) .lay-btns .btn.lay-up{display:none}.card-page:has(#o-rev:checked) .lay-btns .btn.lay-rev{display:inline-flex}.scene{margin-top:40px}.scene h2{margin-top:0}.scene p{font-size:16px}.scene p:not(:lang(ar)):first-letter{font-family:var(--font-serif);float:inline-start;color:var(--pink);margin-block-start:6px;margin-inline-end:10px;font-size:3.1em;font-style:italic;line-height:.82}.lenses{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px;display:grid}.lens{background:var(--surface);border:1px solid var(--border);transition:border-color var(--t), transform var(--t) var(--ease);border-radius:16px;padding:18px 20px}.lens:hover{border-color:var(--border-strong);transform:translateY(-2px)}.lens h3{align-items:center;gap:8px;margin-top:0;display:flex}.lens h3 svg{width:14px;height:14px;color:var(--pink)}.lens p{margin:8px 0 0;font-size:14px}:is(.card-page:has(#o-rev:checked) .lens p.for-up,.card-page:has(#o-up:checked) .lens p.for-rev){display:none}.related-head{justify-content:space-between;align-items:baseline;gap:16px;margin-top:52px;display:flex}.related-head h2{margin-top:0}.related-head a{color:var(--text-2);border-bottom:1px solid var(--border-strong);font-size:13.5px;text-decoration:none}.related{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent;gap:12px;margin:0 -4px;padding:16px 4px 18px;display:flex;overflow-x:auto}.related a{flex:0 0 92px;text-decoration:none;position:relative}.related img{width:92px;height:auto;box-shadow:var(--shadow-card);transition:transform .32s var(--ease), box-shadow .32s;border-radius:6px;display:block}.related a:hover img{box-shadow:var(--shadow-lift), 0 0 0 2px var(--suit);transform:translateY(-6px)rotate(-2deg)}.related a span{white-space:nowrap;color:var(--text-2);opacity:0;transition:opacity var(--t);pointer-events:none;font-size:11.5px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)translateY(100%)}.related a:hover span{opacity:1}.pager{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:16px;margin-top:40px;padding-top:22px;display:grid}.pager a{color:var(--text-2);transition:background var(--t), color var(--t);border-radius:14px;align-items:center;gap:14px;padding:12px;text-decoration:none;display:flex}.pager a:hover{background:var(--surface);color:var(--text)}.pager a[rel=next]{text-align:end;flex-direction:row-reverse}.pager img{width:46px;height:auto;box-shadow:var(--shadow-card);border-radius:4px}.pager small{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:3px;font-size:11.5px;display:block}.pager b{font-family:var(--font-serif);color:var(--text);font-size:17px;font-weight:500}.spread-list-page{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin-top:18px;display:grid}.spread-tile{border:1px solid var(--border);background:var(--surface);color:var(--text);transition:border-color var(--t), transform var(--t) var(--ease), box-shadow var(--t);border-radius:18px;padding:18px;text-decoration:none;display:block}.spread-tile:hover{border-color:var(--pink);box-shadow:var(--shadow-panel);transform:translateY(-3px)}.spread-tile>svg{width:100%;height:120px;margin-bottom:12px}.spread-tile strong{font-family:var(--font-serif);font-size:20px;font-weight:500;display:block}.spread-tile span{color:var(--text-3);font-size:13px}.spread-list-page.big{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:20px}.spread-list-page.big .spread-tile{grid-template-columns:170px 1fr;align-items:center;gap:24px;padding:22px;display:grid}.spread-art{aspect-ratio:1;background:var(--surface-2);border-radius:14px;justify-content:center;align-items:center;padding:16px;display:flex;position:relative;overflow:hidden}.spread-art:before{content:"";opacity:var(--sky-o);mix-blend-mode:var(--sky-blend);filter:var(--sky-filter);background:-webkit-image-set(url(/sky-1040.avif) 1x type("image/avif"),url(/sky-1040.webp) 1x type("image/webp"),url(/sky.jpg) 1x type("image/jpeg")) 50%/220px 220px;background:image-set("/sky-1040.avif" 1x type("image/avif"),"/sky-1040.webp" 1x type("image/webp"),"/sky.jpg" 1x type("image/jpeg")) 50%/220px 220px;position:absolute;inset:0}.spread-art:after{content:"";background:radial-gradient(circle at 50% 50%, rgba(var(--orange-rgb), .12), transparent 65%);position:absolute;inset:0}.spread-art svg{z-index:1;width:100%;height:100%;margin:0;position:relative}.spread-text .kicker{margin-bottom:4px}.spread-text strong{margin-bottom:4px;font-size:23px}.spread-text span{color:var(--text-2);line-height:1.45;display:block}.spread-tile:hover .spread-art svg{transform:scale(1.04)}.spread-art svg{transition:transform .4s var(--ease)}.spread-svg{overflow:visible}.spread-svg .slot-back{transition:transform .26s var(--ease), filter .26s;transform-box:fill-box;transform-origin:50%}.spread-svg .slot-num{font-family:var(--font-serif);fill:#f6efe8;text-anchor:middle;font-style:italic}.spread-svg .slot-label{font-family:var(--font-ui);fill:var(--text-2);text-anchor:middle;font-weight:500}.spread-svg g.active .slot-back{filter:drop-shadow(0 8px 16px rgba(var(--orange-rgb), .5));transform:translateY(-6px)scale(1.04)}.spread-svg g.active .slot-back .back-rim{stroke:var(--pink);stroke-width:6px}.spread-svg g.active .slot-label{fill:var(--text)}.spread-svg g.dim{opacity:.45}.spread-svg g{cursor:pointer;transition:opacity .26s}.spread-layout{grid-template-columns:minmax(280px,480px) 1fr;align-items:start;gap:clamp(28px,5vw,72px);display:grid}.spread-stage{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:clamp(18px,3vw,34px);position:sticky;top:84px;overflow:hidden}.spread-stage:before{content:"";opacity:var(--sky-o);mix-blend-mode:var(--sky-blend);filter:var(--sky-filter);background:-webkit-image-set(url(/sky-1040.avif) 1x type("image/avif"),url(/sky-1040.webp) 1x type("image/webp"),url(/sky.jpg) 1x type("image/jpeg")) 50%/320px 320px;background:image-set("/sky-1040.avif" 1x type("image/avif"),"/sky-1040.webp" 1x type("image/webp"),"/sky.jpg" 1x type("image/jpeg")) 50%/320px 320px;position:absolute;inset:0}.spread-stage:after{content:"";background:radial-gradient(ellipse 60% 55% at 50% 50%, rgba(var(--orange-rgb), .12), transparent 70%);pointer-events:none;position:absolute;inset:0}.spread-stage svg{z-index:1;width:100%;height:auto;display:block;position:relative}.spread-caption{z-index:1;text-align:center;color:var(--text-3);min-height:20px;margin:16px 0 0;font-size:13px;position:relative}.spread-caption b{font-family:var(--font-serif);color:var(--text);font-size:15px;font-style:italic;font-weight:500}.positions{margin:12px 0 0;padding:0;list-style:none}.positions li{cursor:default;transition:background var(--t);border-bottom:1px solid var(--border);border-radius:14px;grid-template-columns:34px 1fr;align-items:start;gap:14px;margin:0 -14px;padding:13px 14px;display:grid}.positions li:last-child{border-bottom:0}.positions li .num{background:var(--surface-2);width:30px;height:30px;color:var(--text);font-family:var(--font-serif);transition:background var(--t), color var(--t), box-shadow var(--t);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-style:italic;display:inline-flex}.positions li.active{background:var(--surface)}.positions li.active .num{background:var(--pink);color:#2a1a05;box-shadow:0 0 18px rgba(var(--orange-rgb), .45)}.positions b{color:var(--text);font-size:15.5px;font-weight:500}.positions small{color:var(--text-2);margin-top:2px;font-size:13.5px;line-height:1.5;display:block}.spread-tips{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:36px;display:grid}.spread-tips .lens p{font-size:13.5px}.asks{margin-top:44px}.asks h2{margin-top:0}.yes-no{background:var(--surface);border:1px solid var(--border);--v:var(--sky);border-radius:18px;margin-top:16px;padding:20px 24px;position:relative}.yes-no[data-verdict=yes]{--v:var(--butter)}.yes-no[data-verdict=no]{--v:var(--lilac)}.yes-no:before{content:"";inset-inline-start:0;background:var(--v);border-start-start-radius:18px;border-end-start-radius:18px;width:3px;position:absolute;top:0;bottom:0}.yes-no h3{margin-top:0}.yes-no p{color:var(--text);opacity:.9;font-size:15.5px}.yes-no .verdict{font-family:var(--font-serif);color:var(--v);margin-inline-end:4px;font-size:22px;font-style:italic;font-weight:500}.yes-no p.aside{color:var(--text-3);opacity:1;margin-bottom:0;font-size:13px}.ask-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;display:grid}.ask-grid .lens h3{text-transform:none;letter-spacing:0;color:var(--text);font-size:14px;font-weight:600}.confused{margin-top:44px}.confused ul{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.confused li{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:minmax(0,250px) 1fr;align-items:center;gap:16px;padding-block:10px;padding-inline:10px 14px;display:grid}.confused li a{align-items:center;gap:12px;text-decoration:none;display:flex}.confused li img{width:40px;height:auto;box-shadow:var(--shadow-card);border-radius:4px;flex:none}.confused li b{font-family:var(--font-serif);font-size:16px;font-weight:500;line-height:1.25}.confused li a:hover b{color:var(--suit-text)}.confused li span{color:var(--text-2);font-size:13.5px;line-height:1.5}.in-spread{margin-top:44px}.in-spread .spread-tile{grid-template-columns:130px 1fr;align-items:center;gap:20px;max-width:620px;margin-top:14px;display:grid}.hub-nav{flex-wrap:wrap;gap:8px;margin:0 0 22px;display:flex}.hub-nav a{border:1px solid var(--border);background:var(--surface);color:var(--text-2);transition:color var(--t), border-color var(--t), background var(--t);border-radius:999px;align-items:center;gap:8px;padding-block:8px;padding-inline:12px 14px;font-size:13.5px;text-decoration:none;display:inline-flex}.hub-nav a:hover{color:var(--text);border-color:var(--suit);background:color-mix(in srgb, var(--suit) 10%, var(--surface))}.hub-nav .suit-dot{margin:0}.guide-nav{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 22px;display:flex}.guide-nav span{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-inline-end:4px;font-size:11.5px;font-weight:600}.guide-nav a{border:1px solid var(--border);background:var(--surface);color:var(--text-2);transition:color var(--t), border-color var(--t);border-radius:999px;padding:7px 13px;font-size:13.5px;text-decoration:none}.guide-nav a:hover{color:var(--text);border-color:var(--pink)}.hub>.hub-nav{border-top:1px solid var(--border);margin-top:48px;padding-top:22px}.suit-head h2 a{text-decoration:none}.suit-head h2 a:hover{color:var(--suit-text)}.suit-head .hub-link{white-space:nowrap;color:var(--suit-text);border-bottom:1px solid color-mix(in srgb, var(--suit) 40%, transparent);text-decoration:none}.hub .hero p:not(.lead){max-width:66ch}.hub-facts{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:0;display:grid}.hub-facts div{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.hub-facts dt{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-size:11.5px;font-weight:600}.hub-facts dd{color:var(--text);margin:5px 0 0;font-size:14px;line-height:1.45}.hub-group{margin-top:44px}.hub-group h2{align-items:center;gap:10px;display:flex}.hub-group h2:before{content:"";background:var(--suit);width:9px;height:9px;box-shadow:0 0 10px var(--suit);border-radius:50%}.hub-group h2 a{text-decoration:none}.hub-grid{margin-top:18px}.card-grid .card-line{color:var(--text-2);margin-top:4px;font-size:12.5px;line-height:1.45;display:block}.example{margin-top:44px}.example-q{font-family:var(--font-serif);font-size:19px;font-style:italic;color:var(--text)!important}.example-cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:16px 0;padding:0;list-style:none;display:grid}.example-cards a{border:1px solid var(--border);background:var(--surface);transition:border-color var(--t);border-radius:14px;align-items:center;gap:12px;padding-block:8px;padding-inline:8px 12px;text-decoration:none;display:flex}.example-cards a:hover{border-color:var(--suit)}.example-cards img{width:40px;height:auto;box-shadow:var(--shadow-card);border-radius:4px;flex:none}.example-cards img.reversed{transform:rotate(180deg)}.example-cards small{color:var(--text-3);letter-spacing:.04em;font-size:11.5px;display:block}.example-cards b{font-family:var(--font-serif);font-size:15.5px;font-weight:500}.example-cards em{color:var(--lilac);font-size:11.5px;font-style:normal;display:block}.daily-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;grid-template-columns:minmax(200px,300px) 1fr;align-items:center;gap:clamp(24px,5vw,60px);padding:clamp(18px,3vw,32px);display:grid}.daily-art{display:block}.daily-art img{width:100%;height:auto;box-shadow:var(--shadow-lift);border-radius:12px;display:block}.daily-back{aspect-ratio:500/863;background:url(/sky.jpg) center / 200px 200px repeat, linear-gradient(160deg, var(--lilac), var(--pink));background-image:image-set(url(/sky-1040.avif) type("image/avif"), url(/sky-1040.webp) type("image/webp"), url(/sky.jpg) type("image/jpeg")), linear-gradient(160deg, var(--lilac), var(--pink));box-shadow:var(--shadow-lift), inset 0 0 0 6px #ffffff2e;border-radius:12px}.daily-text h2{margin-top:0;font-size:clamp(30px,4vw,44px);font-style:italic}.daily-text .essence{max-width:36ch}.guide-body{max-width:72ch}.guide-body h2{margin-top:40px}.guide-body p{font-size:16px}.guide-body section+section{margin-top:8px}.guide-faq .spread-tips{margin-top:16px}.guide-faq .lens h3{text-transform:none;letter-spacing:0;color:var(--text);font-size:15px;font-weight:600;line-height:1.35}.read-next{border-top:1px solid var(--border);margin-top:48px;padding-top:24px}.read-next h2{margin-top:0}.read-next-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:10px;display:grid}.read-next-grid h3{margin-top:0}.read-next ul{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.read-next-cards li a,.read-next-list li a{border:1px solid var(--border);background:var(--surface);transition:border-color var(--t), transform var(--t) var(--ease);border-radius:12px;align-items:center;gap:12px;padding:8px 10px;text-decoration:none;display:flex}.read-next li a:hover{border-color:var(--border-strong);transform:translateY(-2px)}.read-next-cards img{width:40px;height:auto;box-shadow:var(--shadow-card);border-radius:4px;flex:none}.read-next-cards b,.read-next-list b{font-family:var(--font-serif);font-size:16px;font-weight:500;line-height:1.25;display:block}.read-next-list small{color:var(--text-3);margin-top:2px;font-size:12.5px;line-height:1.4;display:block}.read-next-list.plain li a{padding:10px 14px;font-size:15px}.spread-art.mini{aspect-ratio:auto;border-radius:10px;flex:none;width:56px;height:56px;padding:6px}.guide-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.guide-list li a{border:1px solid var(--border);background:var(--surface);color:var(--text);transition:border-color var(--t), transform var(--t) var(--ease), box-shadow var(--t);border-radius:18px;grid-template-columns:56px 1fr;align-items:start;gap:18px;padding:20px 22px;text-decoration:none;display:grid}.guide-list li a:hover{border-color:var(--pink);box-shadow:var(--shadow-panel);transform:translateY(-3px)}.guide-num{font-family:var(--font-serif);color:var(--pink);font-size:40px;font-style:italic;line-height:1}.guide-text{gap:6px;display:grid}.guide-text .kicker{margin-bottom:0}.guide-text strong{font-family:var(--font-serif);font-size:22px;font-weight:500;line-height:1.2}.guide-text>span:last-child{color:var(--text-2);font-size:14.5px;line-height:1.55}.about .hub-facts{margin-bottom:8px}.about-github{margin-top:32px}.about-github a{border-bottom:1px solid var(--border-strong);text-decoration:none}.rev-note a{color:var(--text-2)}@media (max-width:900px){.card-layout{grid-template-columns:minmax(220px,280px) 1fr}.lenses,.ask-grid,.spread-layout{grid-template-columns:1fr}.spread-stage{position:static}.stage-numeral{font-size:110px;top:-20px}}@media (max-width:480px){.site-brand .logo-word{display:none}}@media (max-width:640px){.hero{grid-template-columns:1fr}.hero-fan{display:none}.guide-list li a{grid-template-columns:1fr;gap:8px;padding:16px}.guide-num{font-size:28px}.finder-bar{top:66px}.suit-head{grid-template-columns:1fr;gap:6px;padding:20px}.suit-index{font-size:40px}.suit-glyph{display:none}.spread-list-page.big{grid-template-columns:1fr}.spread-list-page.big .spread-tile{grid-template-columns:104px 1fr;gap:14px;padding:14px}.card-layout{grid-template-columns:1fr}.card-side{max-width:300px;margin:0 auto;position:static;overflow:clip}.orient{grid-template-columns:1fr}.site-head nav a:not(.site-cta):not(.lang-switch){display:none}.pager{grid-template-columns:1fr}.confused li{grid-template-columns:1fr;gap:6px}.in-spread .spread-tile{grid-template-columns:96px 1fr;gap:14px}.daily-card{grid-template-columns:1fr}.site-head nav{gap:2px}.site-head nav a.site-cta{white-space:nowrap}.site-head nav a.lang-switch{padding:7px 10px}.daily-art{max-width:240px;margin:0 auto}.stage-numeral{top:-34px;opacity:.06;font-size:96px;inset-inline-end:-4px}.pager a[rel=next]{text-align:start;flex-direction:row}}html:lang(ar) body *{letter-spacing:normal}html:lang(ar) .site-main h1{line-height:1.35}html:lang(ar) .site-main p,html:lang(ar) .positions small,html:lang(ar) .confused li span{line-height:1.85}html:lang(ar) .card-grid .card-name{line-height:1.5}html:lang(ar) body{font-size:16px}:lang(ar) a[hreflang=en]:not(.lang-switch):not(.site-brand):after{content:"EN";border:1px solid var(--border-strong);font:600 9.5px/1 var(--font-ui);letter-spacing:.06em;color:inherit;opacity:.6;vertical-align:2px;border-color:currentColor;border-radius:5px;margin-inline-start:6px;padding:2px 5px 1px;text-decoration:none;display:inline-block}:lang(ar) :is(.card-grid a,.related a,.daily-art,.spread-tile)[hreflang=en]:after{top:8px;color:#fff;opacity:.85;z-index:1;background:#1b1833b3;margin:0;position:absolute;inset-inline-end:8px}.spread-tile,.daily-art{position:relative}.not-found+.not-found{border-top:1px solid var(--border);margin-top:28px;padding-top:22px}.not-found:lang(ar) h1{letter-spacing:normal;font-style:normal;line-height:1.35}.offer .hub-facts{margin-bottom:8px}.offer-list{gap:10px;margin:12px 0 0;padding-inline-start:0;list-style:none;display:grid}.offer-list li{color:var(--text-2);padding-inline-start:22px;font-size:16px;line-height:1.6;position:relative}.offer-list li:before{content:"✦";inset-inline-start:0;color:var(--pink);font-size:11px;position:absolute;top:2px}.offer-steps{gap:12px;margin:14px 0 0;padding:0;list-style:none;display:grid}.offer-steps li{grid-template-columns:34px 1fr;align-items:start;gap:14px;display:grid}.offer-steps .num{background:var(--surface-2);width:30px;height:30px;color:var(--text);font-family:var(--font-serif);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-style:italic;display:inline-flex}.offer-steps b{font-family:var(--font-serif);color:var(--text);font-size:18px;font-weight:500;display:block}.offer-steps p{margin:4px 0 0}.order-note{color:var(--text-3);font-size:13.5px}.order-failed{color:var(--danger,#e5715f)}.order-form{background:var(--surface);border:1px solid var(--border);border-radius:18px;gap:16px;max-width:640px;margin-top:16px;padding:22px 24px;display:grid}.order-form label{gap:6px;display:grid}.order-form label>span{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-size:11.5px;font-weight:600}.order-form small{color:var(--text-3);font-size:12.5px;line-height:1.45}.order-form input:not([type=checkbox]),.order-form textarea,.order-form select{border:1px solid var(--border-strong);background:var(--surface-2);width:100%;color:var(--text);font:inherit;transition:border-color var(--t), box-shadow var(--t);border-radius:10px;padding:10px 12px;font-size:15px}.order-form input:focus-visible,.order-form textarea:focus-visible,.order-form select:focus-visible{border-color:var(--pink);box-shadow:0 0 0 3px rgba(var(--orange-rgb), .22);outline:none}.order-form textarea{resize:vertical;min-height:96px}.order-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.order-consent{grid-template-columns:auto 1fr;align-items:start;gap:10px!important}.order-consent input{accent-color:var(--pink);margin-top:3px}.order-consent span{line-height:1.5;letter-spacing:0!important;text-transform:none!important;color:var(--text-2)!important;font-size:13.5px!important;font-weight:400!important}.order-trap{opacity:0;width:1px;height:1px;position:absolute;inset-inline-start:-9999px}.order-form .btn[disabled]{opacity:.55;cursor:default;box-shadow:none;transform:none}.pack{background:var(--surface);border:1px solid var(--border);border-radius:22px;margin-top:52px;padding:clamp(22px,3vw,34px);position:relative;overflow:hidden}.pack:after{content:"";inset-inline-end:-80px;background:radial-gradient(circle, rgba(var(--orange-rgb), .28), transparent 70%);filter:blur(30px);pointer-events:none;border-radius:50%;width:280px;height:280px;position:absolute;top:-80px}.pack h2{margin-top:0}.pack .lead,.pack .offer-list{max-width:60ch}.offer-line{color:var(--text-3);margin-top:14px;font-size:13.5px}.offer-line a{color:var(--text-2);border-bottom:1px solid var(--border-strong);transition:color var(--t), border-color var(--t);text-decoration:none}.offer-line a:hover{color:var(--text);border-color:var(--pink)}@media (max-width:640px){.order-row{grid-template-columns:1fr}.order-form{padding:16px}}.daily-signup{margin-top:18px}.daily-signup p{max-width:60ch}.daily-signup small{color:var(--text-3);margin-top:10px;font-size:12.5px;line-height:1.45;display:block}.daily-signup small a{color:var(--text-2);text-decoration:none}.signup-form{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.signup-form input[type=email]{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font:inherit;transition:border-color var(--t), box-shadow var(--t);border-radius:999px;flex:240px;padding:10px 14px;font-size:15px}.signup-form input[type=email]:focus-visible{border-color:var(--pink);box-shadow:0 0 0 3px rgba(var(--orange-rgb), .22);outline:none}.signup-form .btn[disabled]{opacity:.55;cursor:default;box-shadow:none;transform:none}.signup-note{color:var(--text-2);margin-top:10px!important;font-size:13.5px!important}
