:root{--bg: #f6faf6;--panel: #fff;--text: #1e2a22;--muted: #6a786f;--line: #dbe8dd;--soft: #edf6ef;--accent: #6c8d71;--accent-strong: #4d6a53;--shadow: 0 16px 40px rgba(47, 73, 55, .08);--radius: 22px}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:radial-gradient(circle at top left,#f8fff8 0,#f6faf6 36%,#f2f7f3);color:var(--text);min-height:100vh;-webkit-tap-highlight-color:transparent}.shell{max-width:680px;margin:0 auto;padding:24px 16px 56px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.fade-in{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero{padding:28px;margin-top:20px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:linear-gradient(180deg,#7fa5862e,#7fa58605);pointer-events:none}.hero-minimal{min-height:48vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:42px 20px}.hero-minimal:after{display:none}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--accent-strong);border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:8px 14px;margin-bottom:16px}.hero h1{font-size:clamp(28px,5vw,48px);line-height:1.08;letter-spacing:-.03em;margin:0}.hero .sub{margin-top:14px;color:var(--muted);font-size:15px;line-height:1.75;max-width:480px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-actions-single{justify-content:center}button{border:0;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;font:inherit}button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55;transform:none}.btn-primary{background:var(--accent-strong);color:#fff;padding:14px 28px;border-radius:14px;box-shadow:0 12px 30px #4d6a532e;font-weight:700;font-size:16px}.btn-secondary{background:#fff;color:var(--accent-strong);padding:14px 28px;border-radius:14px;border:1px solid var(--line);font-weight:700;font-size:16px}.type-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0;max-width:400px}.type-card{background:linear-gradient(180deg,#fbfefb,#f3f8f4);border-radius:16px;padding:14px 6px;text-align:center;border:1px solid var(--line);font-size:12px}.type-card .emoji{font-size:26px;margin-bottom:4px}.type-card .name{font-weight:600;color:var(--text)}.intro-tip{text-align:center;font-size:12px;color:var(--muted);margin-top:14px}.test-wrap,.result-wrap{margin-top:22px;padding:22px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}.progress{flex:1;min-width:200px;height:10px;background:#edf3ee;border-radius:999px;overflow:hidden}.progress>span{display:block;width:0;height:100%;background:linear-gradient(90deg,#97b59c,#5b7a62);border-radius:inherit;transition:width .22s ease}.progress-text{color:var(--muted);font-size:13px;white-space:nowrap}.question-list{display:grid;gap:16px}.question{border:1px solid var(--line);border-radius:18px;padding:18px;background:linear-gradient(180deg,#fff,#fbfdfb)}.question-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;color:var(--muted);font-size:12px}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;background:var(--soft);border:1px solid var(--line);font-weight:600}.question-title{font-size:16px;line-height:1.7;white-space:pre-wrap;font-weight:600}.options{display:grid;gap:10px;margin-top:14px}.option{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--line);background:#fff;transition:border-color .16s ease,background .16s ease,transform .16s ease;cursor:pointer}.option:hover{border-color:#bcd0c1;background:#f8fcf9}.option.selected{border-color:var(--accent-strong);background:var(--soft)}.option-code{font-weight:800;color:var(--accent-strong);min-width:22px}.actions-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:6px}.hint{color:var(--muted);font-size:13px;line-height:1.7}.result-layout{display:grid;gap:18px}.result-top{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;align-items:stretch}@media (max-width: 600px){.result-top{grid-template-columns:1fr}}.poster-box,.type-box,.analysis-box,.dim-box,.radar-box,.role-box,.battle-box,.breed-box,.social-box,.hidden-box,.note-box,.compat-box{border:1px solid var(--line);border-radius:18px;padding:18px;background:linear-gradient(180deg,#fff,#fbfdfb)}.poster-box{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;overflow:hidden;position:relative;background:radial-gradient(circle at top right,#7fa58629,#7fa58600 40%),linear-gradient(180deg,#fff,#f7fbf8)}.poster-img-wrap{position:relative;width:100%;max-width:180px;margin-bottom:12px}.poster-img-wrap img{position:absolute;top:0;left:0;width:100%;height:auto;object-fit:contain;border-radius:12px;transition:opacity .7s ease}.poster-img-wrap img:first-child{position:relative}.poster-img-wrap .poster-shiny,.poster-img-wrap.shiny-show .poster-normal{opacity:0}.poster-img-wrap.shiny-show .poster-shiny{opacity:1}.poster-img-wrap.shiny-glow{animation:shinyGlow 2.2s ease-in-out infinite}@keyframes shinyGlow{0%,to{filter:drop-shadow(0 0 4px rgba(251,191,36,.3))}50%{filter:drop-shadow(0 0 18px rgba(251,191,36,.65))}}.poster-emoji{font-size:80px;margin-bottom:12px;animation:bounce 1.2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.poster-caption{color:var(--muted);font-size:14px;line-height:1.8;text-align:center}.type-kicker{font-size:12px;color:var(--accent-strong);margin-bottom:8px;letter-spacing:.06em;font-weight:600}.type-name{font-size:clamp(28px,5vw,42px);line-height:1.08;letter-spacing:-.03em;font-weight:800}.type-subname{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.8}.match{margin-top:14px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 14px;background:var(--soft);border:1px solid var(--line);color:var(--accent-strong);font-weight:700;font-size:13px}.analysis-box h3,.dim-box h3,.radar-box h3,.role-box h3,.battle-box h3,.breed-box h3,.social-box h3,.hidden-box h3,.note-box h3,.compat-box h3{font-size:16px;margin-bottom:12px;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--accent-strong)}.analysis-box h3 svg,.dim-box h3 svg,.radar-box h3 svg,.role-box h3 svg,.battle-box h3 svg,.breed-box h3 svg,.social-box h3 svg,.hidden-box h3 svg,.note-box h3 svg,.compat-box h3 svg{flex-shrink:0}.analysis-box p{margin:0;color:#304034;font-size:15px;line-height:1.9;white-space:pre-wrap}.dim-list{display:grid;gap:12px}.dim-item{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}.dim-item-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;flex-wrap:wrap}.dim-item-name{font-size:14px;font-weight:700;color:var(--text)}.dim-item-score{color:var(--accent-strong);font-weight:800;font-size:13px;white-space:nowrap}.dim-item p,.note-box p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.compat-list{display:flex;gap:10px;flex-wrap:wrap}.compat-item{flex:1;min-width:90px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 8px;text-align:center}.compat-item .ce{font-size:28px;margin-bottom:4px}.compat-item .ci{width:60px;height:60px;object-fit:contain;border-radius:8px;margin-bottom:4px}.compat-item .cn{font-size:12px;font-weight:600;color:var(--text)}.compat-item .ct{font-size:11px;color:var(--muted);margin-top:2px}.result-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}.footer-brand{text-align:center;font-size:12px;color:var(--muted);margin-top:20px}.tags-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tag{background:var(--soft);color:var(--accent-strong);font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;border:1px solid var(--line)}.awaken-box{border:1px dashed var(--accent);border-radius:14px;padding:14px;background:linear-gradient(180deg,#f8fff8,#f3f8f4);margin-bottom:16px}.awaken-box p{font-size:13px;color:var(--accent-strong);line-height:1.8;margin:0}.shiny-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;margin-bottom:8px}.radar-wrap{text-align:center}.role-box .role-title,.battle-box .battle-title,.breed-box .breed-title,.social-box .social-title{font-size:15px;font-weight:700;color:var(--accent-strong);margin-bottom:6px}.role-box .role-desc,.battle-box .battle-desc,.breed-box .breed-desc,.social-box .social-desc{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.hidden-box .hidden-pet{display:flex;align-items:center;gap:10px;margin-bottom:8px}.hidden-box .hidden-pet img{width:48px;height:48px;object-fit:contain;border-radius:8px}.hidden-box .hidden-pet .hidden-name{font-size:14px;font-weight:700}.hidden-box .hidden-pet .hidden-sim{font-size:12px;color:var(--muted)}.hidden-box .hidden-desc{font-size:13px;color:var(--muted);line-height:1.8;margin:0}@media (max-width: 600px){.shell{padding:14px 12px 42px}.hero,.test-wrap,.result-wrap{padding:16px}}.hero-bg-pets{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.bg-pet{position:absolute;width:80px;height:80px;opacity:.1;animation:floatPet 6s ease-in-out infinite}.bg-pet img{width:100%;height:100%;object-fit:contain}.bg-pet:nth-child(1){top:5%;left:5%;animation-delay:0s}.bg-pet:nth-child(2){top:15%;right:8%;animation-delay:1s;width:60px;height:60px}.bg-pet:nth-child(3){bottom:20%;left:10%;animation-delay:2s;width:70px;height:70px}.bg-pet:nth-child(4){bottom:10%;right:15%;animation-delay:3s}.bg-pet:nth-child(5){top:40%;left:3%;animation-delay:1.5s;width:55px;height:55px}.bg-pet:nth-child(6){top:35%;right:5%;animation-delay:2.5s;width:65px;height:65px}@keyframes floatPet{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}.social-proof{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;font-size:13px;color:var(--muted)}.social-proof .dot{width:8px;height:8px;background:#4ade80;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.share-btns{display:flex;gap:10px;margin-top:18px;justify-content:center;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--text);transition:all .16s ease}.share-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.share-btn.wx{background:#07c160;color:#fff;border-color:#07c160}.share-btn.wb{background:#e6162d;color:#fff;border-color:#e6162d}.share-card{display:flex;position:fixed;inset:0;background:#0009;z-index:100;justify-content:center;align-items:center;padding:20px}.share-card-inner{background:#fff;border-radius:20px;padding:24px;max-width:340px;width:100%;text-align:center;position:relative}.share-card-close{position:absolute;top:12px;right:16px;font-size:20px;cursor:pointer;color:var(--muted)}.share-card-preview{background:linear-gradient(180deg,#f8fff8,#f2f7f3);border-radius:16px;padding:20px;margin-bottom:16px;border:1px solid var(--line)}.share-card-preview .sc-name{font-size:24px;font-weight:800;color:var(--accent-strong);margin-bottom:4px}.share-card-preview .sc-type{font-size:14px;color:var(--muted);margin-bottom:12px}.share-card-preview .sc-img{width:120px;height:120px;object-fit:contain;margin:0 auto 12px;display:block}.share-card-preview .sc-quote{font-size:13px;color:var(--text);line-height:1.6;font-style:italic}.share-card-tip{font-size:12px;color:var(--muted);margin-bottom:12px}.loading-screen{position:fixed;inset:0;background:var(--bg);z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .4s ease}.loading-screen.hide{opacity:0;pointer-events:none}.loader{width:48px;height:48px;border:3px solid var(--line);border-top-color:var(--accent-strong);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:16px;font-size:14px;color:var(--muted)}.cta-box{background:linear-gradient(135deg,var(--soft),#f8fff8);border:1px dashed var(--accent);border-radius:14px;padding:16px;text-align:center;margin-top:16px}.cta-box p{margin:0 0 10px;font-size:14px;color:var(--accent-strong);font-weight:600}.debug-panel{margin-top:16px;padding:14px;border:1px dashed var(--line);border-radius:14px;background:#fff}.debug-header{font-size:12px;color:var(--muted);margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.debug-section{font-size:11px;color:var(--muted);margin-bottom:6px}.debug-btns{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.debug-btn{padding:6px 10px;font-size:12px;border-radius:8px}.reveal-overlay{position:relative;min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;background:radial-gradient(circle at 50% 38%,rgba(140,180,150,.25),transparent 55%),radial-gradient(circle at 30% 70%,rgba(180,220,190,.2),transparent 60%),linear-gradient(180deg,#f6faf6,#eef6f0);border-radius:var(--radius);border:1px solid var(--line);overflow:hidden;animation:revealFadeIn .4s ease}.reveal-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(2px 2px at 20% 30%,rgba(108,141,113,.6),transparent),radial-gradient(1px 1px at 70% 20%,rgba(108,141,113,.5),transparent),radial-gradient(2px 2px at 85% 65%,rgba(108,141,113,.5),transparent),radial-gradient(1px 1px at 15% 80%,rgba(108,141,113,.6),transparent),radial-gradient(1.5px 1.5px at 60% 85%,rgba(108,141,113,.4),transparent);animation:revealStarTwinkle 2.4s ease-in-out infinite;pointer-events:none}.reveal-orb-wrap{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:36px}.reveal-ring{position:absolute;border-radius:50%;border:2px dashed rgba(108,141,113,.55);animation:revealRingSpin 1.6s linear infinite}.reveal-ring-1{width:200px;height:200px;border-style:dashed}.reveal-ring-2{width:152px;height:152px;border-style:dotted;border-color:#8cb496b3;animation:revealRingSpin 1.1s linear infinite reverse}.reveal-ring-3{width:108px;height:108px;border:1px solid rgba(108,141,113,.4);animation:revealRingPulse 1.2s ease-in-out infinite}.reveal-egg{position:relative;width:72px;height:86px;background:linear-gradient(165deg,#fffefb,#f0e8d8 60%,#d9c8a4);border-radius:50% 50% 48% 48%/60% 60% 40% 40%;box-shadow:inset -6px -10px 18px #a0825047,inset 4px 6px 14px #ffffffb3,0 8px 22px #6c8d714d,0 0 38px #b4dcbe99;animation:revealEggBob 1.1s ease-in-out infinite}.reveal-egg:after{content:"?";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:#6c8d71d9;text-shadow:0 1px 2px rgba(255,255,255,.8);animation:revealQuestionFlicker .9s ease-in-out infinite}.reveal-text{font-size:17px;font-weight:700;color:var(--accent-strong);letter-spacing:2px;margin-bottom:8px;text-align:center}.reveal-text .reveal-dots span{display:inline-block;animation:revealDot 1.4s ease-in-out infinite}.reveal-text .reveal-dots span:nth-child(1){animation-delay:0s}.reveal-text .reveal-dots span:nth-child(2){animation-delay:.2s}.reveal-text .reveal-dots span:nth-child(3){animation-delay:.4s}.reveal-sub{font-size:13px;color:var(--muted);margin-bottom:24px;text-align:center}.reveal-progress{width:min(280px,80%);height:6px;background:#6c8d711f;border-radius:999px;overflow:hidden;position:relative}.reveal-progress-bar{position:absolute;inset:0;background:linear-gradient(90deg,var(--accent),#9bc4a3,var(--accent));background-size:200% 100%;border-radius:999px;transform-origin:left center;transform:scaleX(0);animation:revealProgress 1.2s linear forwards,revealShimmer 1s linear infinite}@keyframes revealFadeIn{0%{opacity:0}to{opacity:1}}@keyframes revealRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes revealRingPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:.4}}@keyframes revealEggBob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}@keyframes revealQuestionFlicker{0%,to{opacity:.85}50%{opacity:.4}}@keyframes revealDot{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-3px);opacity:1}}@keyframes revealProgress{to{transform:scaleX(1)}}@keyframes revealShimmer{to{background-position:-200% center}}@keyframes revealStarTwinkle{0%,to{opacity:.5}50%{opacity:1}}.reveal-fade-out{animation:revealFadeOut .45s ease forwards}@keyframes revealFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.tcg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}@media (min-width: 560px){.tcg-grid{grid-template-columns:repeat(3,1fr);gap:16px}}.tcg-card{position:relative;border-radius:14px;padding:0;cursor:default;transition:transform .18s ease,box-shadow .18s ease;--frame-grad: linear-gradient(135deg, #5e7060 0%, #90a594 22%, #cfdfd0 50%, #f6fbf5 65%, #cfdfd0 78%, #90a594 90%, #5e7060 100%);--inner-grad: linear-gradient(180deg, #fafdf7 0%, #eaf3e6 100%);--accent-color: #4d6a53;--ribbon-grad: linear-gradient(90deg, #3e5944 0%, #9bb89e 50%, #3e5944 100%);--ribbon-text: #fcfff9;--text-color: var(--text);--meta-color: var(--muted);--shadow-color: rgba(108, 141, 113, .25);background:var(--frame-grad)}.tcg-card.tcg-shiny{--frame-grad: linear-gradient(135deg, #5a3812 0%, #9a6a1c 18%, #e0b048 38%, #fff4b8 55%, #e0b048 72%, #9a6a1c 88%, #5a3812 100%);--inner-grad: linear-gradient(180deg, #1a2820 0%, #142421 50%, #0d1a18 100%);--accent-color: #f8dc88;--ribbon-grad: linear-gradient(90deg, #8a6018 0%, #f3d275 50%, #8a6018 100%);--ribbon-text: #fff7d8;--text-color: #fff5d8;--meta-color: rgba(255, 245, 216, .65);--shadow-color: rgba(180, 130, 40, .35)}.tcg-card.tcg-locked{--frame-grad: linear-gradient(135deg, #6f7672 0%, #9aa098 50%, #6f7672 100%);--inner-grad: linear-gradient(180deg, #ecedea 0%, #e1e3df 100%);--accent-color: #8a948c;--ribbon-grad: linear-gradient(90deg, #8a948c 0%, #b1b8b2 50%, #8a948c 100%);--ribbon-text: #fcfdfb;--text-color: #707870;--meta-color: #95a097;--shadow-color: rgba(120, 130, 120, .18);cursor:default}.tcg-card.tcg-mystery{--frame-grad: linear-gradient(135deg, #4a3a5e 0%, #7a5e9a 30%, #c4a4e0 50%, #7a5e9a 70%, #4a3a5e 100%);--inner-grad: linear-gradient(180deg, #f4eef9 0%, #ede2f6 100%);--accent-color: #8c6ab0;--ribbon-grad: linear-gradient(90deg, #6a4a8e 0%, #a88cc8 50%, #6a4a8e 100%);--ribbon-text: #fdfafd;--text-color: #6a4a8e;--meta-color: #9376b4;--shadow-color: rgba(122, 94, 154, .22);cursor:default}.tcg-card.tcg-mystery .tcg-card-inner:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(122,94,154,.05) 0,rgba(122,94,154,.05) 1px,transparent 1px,transparent 4px);pointer-events:none;border-radius:11px;animation:mystery-glitch 4s steps(8) infinite}@keyframes mystery-glitch{0%,88%,to{opacity:.6;transform:translate(0)}90%{opacity:.9;transform:translate(1px)}92%{opacity:.4;transform:translate(-1px)}94%{opacity:.8;transform:translate(0)}}.tcg-card.tcg-mystery .tcg-card-locked-icon{color:#8c6ab0;opacity:.7}.tcg-card.tcg-mystery .tcg-card-type{border-color:#8c6ab0}.tcg-card.tcg-normal,.tcg-card.tcg-shiny{cursor:pointer}.tcg-card.tcg-normal:hover,.tcg-card.tcg-shiny:hover{transform:translateY(-3px);box-shadow:0 14px 28px var(--shadow-color)}.tcg-card-frame{padding:3px;border-radius:14px;position:relative}.tcg-card-inner{position:relative;background:var(--inner-grad);border-radius:11px;padding:12px 10px;text-align:center;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 0 0 2px #0000001f}.tcg-card.tcg-shiny .tcg-card-inner:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff508c0f,#ffc8500f 18%,#fff08c1a 32%,#78e6960f,#50aae60f 68%,#b478e60f 82%,#ff96b40f);pointer-events:none;border-radius:11px}.tcg-card.tcg-shiny .tcg-card-inner:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(255,240,180,.04) 0,rgba(255,240,180,.04) 1px,transparent 1px,transparent 5px),repeating-linear-gradient(-45deg,rgba(255,240,180,.03) 0,rgba(255,240,180,.03) 1px,transparent 1px,transparent 7px);pointer-events:none;border-radius:11px}.tcg-card-serial{position:absolute;top:6px;left:8px;font-size:9px;font-weight:700;color:var(--accent-color);letter-spacing:.5px;z-index:2}.tcg-card-type{position:absolute;top:6px;right:8px;font-size:10px;font-weight:700;color:var(--accent-color);background:#ffffff1f;border:1px solid var(--accent-color);border-radius:8px;padding:1px 6px;z-index:2}.tcg-card.tcg-locked .tcg-card-type{border-color:#b1b8b2}.tcg-card-art{position:relative;height:92px;display:flex;align-items:center;justify-content:center;margin:8px 0 6px;z-index:1}.tcg-card-art img{max-height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.18))}.tcg-card.tcg-shiny .tcg-card-art img{filter:drop-shadow(0 0 12px rgba(255,232,150,.55)) drop-shadow(0 3px 8px rgba(0,0,0,.4))}.tcg-card-locked-icon{color:#97a098;opacity:.55}.tcg-card-ribbon{position:relative;background:var(--ribbon-grad);color:var(--ribbon-text);font-size:13px;font-weight:700;letter-spacing:.3px;padding:5px 8px;margin:0 -2px 4px;border-radius:14px;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:inset 0 1px #fff6,inset 0 -1px #0000002e,0 2px 4px #00000026;z-index:1}.tcg-card-meta{font-size:10px;color:var(--meta-color);letter-spacing:.3px;z-index:1;position:relative}.tcg-card-meta .mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-weight:700;letter-spacing:.5px}.tcg-corner{position:absolute;width:10px;height:10px;z-index:2;pointer-events:none}.tcg-corner:before,.tcg-corner:after{content:"";position:absolute;background:var(--accent-color)}.tcg-corner.tl{top:4px;left:4px}.tcg-corner.tr{top:4px;right:4px}.tcg-corner.bl{bottom:4px;left:4px}.tcg-corner.br{bottom:4px;right:4px}.tcg-corner.tl:before{top:0;left:0;width:8px;height:1px}.tcg-corner.tl:after{top:0;left:0;width:1px;height:8px}.tcg-corner.tr:before{top:0;right:0;width:8px;height:1px}.tcg-corner.tr:after{top:0;right:0;width:1px;height:8px}.tcg-corner.bl:before{bottom:0;left:0;width:8px;height:1px}.tcg-corner.bl:after{bottom:0;left:0;width:1px;height:8px}.tcg-corner.br:before{bottom:0;right:0;width:8px;height:1px}.tcg-corner.br:after{bottom:0;right:0;width:1px;height:8px}