.uc-card{--uc-kind:var(--kind-attack,#ef4f4f);--uc-deep:var(--kind-attack-deep,#9c2424);--uc-frame:max(2.5px, 4cqw);--uc-radius:max(9px, 13.5cqw);--uc-lip:max(3px, 5cqw);--uc-badge:max(24px, 34.5cqw);--uc-hang:calc(var(--uc-badge) * .2);color:#fff6e0;font-family:var(--font-duel-body), ui-rounded, system-ui, sans-serif;text-align:center;vertical-align:top;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;padding:0;line-height:1;display:inline-block;position:relative;container-type:inline-size}.uc-card[data-kind=defend]{--uc-kind:var(--kind-defend,#3f8cff);--uc-deep:var(--kind-defend-deep,#1f4fa8)}.uc-card[data-kind=heal]{--uc-kind:var(--kind-heal,#35c46f);--uc-deep:var(--kind-heal-deep,#1b7a41)}.uc-card[data-kind=ability]{--uc-kind:var(--kind-ability,#b36bff);--uc-deep:var(--kind-ability-deep,#6a2fb3)}.uc-card[data-kind=luck]{--uc-kind:var(--kind-luck,#f7b93e);--uc-deep:var(--kind-luck-deep,#b97a12)}.uc-card[data-size=tile]{--uc-hang:0px;--uc-radius:max(8px, 16cqw)}button.uc-card{cursor:pointer}button.uc-card:focus-visible{outline:none}button.uc-card:focus-visible .uc-body{outline-offset:2px;outline:3px solid #ffd25e}.uc-lift{transition:transform .16s cubic-bezier(.3,1.4,.5,1);display:block;position:absolute;inset:0}.uc-card[data-state=lifted] .uc-lift{animation:.9s ease-in-out infinite uc-pick;transform:translateY(-6px)}button.uc-card:active:not(:disabled) .uc-lift{transition-duration:70ms;animation:none;transform:translateY(4px)scale(.94)}@keyframes uc-pick{0%,to{transform:translateY(-6px)scale(1)}50%{transform:translateY(-6px)scale(1.035)}}.uc-body{top:var(--uc-hang);left:var(--uc-hang);right:0;bottom:var(--uc-lip);border:var(--uc-frame) solid var(--uc-kind);border-radius:var(--uc-radius);box-shadow:0 var(--uc-lip) 0 var(--uc-lip-color,var(--uc-deep));background:#1d1613;flex-direction:column;display:flex;position:absolute;overflow:hidden}.uc-card[data-state=lifted] .uc-body{border-color:color-mix(in srgb, var(--uc-kind) 45%, #fff);box-shadow:0 var(--uc-lip) 0 var(--uc-lip-color,var(--uc-deep)), 0 0 0 2px #fff6e0, 0 0 max(12px, 22cqw) var(--uc-kind)}.uc-card[data-state=locked] .uc-body{box-shadow:0 var(--uc-lip) 0 var(--uc-lip-color,var(--uc-deep)), 0 0 0 3px #ffd25e, 0 0 max(10px, 16cqw) #ffd25eb3}.uc-card[data-state=disabled] .uc-body{filter:saturate(.45)brightness(.62)}.uc-card[data-gilded] .uc-body:after{content:"";z-index:4;border-radius:calc(var(--uc-radius) - var(--uc-frame));pointer-events:none;border:max(1.5px,2cqw) solid #ffd25e;position:absolute;inset:0;box-shadow:inset 0 0 max(6px,8cqw) #ffd25e73}.uc-card[data-frame]{--uc-frame:max(4.5px, 7cqw);--uc-ring:max(2.5px, 3.6cqw)}.uc-ring{top:var(--uc-hang);left:var(--uc-hang);right:0;bottom:var(--uc-lip);z-index:3;padding:var(--uc-ring);border-radius:var(--uc-radius);background:var(--uc-material);-webkit-mask-composite:xor;pointer-events:none;position:absolute;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.uc-card[data-frame]:not([data-frame=lacquer]) .uc-lift:after{content:"";left:calc(50% + var(--uc-hang) / 2);bottom:calc(var(--uc-lip) + var(--uc-ring) / 2);z-index:5;background:var(--uc-gem);pointer-events:none;border:max(1.5px,1.8cqw) solid #15100d;border-radius:2px;width:max(9px,10cqw);height:max(9px,10cqw);position:absolute;transform:translate(-50%,50%)rotate(45deg)}.uc-card[data-frame=lacquer]{--uc-lip-color:#2a0907;--uc-material:linear-gradient(150deg, #8a1f19 0%, #2b0a08 34%, #a3291f 58%, #240806 82%, #6e1813 100%)}.uc-card[data-frame=lacquer] .uc-ring{box-shadow:inset 0 0 0 1px #d9a441}.uc-card[data-frame=bronze]{--uc-lip-color:#5a3112;--uc-material:linear-gradient(150deg, #ffcf9b 0%, #b06a2c 28%, #ffe0b8 50%, #8c4e1f 72%, #e09a55 100%);--uc-gem:linear-gradient(135deg, #ffe0b8, #b06a2c)}.uc-card[data-frame=silver]{--uc-lip-color:#4b5562;--uc-material:linear-gradient(150deg, #fff 0%, #a3afbd 26%, #f6f9fc 50%, #6c7786 74%, #e4ebf2 100%);--uc-gem:linear-gradient(135deg, #fff, #7fd4ff 60%, #3f8cff)}@property --uc-pearl-turn{syntax:"";inherits:false;initial-value:0deg}.uc-card[data-frame=pearl]{--uc-lip-color:#6c5d80;--uc-material:conic-gradient(from var(--uc-pearl-turn), #fff4fb, #ffc9e6, #c8e6ff, #d2ffec, #fff3cc, #e3cdff, #fff4fb);--uc-gem:radial-gradient(circle at 35% 30%, #fff, #ffd9f0 45%, #b9a3e6)}.uc-card[data-frame=pearl] .uc-ring{animation:6s linear infinite uc-pearl}.uc-card[data-frame=pearl] .uc-body{box-shadow:0 var(--uc-lip) 0 var(--uc-lip-color), 0 0 max(8px, 12cqw) #ffcdec8c}@keyframes uc-pearl{to{--uc-pearl-turn:360deg}}.uc-pic{flex:auto;min-height:0;display:block;position:relative;overflow:hidden}.uc-glow{background:radial-gradient(circle at 50% 46%, var(--uc-kind) 0%, var(--uc-deep) 58%, #1d1613 100%);position:absolute;inset:0}.uc-art{aspect-ratio:1;filter:drop-shadow(0 2px #00000059);pointer-events:none;width:84%;max-width:none;height:auto;position:absolute;top:52%;left:8%;transform:translateY(-50%)}.uc-card[data-size=tile] .uc-art{width:88%;top:50%;left:6%}.uc-card[data-rested] .uc-glow,.uc-card[data-rested] .uc-art{filter:grayscale(.85)brightness(.8)}.uc-card[data-spent] .uc-art{filter:grayscale()brightness(.5)drop-shadow(0 2px #00000059)}.uc-veil{z-index:1;height:calc(var(--cover,0) * 100%);pointer-events:none;background:#0c0907c7;transition:height .52s cubic-bezier(.3,1.25,.5,1);position:absolute;bottom:0;left:0;right:0}.uc-veil[data-partial]{border-top:2px solid #f7b93e}.uc-wait{z-index:2;font-family:var(--font-duel-display), var(--font-duel-body), system-ui, sans-serif;color:#fff;-webkit-text-stroke:max(2px, 4.5cqw) #f7b93e;paint-order:stroke fill;text-shadow:0 max(2px,4cqw) #15100d,0 0 14px #15100d;font-size:max(28px,62cqw);line-height:1;position:absolute;top:43%;left:0;right:0;transform:translateY(-50%)}.uc-burn{z-index:1;background:#0c090780;position:absolute;inset:0}.uc-strike{z-index:2;background:var(--hud-stop,#e5484d);height:max(4px,5.5cqw);position:absolute;top:46%;left:-10%;right:-10%;transform:rotate(-24deg);box-shadow:0 0 0 2px #15100d}.uc-band{z-index:3;background:var(--hud-stop-deep,#9d2327);border-top:2px solid var(--hud-stop,#e5484d);color:#fff;height:max(20px,17cqw);font-family:var(--font-duel-display), var(--font-duel-body), system-ui, sans-serif;letter-spacing:.04em;white-space:nowrap;justify-content:center;align-items:center;gap:4px;font-size:max(15px,11cqw);display:flex;position:absolute;bottom:0;left:0;right:0}.uc-band[data-band=ice]{background:var(--kind-defend-deep,#1f4fa8);border-top-color:#bfe6ff}.uc-band[data-band=auto]{background:var(--kind-ability-deep,#6a2fb3);border-top-color:var(--kind-ability,#b36bff)}.uc-band-icon{flex:none;width:max(13px,11cqw);height:max(13px,11cqw)}.uc-band-word{display:none}@container (min-width:110px){.uc-band-word{display:inline}}.uc-pill{z-index:3;color:#fff6e0;height:max(19px,17cqw);font-family:var(--font-duel-display), var(--font-duel-body), system-ui, sans-serif;background:#15100de6;border:2px solid #15100d;border-radius:999px;align-items:center;gap:1px;padding:0 max(4px,5cqw) 0 max(3px,3.5cqw);font-size:max(15px,13cqw);display:inline-flex;position:absolute;bottom:max(2px,3cqw);right:max(2px,3cqw)}.uc-pill-icon{color:#f7b93e;width:max(11px,10cqw);height:max(11px,10cqw)}.uc-plate{z-index:2;background:var(--hud-panel-2,#322822);border-top:max(2px, calc(var(--uc-frame) - 1px)) solid var(--uc-deep);flex:none;justify-content:center;align-items:center;min-height:max(30px,22cqw);padding:max(3px,3cqw) max(4px,4cqw) max(4px,4cqw);display:flex;position:relative}.uc-name{-webkit-line-clamp:2;color:#fff6e0;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:max(15px,12.5cqw);font-weight:700;line-height:1.1;display:-webkit-box;overflow:hidden}.uc-badge{z-index:5;width:var(--uc-badge);height:var(--uc-badge);background:var(--uc-kind);box-shadow:0 max(2px, 3cqw) 0 var(--uc-deep);color:#fff;border:max(2px,3cqw) solid #15100d;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.uc-card[data-rested] .uc-badge,.uc-card[data-spent] .uc-badge{background:#6b625b;box-shadow:0 max(2px,3cqw) #3d3631}.uc-num{font-family:var(--font-duel-display), var(--font-duel-body), system-ui, sans-serif;font-variant-numeric:tabular-nums;text-shadow:0 2px #00000073;font-size:max(15px,24cqw);line-height:1;transform:translateY(.04em)}.uc-badge-glyph{filter:drop-shadow(0 2px #00000073);width:58%;height:58%}.uc-kind{top:calc(var(--uc-badge) * .86);left:calc(var(--uc-badge) * .16);z-index:4;width:calc(var(--uc-badge) * .66);height:calc(var(--uc-badge) * .66);background:var(--uc-deep);color:#fff;border:2px solid #15100d;border-radius:50%;place-items:center;display:none;position:absolute}.uc-kind-glyph{width:64%;height:64%}@container (min-width:70px){.uc-kind{display:grid}}.uc-level{--uc-rarity:var(--rarity-common,#9aa3ad);top:calc(var(--uc-hang) + var(--uc-frame) + max(2px, 2.5cqw));right:calc(var(--uc-frame) + max(2px, 2.5cqw));z-index:4;color:#2a1a00;min-width:max(20px,17cqw);height:max(20px,17cqw);font-family:var(--font-duel-display), var(--font-duel-body), system-ui, sans-serif;background:linear-gradient(#ffd56a,#f7b93e 55%,#d9951c);border:2px solid #15100d;border-radius:max(6px,5cqw);place-items:center;padding:0 3px;font-size:max(15px,12.5cqw);display:grid;position:absolute;box-shadow:0 2px #b97a12}.uc-level:after{content:"";background:var(--uc-rarity);border:2px solid #15100d;border-radius:2px;width:max(9px,8cqw);height:max(9px,8cqw);position:absolute;bottom:max(-5px,-4cqw);left:max(-5px,-4cqw);transform:rotate(45deg)}.uc-card[data-rarity=rare] .uc-level{--uc-rarity:var(--rarity-rare,#3f8cff)}.uc-card[data-rarity=epic] .uc-level{--uc-rarity:var(--rarity-epic,#b36bff)}.uc-card[data-rarity=legendary] .uc-level{--uc-rarity:var(--rarity-legendary,#f7b93e)}.uc-card[data-rarity=legendary] .uc-level:after{box-shadow:inset 0 0 0 1.5px #fff6e0}.uc-lock{left:calc(50% + var(--uc-hang) / 2);z-index:6;color:#2a1a00;background:#f7b93e;border:max(2px,3cqw) solid #15100d;border-radius:50%;place-items:center;width:max(28px,40cqw);height:max(28px,40cqw);animation:.32s cubic-bezier(.2,1.6,.4,1) both uc-stamp;display:grid;position:absolute;top:54%;transform:translate(-50%,-50%);box-shadow:0 max(2px,3cqw) #b97a12}.uc-lock-icon{width:56%;height:56%}@keyframes uc-stamp{0%{opacity:0;transform:translate(-50%,-50%)scale(2.2)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.uc-card[data-unowned]{--uc-kind:#6d655d;--uc-deep:#39322c}.uc-card[data-unowned] .uc-art,.uc-card[data-unowned] .uc-badge,.uc-card[data-unowned] .uc-kind{filter:grayscale()brightness(.62)}.uc-shut{top:var(--uc-hang);left:var(--uc-hang);right:0;bottom:var(--uc-lip);z-index:6;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:max(4px,5cqw);display:flex;position:absolute}.uc-card[data-size=draft] .uc-shut,.uc-card[data-size=detail] .uc-shut{bottom:calc(var(--uc-lip) + max(30px, 22cqw))}.uc-shut-mark{color:#f1e9dc;background:radial-gradient(circle at 50% 35%,#5a514a,#2a231f 75%);border:max(2px,2.5cqw) solid #15100d;border-radius:50%;place-items:center;width:max(26px,34cqw);height:max(26px,34cqw);display:grid;box-shadow:0 max(2px,3cqw) #15100d,inset 0 0 0 max(1.5px,1.5cqw) #8d8378}.uc-shut-icon{width:52%;height:52%}.uc-shut-tag{color:#fff6e0;font-family:var(--font-duel-display), var(--font-duel-body), system-ui, sans-serif;white-space:nowrap;background:#15100de0;border:1.5px solid #f7b93e8c;border-radius:999px;padding:3px max(6px,6cqw);font-size:15px;line-height:1.1}.uc-seam{pointer-events:none;filter:drop-shadow(0 0 3px #ffd25ecc);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.uc-shine{z-index:1;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(115deg,#0000 38%,#fff0be8c 50%,#0000 62%) 0 0/260% 100%;animation:3.2s ease-in-out infinite uc-shine;position:absolute;inset:0}@keyframes uc-shine{0%{background-position:130% 0}45%,to{background-position:-30% 0}}.uc-back{vertical-align:top;flex:none;display:inline-block;position:relative;container-type:inline-size}.uc-back-body{background:repeating-linear-gradient(45deg,#f7b93e1f 0 2px,#0000 2px 11px),repeating-linear-gradient(-45deg,#f7b93e1f 0 2px,#0000 2px 11px),radial-gradient(circle at 50% 45%,#3a2d5c,#1d1613 80%);border:max(2.5px,4cqw) solid #55473d;border-radius:max(9px,13.5cqw);place-items:center;display:grid;position:absolute;inset:0 0 max(3px,5cqw);overflow:hidden;box-shadow:0 max(3px,5cqw) #15100d}.uc-back-mark{aspect-ratio:1;background:#241d19;border:max(3px,5cqw) solid #f7b93e;border-radius:50%;width:46%;position:relative;box-shadow:0 0 0 2px #15100d,0 0 14px #f7b93e66}.uc-back-mark:after{content:"";background:#f7b93e;border-radius:3px;position:absolute;inset:26%;transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.uc-lift,.uc-veil{transition:none!important}.uc-card[data-state=lifted] .uc-lift,.uc-shine,.uc-lock,.uc-ring{animation:none!important}}.gk-calm .uc-lift,.gk-calm .uc-veil{transition:none!important}.gk-calm .uc-card[data-state=lifted] .uc-lift,.gk-calm .uc-shine,.gk-calm .uc-lock,.gk-calm .uc-ring{animation:none!important}