@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-ExtraBold.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{--bg:#0b0913;--bg-2:#120e22;--panel:#ffffff0b;--panel-2:#ffffff13;--line:#d8b45a38;--gold:#d8b45a;--gold-soft:#f0dda2;--text:#ede8f7;--muted:#a79dbd;--good:#6fcf97;--bad:#e0716f;--radius:16px;--shadow:0 18px 40px -18px #000000e6}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}html,body{margin:0;padding:0}body{background:radial-gradient(900px 500px at 85% -10%, #7846c847, transparent 60%), radial-gradient(700px 500px at 5% 5%, #d8b45a1f, transparent 60%), radial-gradient(1200px 800px at 50% 120%, #3c1e6e80, transparent 65%), linear-gradient(180deg, var(--bg) 0%, #08060f 100%);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;font-family:Vazirmatn,Tahoma,system-ui,sans-serif;line-height:1.9}body:before{content:"";pointer-events:none;opacity:.5;z-index:0;background-image:radial-gradient(1px 1px at 12% 18%,#fff 50%,#0000),radial-gradient(1px 1px at 32% 72%,#fff 50%,#0000),radial-gradient(1.5px 1.5px at 58% 28%,#ffe9a8 50%,#0000),radial-gradient(1px 1px at 76% 62%,#fff 50%,#0000),radial-gradient(1px 1px at 91% 14%,#fff 50%,#0000),radial-gradient(1px 1px at 45% 88%,#fff 50%,#0000),radial-gradient(1px 1px at 68% 84%,#ffe9a8 50%,#0000),radial-gradient(1px 1px at 22% 46%,#fff 50%,#0000);position:fixed;inset:0}::selection{background:#d8b45a59}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}.wrap{z-index:1;max-width:1080px;margin:0 auto;padding:26px 18px 70px;position:relative}.top{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:26px;padding-bottom:18px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#1b1430;background:radial-gradient(circle at 30% 25%, #fff3c4, var(--gold) 55%, #8a6a1f);border-radius:50%;place-items:center;width:46px;height:46px;font-size:24px;display:grid;box-shadow:0 0 24px #d8b45a73}.brand h1{letter-spacing:.5px;margin:0;font-size:21px;font-weight:700}.brand span{color:var(--muted);letter-spacing:1px;font-size:11.5px;display:block}.top-actions{flex-wrap:wrap;gap:8px;display:flex}.btn{--btn-shadow:0 8px 20px -10px #000000b3;appearance:none;cursor:pointer;border:1px solid var(--line);background:linear-gradient(180deg, #ffffff0f, #ffffff05), var(--panel);color:var(--text);box-shadow:var(--btn-shadow), inset 0 1px 0 #ffffff12;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:600;line-height:1.6;text-decoration:none;transition:transform .16s,box-shadow .2s,border-color .2s,background .2s,color .2s,filter .2s;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";top:0;bottom:0;pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff38,#0000);width:45%;transition:inset-inline-start .45s;position:absolute;inset-inline-start:-70%;transform:skew(-18deg)}.btn:hover{background:linear-gradient(180deg, #ffffff17, #ffffff08), var(--panel-2);border-color:#d8b45a8c;transform:translateY(-2px);box-shadow:0 14px 28px -12px #000000bf,0 0 0 1px #d8b45a1f,inset 0 1px #ffffff17}.btn:hover:after{inset-inline-start:130%}.btn:active{box-shadow:var(--btn-shadow);transform:translateY(0)scale(.97)}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.btn.is-active{background:linear-gradient(180deg, #f0dda233, #d8b45a14), var(--panel);color:var(--gold-soft);border-color:#d8b45aa6;box-shadow:0 8px 20px -10px #d8b45a59,inset 0 1px #ffffff1a}.btn.primary{color:#221737;letter-spacing:.2px;background:linear-gradient(#f0dda2 0%,#dfc06a 45%,#b8892c 100%);border-color:#f7e7b8;font-weight:800;box-shadow:0 12px 28px -10px #d8b45aa6,inset 0 1px #ffffff8c,inset 0 -1px #78540a59}.btn.primary:hover{filter:brightness(1.08)saturate(1.05);border-color:#fff3c4;box-shadow:0 18px 36px -12px #d8b45abf,0 0 24px -6px #d8b45a73,inset 0 1px #fff9,inset 0 -1px #78540a59}.btn.primary:active{filter:brightness(1.02);box-shadow:0 8px 18px -10px #d8b45a99}.btn.ghost{box-shadow:none;background:0 0}.btn.ghost:hover{box-shadow:none;background:#d8b45a1a}.btn.ghost:after{display:none}.btn:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.4);box-shadow:none;transform:none}.btn:disabled:hover{border-color:var(--line);background:var(--panel)}.screen{animation:.35s both fade;display:block}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes breathe{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}.hero{text-align:center;margin:6px 0 30px}.hero h2{margin:0 0 8px;font-size:clamp(22px,4vw,32px);font-weight:800}.hero h2 em{color:var(--gold-soft);font-style:normal}.hero p{max-width:560px;color:var(--muted);margin:0 auto;font-size:14px}.hero .date{color:var(--gold);letter-spacing:1px;margin-top:12px;font-size:12px}.section-title{color:var(--gold);letter-spacing:.8px;align-items:center;gap:10px;margin:26px 0 14px;font-size:14px;font-weight:600;display:flex}.section-title:after{content:"";background:linear-gradient(90deg, var(--line), transparent);flex:1;height:1px}.section-title--flush{margin-top:0}.spread-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.spread-card{text-align:right;cursor:pointer;border-radius:var(--radius);color:inherit;font-family:inherit;font-size:inherit;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(160deg,#ffffff0e,#ffffff04);border:1px solid #ffffff14;padding:20px;transition:transform .22s,border-color .22s,box-shadow .25s,background .22s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.spread-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:0;pointer-events:none;height:2px;transition:opacity .3s;position:absolute;inset:0 0 auto}.spread-card:after{content:"";top:-70%;pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff17,#0000);width:55%;height:240%;transition:inset-inline-start .55s;position:absolute;inset-inline-start:-70%;transform:rotate(12deg)}.spread-card:hover{box-shadow:var(--shadow), 0 0 0 1px #d8b45a1a, 0 12px 32px -14px #d8b45a59;background:linear-gradient(160deg,#d8b45a17,#ffffff05);border-color:#d8b45a99;transform:translateY(-4px)}.spread-card:hover:before{opacity:1}.spread-card:hover:after{inset-inline-start:130%}.spread-card:active{transform:translateY(-1px)scale(.985)}.spread-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.spread-card .icon{width:44px;height:44px;color:var(--gold-soft);background:radial-gradient(circle at 30% 25%,#f0dda22e,#d8b45a12);border:1px solid #d8b45a4d;border-radius:13px;place-items:center;margin-bottom:12px;font-size:21px;transition:transform .25s,box-shadow .25s;display:grid;box-shadow:inset 0 1px #ffffff14}.spread-card:hover .icon{transform:scale(1.08)rotate(-3deg);box-shadow:0 0 18px -4px #d8b45a80,inset 0 1px #ffffff1f}.spread-card h3{margin:0 0 4px;font-size:15.5px}.spread-card p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.8}.spread-card .count{top:16px;color:var(--gold-soft);letter-spacing:.3px;background:#d8b45a1a;border:1px solid #d8b45a47;border-radius:99px;padding:3px 9px;font-size:10.5px;font-weight:700;position:absolute;inset-inline-end:16px}.panel{box-shadow:var(--shadow);background:linear-gradient(160deg,#ffffff0d,#ffffff04);border:1px solid #ffffff14;border-radius:20px;padding:22px}.panel+.panel{margin-top:16px}.field{margin-bottom:16px}.field label{color:var(--gold-soft);margin-bottom:7px;font-size:13px;display:block}.field textarea,.field input[type=text],.field input[type=search],.field input:not([type]){width:100%;color:var(--text);resize:vertical;background:#00000047;border:1px solid #ffffff1a;border-radius:12px;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.8;transition:border-color .18s,background .18s,box-shadow .18s}.field textarea::placeholder,.field input::placeholder{color:#a79dbdbf}.field textarea:focus,.field input:focus{background:#0000006b;border-color:#d8b45aa6;outline:none;box-shadow:0 0 0 3px #d8b45a24,0 8px 20px -12px #d8b45a59}.ency-search input[type=search]{appearance:none;padding:12px 38px 12px 14px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0dda2' stroke-width='2' stroke-linecap='round'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:17px 17px;min-height:48px;padding-inline-start:38px}.ency-search input[type=search]::-webkit-search-cancel-button{appearance:none;cursor:pointer;background:#ffffff24 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ede8f7' stroke-width='2.5' stroke-linecap='round'><line x1='6' y1='6' x2='18' y2='18'/><line x1='18' y1='6' x2='6' y2='18'/></svg>") 50%/11px no-repeat;border-radius:50%;width:20px;height:20px}.ency-search input[type=search]::-webkit-search-decoration{appearance:none;cursor:pointer;background:#ffffff24 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ede8f7' stroke-width='2.5' stroke-linecap='round'><line x1='6' y1='6' x2='18' y2='18'/><line x1='18' y1='6' x2='6' y2='18'/></svg>") 50%/11px no-repeat;border-radius:50%;width:20px;height:20px}.ency-search input[type=search]:focus{background-position:right 12px center}.hint{color:var(--muted);margin:6px 0 0;font-size:11.5px}.muted-text{color:var(--muted);margin:0 0 18px;font-size:13px}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13.5px;display:flex}.switch input{appearance:none;cursor:pointer;background:#ffffff24;border-radius:99px;flex:none;width:40px;height:22px;margin:0;transition:all .2s;position:relative}.switch input:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;right:3px}.switch input:checked{background:var(--gold)}.switch input:checked:after{right:21px}.actions-row{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.actions-row--flush{margin-top:0}.actions-row--spaced{margin-top:18px}.actions-row .btn{padding:12px 22px;font-size:14px}.spread-preview{background:#00000038;border:1px dashed #d8b45a38;border-radius:14px;gap:6px;margin:4px 0 18px;padding:14px;display:grid}.spread-preview i{background:linear-gradient(#d8b45a59,#d8b45a1f);border:1px solid #d8b45a59;border-radius:4px;height:22px;display:block}.board-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.board-head h2{margin:0 0 4px;font-size:19px}.board-head .q{color:var(--muted);max-width:520px;margin:0;font-size:13px}.board-head .q b{color:var(--gold-soft);font-weight:600}.board-scroll{scrollbar-width:thin;padding:4px 2px 12px;overflow-x:auto}.board-scroll::-webkit-scrollbar{height:6px}.board-scroll::-webkit-scrollbar-thumb{background:#d8b45a59;border-radius:99px}.board{direction:rtl;justify-content:center;gap:12px;margin:0 auto 28px;display:grid}.slot{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.slot.crossed{z-index:3;transform:translate(32%,32%)}.slot .slot-label{color:var(--muted);text-align:center;max-width:100%;min-height:17px;font-size:11px;line-height:1.5}.card{aspect-ratio:5/8;perspective:900px;cursor:pointer;filter:drop-shadow(0 10px 18px #0000008c);width:100%;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;transition:transform .28s cubic-bezier(.22,.8,.26,1),filter .28s;display:block;position:relative}.card:hover:not(:disabled){filter:drop-shadow(0 18px 28px #0009)drop-shadow(0 0 14px #d8b45a47);transform:translateY(-6px)scale(1.025)}.card:active:not(:disabled){transform:translateY(-2px)scale(.99)}.card:focus-visible{outline:2px solid var(--gold);outline-offset:5px;border-radius:14px}.card:disabled{cursor:default;opacity:1}.card.static:hover{filter:drop-shadow(0 10px 18px #0000008c);transform:none}.card-inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:14px;transition:transform .72s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.card.flipped .card-inner{transform:rotateY(180deg)}.card-side{backface-visibility:hidden;text-align:center;border:1px solid #d8b45a8c;border-radius:14px;flex-direction:column;justify-content:space-between;padding:10px 8px;display:flex;position:absolute;inset:0;overflow:hidden}.card-side:before{content:"";pointer-events:none;border:1px solid #d8b45a59;border-radius:10px;position:absolute;inset:5px}.card-back{background:repeating-linear-gradient(45deg,#d8b45a21 0 1px,#0000 1px 9px),repeating-linear-gradient(-45deg,#d8b45a1a 0 1px,#0000 1px 9px),radial-gradient(circle at 50% 38%,#785ad273 0%,#0000 55%),radial-gradient(circle at 50% 42%,#3b2b63 0%,#221942 45%,#150f2b 100%);justify-content:center;align-items:center;box-shadow:inset 0 0 0 4px #0b0913d9,inset 0 0 0 5px #d8b45a4d,inset 0 0 24px #00000080}.card-back:after{content:"";aspect-ratio:1;pointer-events:none;border:1px dashed #d8b45a66;border-radius:50%;width:58%;animation:24s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.card-back .sigil{z-index:1;aspect-ratio:1;width:52%;color:var(--gold-soft);text-shadow:0 0 16px #d8b45ae6;background:radial-gradient(circle at 50% 35%,#d8b45a38,#d8b45a0d 70%);border:1px solid #d8b45a73;border-radius:50%;place-items:center;font-size:clamp(22px,5vw,34px);animation:3.4s ease-in-out infinite breathe;display:grid;position:relative;box-shadow:0 0 22px -4px #d8b45a8c,inset 0 0 12px #d8b45a2e}.card-front{background:radial-gradient(circle at 50% 18%,#ffffff29,#0000 55%),linear-gradient(170deg,#221a3d 0%,#16112b 60%,#0f0b1e 100%);justify-content:space-between;transform:rotateY(180deg)}.card-front[data-suit=major]{background:radial-gradient(circle at 50% 15%,#d8b45a52,#0000 60%),linear-gradient(170deg,#2a2040,#14102a 70%)}.card-front[data-suit=wands]{background:radial-gradient(circle at 50% 15%,#e0623a4d,#0000 60%),linear-gradient(170deg,#33203a,#171029 70%)}.card-front[data-suit=cups]{background:radial-gradient(circle at 50% 15%,#3aa6c94d,#0000 60%),linear-gradient(170deg,#1a2740,#101326 70%)}.card-front[data-suit=swords]{background:radial-gradient(circle at 50% 15%,#9fb4c747,#0000 60%),linear-gradient(170deg,#232b3d,#12151f 70%)}.card-front[data-suit=pentacles]{background:radial-gradient(circle at 50% 15%,#4caf7d47,#0000 60%),linear-gradient(170deg,#1c2f2b,#101a1e 70%)}.corner{z-index:1;color:var(--gold-soft);letter-spacing:.8px;opacity:.95;font-size:9.5px;font-weight:600;display:block;position:relative}.corner .num{color:var(--gold);text-shadow:0 0 10px #d8b45a80;font-size:15px;font-weight:800;line-height:1.25;display:block}.card-symbol{z-index:1;filter:drop-shadow(0 0 14px #d8b45a99);align-self:center;font-size:clamp(26px,6vw,44px);line-height:1;transition:transform .4s;display:block;position:relative}.card-name{z-index:1;color:#fff;text-shadow:0 1px 4px #0009;font-size:11.5px;font-weight:700;line-height:1.4;display:block;position:relative}.card-name small{color:var(--muted);letter-spacing:.4px;direction:ltr;margin-top:1px;font-size:8px;font-weight:400;display:block}.badge-rev{top:8px;z-index:2;color:#ffb3b1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#e0716f33;border:1px solid #e0716f99;border-radius:99px;padding:2px 7px;font-size:8.5px;font-weight:700;position:absolute;inset-inline-end:8px}.card-front.rev-on{filter:saturate(.75)brightness(.94)}.card-front.rev-on .card-symbol,.card-front.rev-on .corner{transform:rotate(180deg)}.results{gap:14px;display:grid}.result-card{box-shadow:var(--shadow), inset 0 1px 0 #ffffff0d;background:linear-gradient(160deg,#ffffff0e,#ffffff04);border:1px solid #ffffff17;border-radius:18px;padding:18px;transition:border-color .2s,transform .2s,box-shadow .25s;animation:.4s both fade;position:relative}.result-card:hover{box-shadow:var(--shadow), 0 0 24px -8px #d8b45a40;border-color:#d8b45a4d}.result-head{align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.result-head .mini{filter:drop-shadow(0 0 8px #d8b45a4d);background:radial-gradient(circle at 50% 20%,#d8b45a2e,#0000 60%),linear-gradient(170deg,#2a2148,#120e26);border:1px solid #d8b45a80;border-radius:9px;flex:none;place-items:center;width:44px;height:66px;font-size:21px;display:grid;box-shadow:inset 0 0 0 3px #0b091399,inset 0 0 0 4px #d8b45a40,0 6px 14px -6px #000000b3}.result-head h4{margin:0 0 3px;font-size:15.5px}.result-head .latin{color:var(--muted);font-size:12px;font-weight:400}.result-head .sub{color:var(--muted);font-size:11.5px}.result-head .pos{color:var(--gold);letter-spacing:.4px;font-size:11px}.chip{color:var(--muted);background:#ffffff0d;border:1px solid #ffffff24;border-radius:99px;margin:0 0 5px 5px;padding:3px 9px;font-size:11px;display:inline-block}.chip.gold{color:var(--gold-soft);background:#d8b45a17;border-color:#d8b45a66}.chip.good{color:var(--good);background:#6fcf9714;border-color:#6fcf9766}.chip.bad{color:var(--bad);background:#e0716f14;border-color:#e0716f66}.chip-lg{margin:0;padding:6px 16px;font-size:15px}.verdict{margin:4px 0 10px;font-size:22px}.meter{background:#ffffff17;border-radius:99px;height:8px;margin-bottom:10px;overflow:hidden}.meter>div{background:linear-gradient(90deg,#bb8f2f,#f2dda8);border-radius:99px;height:100%;transition:width .5s}.result-text{margin:8px 0 12px;font-size:13.8px}.life-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:12px;display:grid}.life-grid>div{background:#00000038;border:1px solid #ffffff0d;border-radius:10px;padding:9px 11px;font-size:12.3px}.life-grid b{color:var(--gold);letter-spacing:.3px;margin-bottom:2px;font-size:10.5px;font-weight:600;display:block}.life-grid--wide{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.advice{border-right:3px solid var(--gold);background:linear-gradient(90deg,#d8b45a1f,#0000);border-radius:10px;padding:10px 13px;font-size:13px}.result-hint{color:var(--muted);margin:9px 0 0;font-size:11.5px}.guide-list{color:var(--muted);margin:0;padding-right:18px;font-size:13px}.guide-list li{margin-bottom:6px}code{direction:ltr;background:#ffffff12;border-radius:5px;padding:1px 5px;font-family:Cascadia Code,Consolas,monospace;font-size:.9em;display:inline-block}.history-list{gap:12px;display:grid}.history-item{cursor:pointer;background:var(--panel);width:100%;color:var(--text);font-family:inherit;font-size:inherit;text-align:right;border:1px solid #ffffff12;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:all .18s;display:flex}.history-item:hover{background:var(--panel-2);border-color:#d8b45a73;transform:translateY(-2px);box-shadow:0 10px 22px -12px #000000b3}.history-item:active{transform:translateY(0)scale(.99)}.history-item:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.history-item .t{font-size:13.5px}.history-item .d{color:var(--muted);font-size:11px;display:block}.history-item .go{color:var(--gold);white-space:nowrap;font-size:11px}.empty{text-align:center;color:var(--muted);padding:40px 16px;font-size:13px}.footnote{text-align:center;color:var(--muted);opacity:.75;margin-top:34px;font-size:11.5px}@media (max-width:720px){.wrap{padding:18px 12px 60px}.brand h1{font-size:17px}.brand span{font-size:10px}.card{border-radius:11px}.card-side{border-radius:11px;padding:7px 5px}.card-side:before{border-radius:8px;inset:4px}.btn{padding:11px 18px;font-size:14px}.card-name{font-size:8.5px}.card-name small{font-size:6.5px}.corner{font-size:8px}.card-symbol{font-size:clamp(16px,7vw,26px)}.slot .slot-label{font-size:9px}.board{gap:7px}.panel{padding:16px}.life-grid{grid-template-columns:1fr 1fr}.actions-row .btn{padding:10px 16px;font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.field-label{margin-bottom:8px;font-size:13px;font-weight:700;display:block}.mode-toggle{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mode-btn{cursor:pointer;text-align:start;color:var(--text);border:1px solid var(--line);background:var(--panel);border-radius:14px;flex-direction:column;gap:3px;padding:12px 14px;font-family:inherit;transition:border-color .2s,background .2s,transform .16s,box-shadow .2s;display:flex}.mode-btn:hover{border-color:#d8b45a80;transform:translateY(-1px)}.mode-btn.is-active{background:linear-gradient(180deg, #f0dda229, #d8b45a0d), var(--panel);border-color:#d8b45ab3;box-shadow:0 0 0 1px #d8b45a40,0 10px 24px -14px #d8b45a80}.mode-btn b{color:var(--gold-soft);font-size:14px}.mode-btn small{color:var(--muted);font-size:11.5px;line-height:1.7}.pick-positions{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.pick-pos{color:var(--muted);border:1px dashed #ffffff2e;border-radius:99px;padding:3px 12px;font-size:12px}.pick-pos.filled{color:var(--gold-soft);background:#d8b45a1a;border-style:solid;border-color:#d8b45aa6}.pick-hand-wrap{align-items:center;gap:6px;margin:8px 0 18px;display:flex}.pick-arrow{border:1px solid var(--line);background:var(--panel-2);width:38px;height:38px;color:var(--gold-soft);cursor:pointer;border-radius:50%;flex:none;font-size:22px;line-height:1;transition:border-color .18s,transform .16s}.pick-arrow:hover{border-color:#d8b45aa6;transform:scale(1.07)}.pick-hand{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#d8b45a80 transparent;cursor:grab;direction:ltr;background:radial-gradient(600px 200px at 50% 120%,#d8b45a1a,#0000 65%),#0000002e;border:1px solid #ffffff0f;border-radius:20px;flex:auto;align-items:flex-end;gap:0;min-width:0;padding:26px 28px 20px;display:flex;overflow:auto hidden}.pick-hand:active{cursor:grabbing}.pick-hand::-webkit-scrollbar{height:6px}.pick-hand::-webkit-scrollbar-thumb{background:#d8b45a73;border-radius:99px}.pick-hand::-webkit-scrollbar-track{background:0 0}.pick-card{scroll-snap-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:14px;flex:none;width:118px;margin-left:-62px;padding:0;font-family:inherit;transition:margin .2s;position:relative}.pick-card:first-child{margin-left:0}.pick-card:hover,.pick-card:focus-visible{margin-left:-30px}.pick-card.picked{margin-left:-24px}.pick-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.pick-back{aspect-ratio:2/3;box-shadow:inset 0 0 0 3px #0b09138c, var(--shadow);background:radial-gradient(circle at 50% 30%,#d8b45a29,#0000 60%),linear-gradient(170deg,#2a2148,#120e26);border:1px solid #d8b45a66;border-radius:14px;place-items:center;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative}.pick-back:before{content:"";pointer-events:none;border:1px solid #d8b45a40;border-radius:10px;position:absolute;inset:6px}.pick-card:hover .pick-back,.pick-card:focus-visible .pick-back{border-color:#d8b45ad9;transform:translateY(-16px);box-shadow:0 18px 34px -14px #000000d9,0 0 20px #d8b45a4d}.pick-card:active .pick-back{transform:translateY(-6px)scale(.98)}.pick-card.picked .pick-back{border-color:var(--gold-soft);transform:translateY(-22px);box-shadow:0 0 0 2px #d8b45ab3,0 16px 30px -14px #d8b45aa6}.pick-order{top:-8px;background:radial-gradient(circle at 30% 25%, #fff3c4, var(--gold) 55%, #8a6a1f);color:#1b1430;border-radius:50%;place-items:center;min-width:26px;height:26px;font-size:12.5px;font-weight:800;animation:.25s both fade;display:grid;position:absolute;inset-inline-end:-8px;box-shadow:0 4px 10px #00000080}.ency-controls{flex-wrap:wrap;align-items:end;gap:12px;margin:16px 0 10px;display:flex}.ency-search{flex:260px;margin:0}.ency-filters{flex-wrap:wrap;gap:7px;display:flex}.ency-filters .btn{padding:8px 14px;font-size:12.5px}.ency-count{margin:4px 0 14px}.ency-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:16px 12px;display:grid}.ency-item{flex-direction:column;align-items:center;gap:6px;display:flex}.ency-item .card{width:100%}.ency-item-name{color:var(--muted);text-align:center;font-size:11.5px;line-height:1.6}.ency-detail{margin-bottom:22px;animation:.3s both fade}.ency-detail-head{flex-wrap:wrap;gap:20px;margin-bottom:16px;display:flex}.ency-detail-card{flex:none;width:130px}.ency-detail-info{flex:260px;min-width:240px}.ency-detail-info h3{color:var(--gold-soft);margin:0 0 4px;font-size:20px}.ency-detail-info .latin{color:var(--muted);font-size:13px;font-weight:400}.ency-detail-info .sub{color:var(--muted);margin:0 0 10px;font-size:12px}.ency-detail-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.ency-detail-nav,.ency-related{flex-wrap:wrap;gap:8px;display:flex}.ency-related-btn{cursor:pointer;color:var(--text);border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:7px 13px;font-family:inherit;font-size:12.5px;transition:border-color .2s,transform .16s}.ency-related-btn:hover{border-color:#d8b45a99;transform:translateY(-1px)}.suggest-banner{background:linear-gradient(135deg,#d8b45a24,#7846c81f);border:1px solid #d8b45a73;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:14px 16px;display:flex}.suggest-banner b{color:var(--gold-soft);font-size:14px}.suggest-banner p{color:var(--muted);margin:4px 0 0;font-size:12.5px;line-height:1.8}.suggest-actions{flex-wrap:wrap;gap:8px;display:flex}.deep-panel{margin-top:18px}.transition-line{background:#ffffff08;border-inline-start:3px solid #d8b45a8c;border-radius:10px;padding:10px 12px}.deep-layer{border:1px solid var(--line);background:linear-gradient(135deg,#d8b45a14,#7846c814);border-radius:14px;margin-top:14px;padding:14px 16px;animation:.3s both fade}.deep-layer b{color:var(--gold-soft)}.pair-box{border:1px dashed #d8b45a66;border-radius:12px;margin-top:12px;padding:12px 14px}.pair-box b{color:var(--gold-soft)}.practice-box{background:#d8b45a12;border:1px solid #d8b45a47;border-radius:14px;margin-top:16px;padding:14px 16px}.practice-steps{margin:8px 0 0;padding-inline-start:22px;font-size:13.5px;line-height:2}.ency-two{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:14px;display:grid}.caution-box{background:#e0716f12;border-color:#e0716f66;margin-top:14px}.result-more{border-top:1px dashed #d8b45a4d;margin-top:12px;padding-top:10px}.result-more summary{cursor:pointer;color:var(--gold-soft);font-size:13px;font-weight:700}.ency-mode-toggle{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.pair-panel,.journey-panel{margin-bottom:18px}.pair-selects{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.pair-select{width:100%;color:var(--text);background:#00000047;border:1px solid #ffffff1a;border-radius:12px;padding:12px 14px;font-family:inherit;font-size:14px}.pair-result{margin-top:16px}.pair-cards{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:12px;display:flex}.pair-cards>div{text-align:center;width:96px;color:var(--muted);font-size:12px}.pair-plus{color:var(--gold);font-size:22px}.pair-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.journey-progress{gap:5px;margin:10px 0 16px;display:flex}.journey-progress span{background:#ffffff1a;border-radius:99px;flex:1;height:6px}.journey-progress span.seen{background:linear-gradient(90deg, var(--gold), var(--gold-soft))}.journey-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.journey-step{cursor:pointer;text-align:center;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:14px;gap:4px;padding:14px 10px;font-family:inherit;transition:border-color .18s,transform .16s;display:grid}.journey-step:hover{border-color:#d8b45a99;transform:translateY(-2px)}.journey-step.seen{border-color:#6fcf9780}.journey-num{color:var(--gold);font-size:12px}.journey-step small{color:var(--muted);font-size:11px;line-height:1.7}.journey-status{color:var(--good);font-size:11px}:root{--tap:48px;--nav-h:68px;--topbar-h:64px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}html,body{width:100%;overflow-x:hidden}body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}img,svg{max-width:100%;height:auto}button,input,textarea,select{font-family:inherit}.btn{min-height:var(--tap);touch-action:manipulation}.btn.ghost{min-height:var(--tap)}.field input,.field textarea,.pair-select,textarea,input{min-height:var(--tap);font-size:16px}.wrap{padding-top:max(22px, var(--safe-t))}.screen{max-width:1080px;margin-inline:auto}.section-title{scroll-margin-top:calc(var(--topbar-h) + 12px)}.top{z-index:50;padding:calc(10px + var(--safe-t)) max(16px, calc(50vw - 540px)) 10px;-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border-bottom:1px solid var(--line);background:linear-gradient(#0b0913eb,#0b0913c7);margin:0 calc(50% - 50vw) 22px;position:sticky;top:0}.brand-mark{flex:none}.brand-btn{cursor:pointer;color:inherit;font:inherit;text-align:start;background:0 0;border:none;margin:0;padding:0}.brand-btn h1{margin:0}.brand-text{flex-direction:column;display:flex}.top-actions .btn{min-height:44px}@media (min-width:640px) and (max-width:1024px){.spread-grid{grid-template-columns:repeat(2,1fr)!important}.wrap{padding-inline:28px}}@media (max-width:820px){:root{--nav-h:72px}.wrap{padding:calc(10px + var(--safe-t)) 14px calc(var(--nav-h) + 28px + var(--safe-b));max-width:100%}.top{padding-top:calc(8px + var(--safe-t));min-height:var(--topbar-h);margin-bottom:14px;padding-bottom:8px}.brand-mark{width:40px;height:40px;font-size:20px}.brand h1{font-size:17px;line-height:1.5}.brand span{font-size:10px}.top-actions{inset-inline:0;z-index:60;padding:6px 8px calc(6px + var(--safe-b));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);background:linear-gradient(#120e22f5,#0b0913fc);grid-template-columns:repeat(4,1fr);gap:4px;margin:0;display:grid;position:fixed;bottom:0;box-shadow:0 -8px 30px -12px #000c}.top-actions .btn{min-height:52px;box-shadow:none;border-color:#0000;border-radius:12px;flex-direction:column;gap:1px;padding:6px 4px;font-size:12px;line-height:1.6}.top-actions .btn span:first-child{font-size:18px;line-height:1.4}.top-actions .btn.is-active{color:var(--gold-soft);background:#d8b45a29;border-color:#d8b45a59}.top-actions .btn.is-active:before{content:"";background:var(--gold);border-radius:99px;width:28px;height:3px;position:absolute;top:-7px}.hero{margin-bottom:22px}.hero h2{line-height:1.6;font-size:24px!important}.hero p{font-size:13px!important}.hero .date{font-size:12px}.spread-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.spread-card{padding:16px 12px!important}.spread-card .icon{font-size:26px!important}.ency-grid{grid-template-columns:repeat(3,1fr)!important;gap:14px 10px!important}.ency-detail-head{gap:14px}.ency-detail-card{width:104px}.ency-detail-info{flex-basis:100%;min-width:0}.ency-controls{flex-direction:column;align-items:stretch}.ency-search{flex-basis:auto}.ency-filters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:6px;overflow-x:auto}.ency-filters .btn{flex:none;min-height:44px}.panel{border-radius:16px;padding:16px 14px}.board{gap:8px}.slot{min-width:86px}.life-grid,.ency-two{grid-template-columns:1fr!important}.mode-toggle{grid-template-columns:1fr}.mode-btn{min-height:56px}.pair-selects{grid-template-columns:1fr!important}.pair-cards>div{width:84px}.journey-grid{grid-template-columns:repeat(2,1fr)!important}.actions-row{gap:8px}.actions-row .btn{flex:100%}.suggest-banner{top:calc(var(--topbar-h) + 6px);z-index:20;position:sticky}.pick-hand-wrap{margin-inline:-14px;padding-inline:14px}.pick-hand{padding:20px 14px 16px}.pick-card{width:96px;margin-left:-48px}.pick-card:first-child{margin-left:0}.pick-card:hover,.pick-card:focus-visible{margin-left:-24px}.pick-card.picked{margin-left:-18px}.pick-arrow{width:44px;height:44px}.pick-order{min-width:30px;height:30px;font-size:14px}.footnote{margin-top:24px;margin-bottom:8px}}@media (max-width:480px){.wrap{padding-inline:12px}.hero h2{font-size:22px!important}.spread-grid{grid-template-columns:1fr!important}.spread-card{text-align:right;align-items:center;gap:12px;display:flex;padding:14px!important}.spread-card .icon{flex:none}.board-scroll{margin-inline:-12px;padding-inline:12px}.result-head .mini{width:38px;height:56px;font-size:18px}.result-card{padding:14px}.chip{font-size:10.5px}.ency-grid{grid-template-columns:repeat(3,1fr)!important}.journey-grid{grid-template-columns:1fr!important}.pick-card{width:88px;margin-left:-44px}.brand h1{font-size:15.5px}.brand span{display:none}}@media (min-width:1100px){.wrap{padding-inline:24px}.spread-grid{grid-template-columns:repeat(3,1fr)!important}}@media (hover:none) and (pointer:coarse){.btn:active{transform:scale(.97)}.card:hover:not(:disabled){transform:none}}@media print{body{color:#111;background:#fff}.top-actions,.btn,.footnote,.slot-label{display:none!important}.panel,.result-card{box-shadow:none;background:#fff;border-color:#ccc}.card-inner{transform:none!important}.card-side.card-back{display:none}.card-side.card-front{transform:none}}
