*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Noto Serif SC",serif;background:linear-gradient(180deg,#03081a,#06122e,#03060f);min-height:100vh;color:#e8e6e3}.tpl-app{min-height:100vh}.tpl-global-starfield{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 50% -10%,#1a2e57,#0c1733 45%,#050814),radial-gradient(ellipse at 18% 22%,rgba(70,130,255,.1) 0%,transparent 46%),radial-gradient(ellipse at 82% 68%,rgba(130,95,210,.1) 0%,transparent 48%)}.tpl-star{position:absolute;background:#fff;border-radius:50%;box-shadow:0 0 5px #a5cdffe6;animation:tpl-star-twinkle var(--dur, 3s) ease-in-out infinite;animation-delay:var(--delay, 0s)}.tpl-star--big{background:#cfe3ff;box-shadow:0 0 8px #96c3ff}.tpl-star--gold{background:#ffe9a8;box-shadow:0 0 6px #ffd700e6}.tpl-star--blue{background:#b9e6ff;box-shadow:0 0 6px #7ed0ffe6}@keyframes tpl-star-twinkle{0%,to{opacity:.18;transform:scale(.55)}50%{opacity:1;transform:scale(1.25)}}.tpl-nebula{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;pointer-events:none;mix-blend-mode:screen;animation:tpl-nebula-drift 30s ease-in-out infinite}.tpl-nebula--a{width:70vw;height:70vw;top:-22vw;left:-16vw;background:radial-gradient(circle at 50% 50%,rgba(64,122,255,.5) 0%,rgba(80,110,220,.18) 45%,transparent 70%);animation-duration:32s}.tpl-nebula--b{width:64vw;height:64vw;bottom:-20vw;right:-18vw;background:radial-gradient(circle at 50% 50%,rgba(180,96,220,.4) 0%,rgba(120,80,200,.14) 46%,transparent 72%);animation-duration:36s;animation-delay:-8s}@keyframes tpl-nebula-drift{0%,to{transform:translateZ(0) scale(1);opacity:.32}50%{transform:translate3d(3vw,2vw,0) scale(1.08);opacity:.46}}.tpl-galaxy{position:absolute;top:-10%;left:-20%;width:140%;height:60%;transform:rotate(-18deg);background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.04) 38%,rgba(255,225,160,.09) 50%,rgba(255,215,0,.04) 62%,transparent 100%);filter:blur(20px);pointer-events:none;mix-blend-mode:screen;animation:tpl-galaxy-breathe 22s ease-in-out infinite}@keyframes tpl-galaxy-breathe{0%,to{opacity:.5}50%{opacity:.9}}@media(prefers-reduced-motion:reduce){.tpl-nebula,.tpl-galaxy{animation:none}.tpl-star{animation:none;opacity:.7}}@media(max-width:640px){.tpl-home{padding:18px 12px 48px!important}.tpl-topbar{flex-wrap:wrap!important;gap:8px!important}.tpl-detail{padding:14px 12px 48px!important}.tpl-search{margin:14px 0 18px!important}.tpl-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.tpl-item-name{font-size:16px!important;letter-spacing:1px!important}.tpl-detail-actions{flex-wrap:wrap!important;gap:8px!important}}.tpl-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:960px;margin:0 auto 12px;height:44px;padding:0 16px;background:#ffffff0d;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border-bottom:1px solid rgba(255,215,0,.12);border-radius:12px}.tpl-topbar .tpl-links{display:flex;align-items:center;gap:10px}.xf-div{--gold: #ffd700;--gold2: #e0b84c;--ink: #e8e6e3;--muted: #999;--muted2: #666;--line: rgba(255, 215, 0, .1);--line2: rgba(255, 215, 0, .22);--card: rgba(255, 255, 255, .04);--grad: linear-gradient(135deg, #ffe98a, #ffd700, #d4a017);max-width:960px;margin:0 auto;padding:0 16px 48px}.xf-div .page-head{text-align:center;margin:26px 0 10px}.xf-div .brand-tag{font-size:12px;color:#6b6b6b;letter-spacing:5px;margin-bottom:6px}.xf-div .main-title{font-size:34px;font-weight:700;background:linear-gradient(135deg,#ffe98a,gold,#d4a017);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:6px}.xf-div .subtitle{font-size:14px;color:#6b6b6b;letter-spacing:4px;margin-top:8px}.xf-div .card{background:#ffffff08;border:1px solid rgba(255,215,0,.12);border-radius:14px;padding:22px;margin:18px 0}.xf-div .card h2{font-size:18px;color:gold;letter-spacing:2px;margin-bottom:12px}.xf-div .field{margin:14px 0;text-align:left}.xf-div .field label{display:block;font-size:13px;color:#d4af37;letter-spacing:2px;margin-bottom:8px}.xf-div .question-input{width:100%;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,215,0,.18);border-radius:9px;color:#e8e6e3;font-family:"Noto Serif SC",serif;font-size:14px;resize:vertical;min-height:46px;box-sizing:border-box}.xf-div select.question-input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.xf-div .question-input:focus{outline:none;border-color:#ffd70080}.xf-div .btn-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:18px 0}.xf-div .btn{padding:10px 22px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;border-radius:10px;border:none;background:linear-gradient(135deg,#ffe98a,gold,#d4a017);color:#1a1408;transition:transform .2s,box-shadow .2s}.xf-div .btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffd7004d}.xf-div .btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.xf-div .btn.ghost{background:transparent;border:1px solid rgba(255,215,0,.22);color:gold;font-weight:400}.xf-div .btn.ask{background:linear-gradient(135deg,#ffd70038,#ffd70012);border:1px solid rgba(255,215,0,.6);color:gold;display:inline-flex;align-items:center;gap:7px;letter-spacing:2px}.xf-div .btn.ask:hover{border-color:gold;box-shadow:0 0 24px #ffd70042}.xf-div .btn.ask .ask-ico{font-size:15px;opacity:.9}.xf-div .btn.ask .ask-sub{font-size:11px;font-weight:400;letter-spacing:1px;opacity:.72;padding-left:6px;border-left:1px solid rgba(255,215,0,.35)}.xf-div .note{border-left:4px solid #d4af37;background:#ffd7000f;padding:10px 14px;border-radius:0 8px 8px 0;margin:12px 0;font-size:13px;color:#cfc6b8}.xf-div .disclaimer{color:#8b7530;font-size:12px;line-height:1.7;letter-spacing:1px;text-align:center;margin:14px 0}.xf-div .hist-item{background:#ffffff05;border:1px solid rgba(255,215,0,.12);border-radius:10px;padding:12px 14px;margin:8px 0;font-size:13px;color:#999}.xf-div .hist-item .h-q{color:#e8e6e3;font-size:14px;margin-bottom:4px}.xf-div .hist-item .h-cards{color:#d4af37;margin-top:4px;font-size:12px}.xf-div .hist-item .h-meta{color:#666;font-size:11px;margin-top:4px}.xf-div .hist-empty{padding:16px;text-align:center;color:#666;font-size:13px}.xf-div .spread{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:22px 0}.xf-div .spread.three .card-face{width:152px}.xf-div .spread.celtic{display:grid;grid-template-columns:repeat(4,152px);gap:14px;justify-content:center}.xf-div .spread.celtic .card-face{width:100%}.xf-div .spread.five,.xf-div .spread.six,.xf-div .spread.seven,.xf-div .spread.twelve,.xf-div .spread.grid9{display:grid;gap:14px;justify-content:center}.xf-div .spread.five{grid-template-columns:repeat(5,152px)}.xf-div .spread.six{grid-template-columns:repeat(3,152px)}.xf-div .spread.seven,.xf-div .spread.twelve{grid-template-columns:repeat(4,152px)}.xf-div .spread.grid9{grid-template-columns:repeat(3,152px)}.xf-div .spread.five .card-face,.xf-div .spread.six .card-face,.xf-div .spread.seven .card-face,.xf-div .spread.twelve .card-face,.xf-div .spread.grid9 .card-face{width:100%}.xf-div .spread-desc{color:var(--muted2);font-size:13px;text-align:center;margin:-6px 0 10px;letter-spacing:1px}.xf-div .card-face{width:178px;aspect-ratio:5/8;background:linear-gradient(160deg,#1a1710,#0e0c08);border:1px solid var(--line2);border-radius:12px;padding:14px 12px;display:flex;flex-direction:column;align-items:center;position:relative;box-shadow:0 6px 20px #00000080}.xf-div .card-face .num{position:absolute;top:8px;left:10px;font-size:12px;color:var(--gold2);letter-spacing:1px}.xf-div .card-face .pos{position:absolute;top:8px;right:10px;font-size:11px;color:var(--muted2)}.xf-div .card-face .suit-sym{font-size:3rem;margin:14px 0 6px;color:var(--gold)}.xf-div .card-face .suit-sym.red{color:#ff8a8a}.xf-div .card-face .suit-sym.black{color:#d8d8d8}.xf-div .card-face .cname{font-size:19px;color:var(--ink);font-weight:600;text-align:center;letter-spacing:1px}.xf-div .card-face .cname-en{font-size:12px;color:var(--muted2);margin-top:2px}.xf-div .card-face .kw{font-size:13px;color:var(--gold2);margin-top:8px;text-align:center;line-height:1.5}.xf-div .card-face .rune-sym{font-size:3.4rem;color:var(--gold);margin:14px 0 6px}.xf-div .card-face .clan-tag,.xf-div .card-face .color-tag{font-size:11px;color:var(--muted2);margin-top:6px}.xf-div .card-face.reversed .rev-flag{display:block}.xf-div .card-face .rev-flag{display:none;position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:11px;color:#ff9b9b;letter-spacing:2px}.xf-div .card-face img.art{width:100%;height:100%;object-fit:cover;border-radius:10px;position:absolute;top:0;right:0;bottom:0;left:0}.xf-div .card-face.puke-face{aspect-ratio:.72}.xf-div .card-face.puke-face img.art{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:8px;transform:scale(.98)}.xf-div .card-face .art-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.xf-div .card-face.reversed{transform:rotate(180deg)}.xf-div .back{width:178px;aspect-ratio:5/8;border-radius:12px;border:1px solid var(--line2);background:repeating-linear-gradient(45deg,#1a1710,#1a1710 8px,#221c10 8px,#221c10 16px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--gold);font-size:13px;letter-spacing:2px;box-shadow:0 6px 20px #00000080;animation:xfBackPulse 1.2s ease-in-out infinite}.xf-div .spread.three .back{width:152px}.xf-div .spread.celtic .back,.xf-div .spread.five .back,.xf-div .spread.six .back,.xf-div .spread.seven .back,.xf-div .spread.twelve .back,.xf-div .spread.grid9 .back{width:100%}.xf-div .back .spin{display:inline-block;font-size:2rem;line-height:1;color:var(--gold);animation:xfSpin .85s linear infinite}@keyframes xfSpin{to{transform:rotate(360deg)}}@keyframes xfBackPulse{0%,to{opacity:.72;box-shadow:0 6px 20px #00000080}50%{opacity:1;box-shadow:0 6px 26px #ffd70033}}.xf-div .spread .card-face{animation:xfFlipIn .45s ease both}@keyframes xfFlipIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.xf-div .back,.xf-div .back .spin,.xf-div .spread .card-face{animation:none}}.xf-div .readings{margin-top:4px}.xf-div .reading{background:#ffd7000a;border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:14px 0;text-align:left}.xf-div .reading .r-title{font-size:16px;color:var(--gold);letter-spacing:2px;margin-bottom:8px}.xf-div .reading .r-card{font-size:13px;color:var(--gold2);margin-bottom:8px}.xf-div .reading p{font-size:14px;color:var(--muted);line-height:1.85;margin:4px 0}.xf-div .reading .up{color:#cfe9b0}.xf-div .reading .rev{color:#ffb0b0}.xf-div .reading .yesno{font-weight:700}.xf-div .reading .r-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 8px}.xf-div .reading .r-tab{font-family:"Noto Serif SC",serif;font-size:12px;letter-spacing:1px;line-height:1;padding:7px 13px;border-radius:20px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid var(--line);color:var(--muted);transition:all .18s ease}.xf-div .reading .r-tab:hover{border-color:var(--line2);color:var(--ink)}.xf-div .reading .r-tab.active{background:var(--grad);color:#1a1408;border-color:transparent;font-weight:700;box-shadow:0 3px 10px #ffd70038}.xf-div .reading .r-panels{margin-top:2px}.xf-div .reading .r-panel{display:none}.xf-div .reading .r-panel.show{display:block;animation:xfFade .26s ease}.xf-div .reading .r-panel p{font-size:14px;color:var(--muted);line-height:1.85;margin:2px 0}@keyframes xfFade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.xf-div .combo-block{background:#ffd7000a;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:8px 0;font-size:13px;color:var(--muted);line-height:1.8}.xf-div .combo-block b{color:var(--gold)}@media(max-width:768px){.xf-div .spread.celtic{grid-template-columns:repeat(2,minmax(120px,1fr))}.xf-div .spread.five,.xf-div .spread.seven,.xf-div .spread.twelve{grid-template-columns:repeat(3,minmax(110px,1fr))}.xf-div .spread.six{grid-template-columns:repeat(2,minmax(120px,1fr))}.xf-div .spread.grid9{grid-template-columns:repeat(3,minmax(110px,1fr))}.xf-div .card-face{width:150px}}@media(max-width:640px){.xf-div .main-title{font-size:26px;letter-spacing:4px}.xf-div .card{padding:18px 16px}}@media(max-width:480px){.xf-div .spread.celtic,.xf-div .spread.five,.xf-div .spread.six,.xf-div .spread.seven,.xf-div .spread.twelve,.xf-div .spread.grid9{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.xf-div .spread.three .card-face,.xf-div .spread.three .back{width:132px}.xf-div .spread{gap:12px}}