/* Full-color painting, accurate text and ornate frame are independent layers. */
.tarot-card{aspect-ratio:3/5.1;grid-template-rows:22px minmax(0,1fr) 140px;padding:12px;border:2px solid #d6b568;border-radius:12px;background:linear-gradient(140deg,#f6e0a2,#9d7441 1%,#132236 3%,#111927 75%,#9d7441 99%);box-shadow:0 10px 30px #0007,inset 0 0 0 2px #c09a58,inset 0 0 0 5px #142234,inset 0 0 0 6px #dcb87988}.tarot-card:after{inset:6px;border-color:#dfbd76aa;border-radius:8px}.card-top{justify-content:center;gap:18px;color:#f5d596;letter-spacing:2px;font-size:10px;z-index:3}.card-top>span:nth-child(2){min-width:45px;text-align:center}.card-top>span:first-child,.card-top>span:last-child{font-size:8px}.art-window{border-radius:44% 44% 4px 4px/16% 16% 4px 4px;border:1px solid #edd092;box-shadow:0 0 0 3px #97713d55}.art-window img{object-fit:cover;object-position:50% 38%;filter:saturate(1.04)}.card-caption{padding:0;display:grid;grid-template-rows:minmax(35px,auto) minmax(0,1fr) 25px;align-items:center;justify-content:normal;gap:5px;z-index:3}.card-caption h2{background:linear-gradient(100deg,#b28f53,#f1dfb1 10%,#ead6a6 50%,#f1dfb1 90%,#b28f53);color:#2a1b15;font-size:16px!important;line-height:1.5!important;border:1px solid #b78a46;box-shadow:0 2px 8px #0007;margin:-9px -3px 0!important;padding:6px;min-height:35px;display:flex;align-items:center;justify-content:center;border-radius:3px;font-weight:600}.card-flavor{font-family:'Yu Mincho',serif;color:#e2dfdf;font-size:10px!important;line-height:1.9!important;margin:2px 9px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-rarity-label{font-family:Georgia,serif;letter-spacing:2.5px;font-size:11px;color:#f4d591;border:1px solid #be944d;border-radius:5px 5px 12px 12px;min-width:65%;justify-self:center;padding:0 15px;line-height:22px;background:linear-gradient(90deg,#101a28,#222436,#101a28);box-shadow:0 0 0 2px #101726}.card-corners{position:absolute;inset:0;pointer-events:none;z-index:5;text-align:center;color:#d7ba76;font:17px/16px serif}.card-corners:before,.card-corners:after{content:'❧';font-size:35px;line-height:1;bottom:5px;color:#d8b374}.card-corners:before{left:6px;transform:rotate(25deg)}.card-corners:after{right:6px;transform:scaleX(-1) rotate(25deg)}.tarot-card.rare{border-color:#f4c975;box-shadow:0 15px 40px #0008,0 0 0 1px #bb84e8,0 0 18px #a85de855,inset 0 0 0 2px #e9bd6d,inset 0 0 0 5px #25122d,inset 0 0 0 6px #c993e3}.tarot-card.rare .card-rarity-label{background:linear-gradient(90deg,#32114a,#563067,#32114a);color:#ffe4a5;box-shadow:0 0 8px #ca91e955}.tarot-card.ultra{border-color:#ffdda3;background:linear-gradient(135deg,#a6e3e9,#dbc4f5 18%,#6f4ea8 20%,#0e1c35 45%,#27153e 75%,#ebc67d 97%,#b9e6e2);box-shadow:0 15px 40px #0008,0 0 0 1px #acdcf1,0 0 28px #a782e85c,inset 0 0 0 2px #eed6a0,inset 0 0 0 5px #211a3c,inset 0 0 0 6px #bfb0ed}.tarot-card.ultra .art-window{border-color:#d8d7ff;box-shadow:0 0 0 3px #96c5d966}.tarot-card.ultra .card-rarity-label{color:#fff0cb;background:linear-gradient(100deg,#384985,#713a8e,#294565)}.tarot-card.ultra:after{border-image:linear-gradient(135deg,#f0dc93,#a2ebef,#d1a8ed,#ffdba6) 1}.card-back{display:flex;background:repeating-linear-gradient(45deg,#c9addc0a 0 1px,transparent 1px 10px),radial-gradient(ellipse,#46325f,#111b30 65%)}
.hero-card .tarot-card{grid-template-rows:18px minmax(0,1fr) 104px}.hero-card .card-caption{grid-template-rows:30px minmax(0,1fr) 20px}.hero-card .card-caption h2{font-size:12px!important}.hero-card .card-flavor{font-size:7px!important}.hero-card .card-rarity-label{font-size:8px;letter-spacing:1.5px;line-height:18px}.hero-card .card-top{font-size:8px}.entry .tarot-card{grid-template-rows:18px minmax(0,1fr) 104px;padding:9px;border-radius:9px}.entry .card-caption{padding:0;grid-template-rows:32px minmax(0,1fr) 20px;gap:3px}.entry .card-caption h2{font-size:11px!important;line-height:1.4!important;min-height:32px;margin:-7px -2px 0!important;padding:4px}.entry .card-flavor{font-size:8px!important;line-height:1.7!important;margin:1px 4px!important}.entry .card-rarity-label{font-size:8px;letter-spacing:1.2px;line-height:17px;padding:0 8px}.entry .card-top{font-size:8px;gap:12px}.entry .card-corners:before,.entry .card-corners:after{font-size:25px;bottom:3px}.entry .card-corners{font-size:12px}.compare-cards .tarot-card{grid-template-rows:16px minmax(0,1fr) 100px}.compare-cards .card-caption{grid-template-rows:30px minmax(0,1fr) 18px;padding:0;gap:3px}.compare-cards .card-caption h2{font-size:10px!important;min-height:30px;padding:3px;margin:-7px -2px 0!important}.compare-cards .card-flavor{font-size:7px!important;line-height:1.7!important;margin:1px 5px!important}.compare-cards .card-rarity-label{font-size:7px;line-height:16px;letter-spacing:1px}.compare-cards .card-top{font-size:7px;gap:8px}.sound-controls{max-width:1136px;margin:0 auto 15px;padding:0 24px;color:#cfc3da;font-size:12px}.sound-controls>summary{display:flex;align-items:center;justify-content:flex-end;min-height:44px;cursor:pointer;letter-spacing:1px}.sound-control-panel{display:flex;flex-wrap:wrap;gap:14px 25px;align-items:center;padding:20px 24px;border:1px solid #aa8b6855;background:#1b192ccc;border-radius:7px}.sound-control-panel label{display:flex;gap:10px;align-items:center;min-height:44px}.sound-control-panel input[type=range]{width:150px;accent-color:#d4b77f}.sound-control-panel input[type=checkbox]{width:20px;height:20px;accent-color:#d4b77f}.sound-control-panel p{flex-basis:100%;font-size:10px;margin:0;color:#b4a6c2}
@media(max-width:600px){.tarot-card{grid-template-rows:22px minmax(0,1fr) 140px}.result-card .card-caption h2{font-size:15px!important}.entry .tarot-card{grid-template-rows:16px minmax(0,1fr) 92px;padding:7px}.entry .card-caption{grid-template-rows:29px minmax(0,1fr) 18px;gap:2px}.entry .card-caption h2{font-size:9px!important;min-height:29px;margin:-6px -2px 0!important;padding:3px;line-height:1.4!important}.entry .card-flavor{font-size:6.8px!important;line-height:1.65!important;margin:0 3px!important}.entry .card-rarity-label{font-size:6px;letter-spacing:1px;line-height:15px;padding:0 6px}.entry .card-top{font-size:6px;gap:8px}.entry .card-corners:before,.entry .card-corners:after{font-size:18px}.hero-card .tarot-card{grid-template-rows:15px minmax(0,1fr) 81px}.hero-card .card-caption{grid-template-rows:26px minmax(0,1fr) 16px;gap:2px}.hero-card .card-caption h2{font-size:8px!important;min-height:26px;padding:3px;margin:-6px -2px 0!important}.hero-card .card-flavor{font-size:6px!important;line-height:1.6!important;margin:0 3px!important}.hero-card .card-rarity-label{font-size:6px;line-height:14px;padding:0 6px}.hero-card .card-top{font-size:6px;gap:8px}.sound-controls{padding:0 18px}.sound-control-panel{padding:16px;gap:10px 16px}.sound-control-panel input[type=range]{width:120px}.compare-cards .tarot-card{grid-template-rows:14px minmax(0,1fr) 88px}.compare-cards .card-caption h2{font-size:9px!important}.compare-cards .card-flavor{font-size:6px!important}.compare-cards .card-rarity-label{font-size:6px;letter-spacing:.8px}.reveal-stage .tarot-card{grid-template-rows:20px minmax(0,1fr) 125px}.reveal-stage .card-caption h2{font-size:13px!important}.reveal-stage .card-flavor{font-size:8.5px!important}.reveal-stage .card-rarity-label{font-size:9px}.reveal-stage .card-top{font-size:8px}}
@media(max-width:350px){.result-card .tarot-card{grid-template-rows:20px minmax(0,1fr) 130px}.result-card .card-caption{padding:0}.result-card .card-caption h2{font-size:13px!important}.result-card .card-flavor{font-size:9px!important}.entry .tarot-card{grid-template-rows:14px minmax(0,1fr) 85px}.entry .card-caption h2{font-size:8px!important}.entry .card-flavor{font-size:6px!important}.entry .card-rarity-label{font-size:5px}}
@media(max-height:640px) and (orientation:landscape){.reveal-stage .tarot-card{grid-template-rows:14px minmax(0,1fr) 65px}.reveal-stage .card-caption{grid-template-rows:24px minmax(0,1fr) 14px;gap:2px}.reveal-stage .card-caption h2{font-size:8px!important;min-height:24px;margin:-5px 0 0!important;padding:2px}.reveal-stage .card-flavor{font-size:5px!important;line-height:1.4!important;-webkit-line-clamp:2;margin:0 4px!important}.reveal-stage .card-rarity-label{font-size:5px;line-height:12px;padding:0 4px}.reveal-stage .card-top{font-size:5px;gap:6px}}
.tarot-card:after{background:url("assets/ui/frame-normal.svg") center/100% 100% no-repeat;inset:0;border:0;box-shadow:none}.tarot-card.rare:after{background-image:url("assets/ui/frame-rare.svg")}.tarot-card.ultra:after{background-image:url("assets/ui/frame-ultra.svg");border-image:none}.card-corners{display:none}