/* Таро: колода, веер, расклады */
.tile .thumb:has(img[src*="m/taro/cards/"]){height:230px;background:radial-gradient(circle,rgba(255,255,255,.18),rgba(0,0,0,.15))}
.tile .thumb img[src*="m/taro/cards/"]{object-fit:contain;padding:8px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}
.t-ask{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}
.t-ask label{flex:1 1 280px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--mu);font-weight:600}
.t-count{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--mu);font-weight:600}
.chip.on{background:var(--grad);color:#120d24;border-color:transparent}
.t-status{text-align:center;font:600 22px var(--serif);margin:6px 0 10px;min-height:32px}
.t-status b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.shuf{position:relative;height:230px;display:grid;place-items:center}
.shuf .sc{position:absolute;width:96px;height:164px;border-radius:12px;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 24px rgba(0,0,0,.5);animation:riffle 0.9s ease-in-out infinite alternate}
.backc,.fcard .backf,.sc,.slot .empty{background:radial-gradient(circle at 50% 50%,rgba(255,215,120,.55) 0 5%,transparent 6%),repeating-conic-gradient(from 0deg,#2b2f7a 0 10deg,#3a2a7e 10deg 20deg),linear-gradient(#5b2a8a,#1b2a6b)}
@keyframes riffle{0%{transform:translateX(-90px) rotate(-8deg)}50%{transform:translateX(0) rotate(2deg)}100%{transform:translateX(90px) rotate(10deg)}}
.t-fan{position:relative;margin:6px auto 0;width:100%;transition:opacity .5s,height .5s}
.t-fan.done{opacity:0;pointer-events:none;height:0!important;overflow:hidden}
.fcard{position:absolute;border-radius:9px;border:1px solid rgba(255,255,255,.45);box-shadow:0 4px 14px rgba(0,0,0,.5);cursor:pointer;transform:translateY(var(--dy)) rotate(var(--rot));transition:transform .25s,opacity .3s,filter .25s;animation:dealin .6s both}
.fcard .backf{position:absolute;inset:0;border-radius:9px}
.fcard .backf::after{content:"✦";position:absolute;inset:0;display:grid;place-items:center;font-size:18px;color:#ffd166;text-shadow:0 0 10px #ff9147}
.fcard:hover{transform:translateY(calc(var(--dy) - 16px)) rotate(var(--rot));filter:brightness(1.35) drop-shadow(0 0 10px #ff4fa8);z-index:5}
.fcard.gone{opacity:0;pointer-events:none}
@keyframes dealin{from{opacity:0;transform:translateY(60px) scale(.6)}}
.flyc{position:fixed;z-index:200;border-radius:9px;border:1px solid rgba(255,255,255,.5);transition:all .7s cubic-bezier(.3,.7,.2,1);pointer-events:none;box-shadow:0 12px 30px rgba(0,0,0,.5)}
.t-board{position:relative;margin:10px auto 6px}
.slot{position:absolute}
.slot .pcard{cursor:default}
.slot .pcard.empty{opacity:.9}
.slot .pcard.empty .backf{display:none}
.slot .pcard.empty::before{content:attr(data-n);position:absolute;inset:0;border:2px dashed rgba(255,255,255,.35);border-radius:12px;display:grid;place-items:center;font:700 26px var(--serif);color:rgba(255,255,255,.55)}
.slot .pcard.next::before{border-color:var(--te);color:var(--te);animation:pulse 1.4s infinite}
.slot .pos-label{font-size:10px;line-height:1.25;letter-spacing:.06em}
.t-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:14px 0}
.t-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:10px 0 22px;align-items:start}
.t-sum .box{margin:0;text-align:center}
.t-sum .box h4{margin:0 0 8px;color:var(--mu);font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.t-row{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:16px;margin:14px 0;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid var(--bd);animation:rise .6s both}
.t-row .ci{width:110px}
.t-row .ci img{width:100%;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.35)}
.t-row .ci img.rev{transform:rotate(180deg)}
.t-row .pl{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--te);font-weight:800}
.t-row h3{margin:2px 0 6px;font:700 24px var(--serif)}
.t-row .hint{color:var(--mu);font-size:14px}
.t-row a{color:var(--te);text-decoration:underline}
.t-row p{margin:6px 0}
@media(max-width:560px){.t-row{grid-template-columns:76px 1fr;gap:12px;padding:12px}.t-row .ci{width:76px}.t-row h3{font-size:20px}.shuf .sc{width:70px;height:120px}}
.elbar{display:flex;height:16px;border-radius:99px;overflow:hidden;margin:8px 0}
.elbar i{display:block;transition:width 1.2s}
.legend{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;justify-content:center}
.legend span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--c);margin-right:5px}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;margin:16px 0}
.cgrid a{display:block;text-align:center;font-size:13px;font-weight:700;transition:.3s}
.cgrid a img{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 20px rgba(0,0,0,.4);transition:.3s;aspect-ratio:7/12;object-fit:cover}
.cgrid a:hover img{transform:translateY(-6px) scale(1.04);box-shadow:0 14px 34px rgba(255,79,168,.4)}
.cgrid a span{display:block;margin-top:6px}
.cgrid a.hide{display:none}
.cardpage{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:28px;align-items:start;margin:10px 0 20px}
.cardpage .big{position:sticky;top:90px}
.cardpage .big img{width:100%;border-radius:16px;border:1px solid var(--bd2);box-shadow:0 0 60px rgba(255,79,168,.35),0 20px 50px rgba(0,0,0,.5)}
.cardpage .big img.flipme{cursor:pointer}
@media(max-width:760px){.cardpage{grid-template-columns:1fr}.cardpage .big{position:static;max-width:300px;margin:0 auto}}
.yn{display:flex;gap:8px;margin:8px 0}.yn span{flex:1;text-align:center;padding:9px;border-radius:12px;background:rgba(255,255,255,.08);font-weight:800;opacity:.45;border:1px solid var(--bd)}
.yn span.on{opacity:1}.yn .y.on{background:rgba(91,227,143,.25);border-color:var(--gr)}.yn .m.on{background:rgba(255,209,102,.22);border-color:var(--ye)}.yn .n.on{background:rgba(255,97,112,.25);border-color:var(--rd)}
.nbr{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}
.nbr a{display:flex;gap:12px;align-items:center;padding:12px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid var(--bd);transition:.3s}
.nbr a:hover{background:rgba(255,255,255,.14);transform:translateY(-3px)}
.nbr img{width:56px;border-radius:6px}.nbr small{color:var(--mu);display:block;font-size:12px}
.nbr a:last-child{flex-direction:row-reverse;text-align:right}
.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;max-height:420px;overflow:auto;padding:6px;border-radius:14px;background:rgba(0,0,0,.2);margin:10px 0}
.pick-grid img{width:100%;border-radius:6px;cursor:pointer;aspect-ratio:7/12;object-fit:cover;border:2px solid transparent;transition:.2s}
.pick-grid img:hover{transform:scale(1.08);border-color:var(--te)}.pick-grid img.used{opacity:.25;pointer-events:none}
.man-slots{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}
.man-slot{width:96px;text-align:center;font-size:11px;color:var(--te);font-weight:700}
.man-slot .mc{width:96px;height:164px;border:2px dashed rgba(255,255,255,.35);border-radius:10px;display:grid;place-items:center;margin-bottom:4px;position:relative;overflow:hidden;cursor:pointer}
.man-slot .mc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.man-slot .mc img.rev{transform:rotate(180deg)}
.man-slot.act .mc{border-color:var(--te);box-shadow:0 0 18px rgba(62,230,220,.5)}
.man-slot button{margin-top:3px;font-size:11px;background:rgba(255,255,255,.1);border:1px solid var(--bd);color:#fff;border-radius:8px;padding:2px 6px;cursor:pointer}
.mf-card{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-start;justify-content:center}
.mf-card canvas{width:min(320px,80vw);aspect-ratio:9/16;border-radius:18px;box-shadow:0 0 50px rgba(255,79,168,.4)}
.pg-grid{display:grid;gap:10px;justify-content:center;margin:14px 0;perspective:1000px}
.pg-grid .pcard{--w:100%;width:100%}
.pg-grid .pcard.match .face{box-shadow:0 0 22px var(--gr);border-color:var(--gr)}
.pg-top{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:10px 0}
.pg-top .kv{margin:0;display:contents}
.opt{display:block;width:100%;text-align:left;padding:14px 16px;margin:8px 0;border-radius:14px;border:1px solid var(--bd);background:rgba(255,255,255,.08);color:#fff;font:600 15px var(--sans);cursor:pointer;transition:.2s}
.opt:hover{background:rgba(255,255,255,.16)}.opt.ok{background:rgba(91,227,143,.25);border-color:var(--gr)}.opt.bad{background:rgba(255,97,112,.25);border-color:var(--rd)}
.tr-card{width:min(220px,60vw);margin:10px auto}.tr-card img{width:100%;border-radius:12px;box-shadow:0 12px 36px rgba(0,0,0,.5)}
.months{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.mon{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:12px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid var(--bd);animation:rise .6s both}
.mon img{width:90px;border-radius:8px}.mon img.rev{transform:rotate(180deg)}.mon h4{margin:0;color:var(--ye)}.mon p{font-size:13px;margin:4px 0 0}
.sp-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin:18px 0}
.sp-found{margin-top:14px}.sp-found a{display:block;padding:10px 14px;margin:6px 0;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid var(--bd)}
.sp-found a:hover{background:rgba(255,255,255,.16)}.sp-found small{color:var(--mu)}