.trScroll{background:var(--sm-white)}.trHero{margin:8px 16px 0;padding:22px 20px;border-radius:18px;background:linear-gradient(135deg,#2b2457,#5a3f9e);color:#fff}.trHero h1{margin:0 0 4px;font-size:var(--sm-fs-h2);font-weight:800}.trHero p{margin:0;color:rgba(255,255,255,.78)}.trDrawBtn,.trHero p{font-size:var(--sm-fs-sm)}.trDrawBtn{display:inline-block;margin-top:14px;padding:9px 16px;border-radius:999px;background:#ffd84d;font-weight:800;color:#2b2457;text-decoration:none}.trSuits{display:flex;gap:6px;margin:16px 16px 0;overflow-x:auto}.trSuit{flex:none;padding:7px 14px;border-radius:999px;background:var(--sm-tile,#f6f6f4);font-size:var(--sm-fs-sm);font-weight:700;color:var(--sm-sub)}.trSuit.on{background:var(--sm-ink);color:var(--sm-yellow)}.trSuit.off{opacity:.5}.trGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 10px;margin:16px;padding:0;list-style:none}.trItem{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:var(--sm-ink);text-align:center}.trItem b{margin-top:4px;font-size:var(--sm-fs-sm);font-weight:800}.trItem small{font-size:11px;color:var(--sm-mute)}.trFace{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;aspect-ratio:7/12;padding:8% 6%;border:2px solid #e6c766;border-radius:10px;background:radial-gradient(circle at 50% 45%,rgba(255,216,77,.28),transparent 55%),linear-gradient(160deg,#2b2457,#4b3a8f 60%,#2b2457);box-shadow:0 6px 16px rgba(43,36,87,.25);color:#ffe9a6;transition:transform .6s ease}.trFace.sm{width:100%}.trFace.md{width:110px}.trFace.lg{width:120px}.trFace.rev{transform:rotate(180deg);opacity:.55}.trFaceNo{font-family:"Noto Serif KR",serif;font-size:13px;font-weight:700}.trFaceArt{font-size:30px;color:#ffd84d;text-shadow:0 0 12px rgba(255,216,77,.8)}.trFace.lg .trFaceArt{font-size:40px}.trFaceName{font-size:12px;font-weight:800;letter-spacing:.05em}.trTop{display:flex;flex-direction:column;align-items:center;padding:18px 16px 6px;text-align:center}.trTopCards{display:flex;gap:14px;margin-bottom:14px}.trTopNo{font-size:var(--sm-fs-xs);font-weight:700;color:#6b5bc4}.trTop h1{margin:4px 0 8px;font-size:var(--sm-fs-h2);font-weight:800}.trKeys{display:flex;gap:6px}.trKeys span{padding:4px 10px;border-radius:999px;background:#efeafd;font-size:var(--sm-fs-xs);font-weight:700;color:#5b4bc4}.trBody{padding:8px 16px 4px}.trBody h2{margin:22px 0 6px;font-size:var(--sm-fs-h3);font-weight:800}.trBody p{margin:0;font-size:var(--sm-fs-body);line-height:1.7;word-break:keep-all;color:var(--sm-text)}.trSummary{background:var(--sm-yellow-bg)}.trBox,.trSummary{padding:14px 16px;border-radius:14px}.trBox{background:var(--sm-tile,#f6f6f4)}.trBox b{display:block;font-size:var(--sm-fs-sm);font-weight:800;color:#5b4bc4}.trBox p+b{margin-top:10px}.trYes{display:inline-block;margin-right:4px;padding:2px 10px;border-radius:999px;background:var(--sm-ink);font-size:var(--sm-fs-sm);font-weight:800;color:var(--sm-yellow)}.trPairs>div{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}.trPairs span{width:5.5em;color:var(--sm-sub)}.trPairs a,.trPairs span{font-size:var(--sm-fs-sm);font-weight:700}.trPairs a{padding:5px 12px;border-radius:999px;background:#e9f7ee;color:#1c7c45;text-decoration:none}.trPairs a.warn{background:#fdeeee;color:#c0392b}.trFaq{margin-top:8px;padding:12px 14px;border:1px solid #ececea;border-radius:12px}.trFaq summary{font-weight:800;cursor:pointer}.trFaq p,.trFaq summary{font-size:var(--sm-fs-sm)}.trFaq p{margin-top:8px}.trSoon{margin:20px 16px;font-size:var(--sm-fs-sm);color:var(--sm-mute);text-align:center}.trCta{display:flex;flex-direction:column;gap:4px;margin:24px 16px 0;padding:16px 18px;border-radius:16px;background:var(--sm-yellow);text-decoration:none;color:var(--sm-ink)}.trCta b{font-size:var(--sm-fs-body);font-weight:800}.trCta span{font-size:var(--sm-fs-xs)}.trNav{display:flex;justify-content:space-between;margin:18px 16px 24px;font-size:var(--sm-fs-sm);font-weight:700}.trNav a{color:var(--sm-sub);text-decoration:none}.trFace.img{padding:0;overflow:hidden;background:#2b2457}.trFace.img img{display:block;width:100%;height:100%;object-fit:cover}.trFace.rev.img{opacity:1}.trTopCards figure{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0}.trTopCards figcaption{font-size:var(--sm-fs-xs);font-weight:700;color:var(--sm-sub)}.trSec{scroll-margin-top:8px}.trSec h2{display:flex;flex-direction:column;gap:2px;margin:26px 16px 0;font-size:var(--sm-fs-h3);font-weight:800}.trSec h2 small{font-size:var(--sm-fs-xs);font-weight:500;color:var(--sm-mute)}.trMore,a.trSuit{text-decoration:none}.trMore{display:block;margin:10px 16px 0;padding:14px 18px;border-radius:16px;background:linear-gradient(135deg,#2b2457,#5a3f9e);font-size:var(--sm-fs-sm);font-weight:800;color:#ffe9a6}.trCredit{margin:0 16px 18px;font-size:11px;color:var(--sm-mute)}.trCredit,.trHero.dw{text-align:center}.dwCount,.dwTopics{display:flex;gap:6px;margin:14px 16px 0}.dwCount button,.dwTopics a{flex:1;height:38px;border:1.5px solid #ececea;border-radius:999px;background:var(--sm-white);font-family:inherit;font-size:var(--sm-fs-xs);font-weight:800;color:var(--sm-sub);cursor:pointer}.dwTopics a.on{border-color:#5b4bc4;background:#efeafd;color:#5b4bc4}.dwCount button.on{border-color:var(--sm-ink);background:var(--sm-ink);color:var(--sm-yellow)}.dwGuide{margin:18px 16px 0;font-size:var(--sm-fs-body);font-weight:800;text-align:center;color:var(--sm-ink)}.dwDeck{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 16px 0;perspective:900px}.dwCard{aspect-ratio:7/12;padding:0;border:0;background:none;cursor:pointer;animation:dwIn .45s ease both}@keyframes dwIn{0%{opacity:0;transform:translateY(14px) rotate(-4deg)}to{opacity:1;transform:none}}.dwCard:not(.flip):hover .dwInner{transform:translateY(-4px)}.dwInner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.dwCard.flip .dwInner{transform:rotateY(180deg)}.dwCard.dim{opacity:.35;cursor:default}.dwBack,.dwFront{position:absolute;inset:0;backface-visibility:hidden;border-radius:10px}.dwBack{display:grid;place-items:center;border:2px solid #e6c766;background:repeating-linear-gradient(45deg,rgba(255,216,77,.08) 0 6px,transparent 6px 12px),linear-gradient(160deg,#2b2457,#4b3a8f 60%,#2b2457);box-shadow:0 6px 16px rgba(43,36,87,.25)}.dwBack i{font-size:22px;font-style:normal;color:#ffd84d;text-shadow:0 0 10px rgba(255,216,77,.8)}.dwFront{transform:rotateY(180deg)}.dwFront .trFace{width:100%;height:100%}.dwResult{margin-top:22px;animation:dwIn .5s ease .5s both}.dwRes{display:flex;gap:14px;margin:0 16px 12px;padding:14px;border:1px solid #ececea;border-radius:16px}.dwRes .trFace.md{flex:none;width:84px}.dwRes h2{margin:2px 0 6px;font-size:var(--sm-fs-h3);font-weight:800}.dwRes h2 small{font-size:var(--sm-fs-xs);font-weight:700;color:#5b4bc4}.dwRes p{margin:0;font-size:var(--sm-fs-sm);line-height:1.6;word-break:keep-all;color:var(--sm-text)}.dwRes a{margin-top:8px;font-size:var(--sm-fs-xs);color:#5b4bc4;text-decoration:none}.dwRes a,.dwSpot{display:inline-block;font-weight:800}.dwSpot{padding:2px 8px;border-radius:999px;background:var(--sm-ink);font-size:11px;color:var(--sm-yellow)}.dwAgain{display:block;width:calc(100% - 32px);height:46px;margin:4px 16px 0;border:1.5px solid var(--sm-ink);border-radius:14px;background:var(--sm-white);font-family:inherit;font-size:var(--sm-fs-body);font-weight:800;cursor:pointer}@media (prefers-reduced-motion:reduce){.dwCard,.dwResult{animation:none}.dwInner{transition:none}}.trNote{margin:14px 16px 24px;font-size:var(--sm-fs-xs);color:var(--sm-mute);text-align:center}.dwRes p,.trBody p,.trFaq p{white-space:pre-line}.trItem h3{margin:4px 0 0;font-size:var(--sm-fs-sm);font-weight:800}.trSuits{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.trSuits::-webkit-scrollbar{display:none}.trHero.trHeroImg{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:236px;margin:0;padding:24px 20px;border-radius:0;background:linear-gradient(90deg,#181434,#221a40 55%,#281e46);overflow:hidden}.trHero.trHeroImg>.trHeroArt{position:absolute;top:10%;right:-34px;height:80%;width:auto;z-index:0;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 52% 52%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 52% 52%,#000 62%,transparent 100%);pointer-events:none}.trHero.trHeroImg>:not(.trHeroArt){position:relative;z-index:1}.trHeroChip{display:inline-block;margin-bottom:8px;padding:3px 10px;border-radius:999px;background:rgba(255,216,77,.16);font-size:var(--sm-fs-xs);font-weight:800;color:#ffd84d}.trHero.trHeroImg h1{margin:0 0 6px;font-size:24px;line-height:1.3;letter-spacing:-.02em}.trHero.trHeroImg p{max-width:60%;font-size:13px;text-shadow:0 1px 6px rgba(24,20,52,.9);line-height:1.55;word-break:keep-all}a.trPromo{min-height:200px;color:#fff;text-decoration:none}.trPromoT{font-size:21px;font-weight:800;line-height:1.3;letter-spacing:-.02em}.trPromoS{margin-top:6px;font-size:13px;line-height:1.55;color:rgba(255,255,255,.78);text-shadow:0 1px 6px rgba(24,20,52,.9)}.dwTopics a{display:grid;place-items:center;text-decoration:none}