.dragon-type-card{--card-corner:16px;--card-border:var(--line);font:inherit;cursor:pointer;text-align:left;width:100%;height:100%;color:var(--ink);border:1px solid var(--card-border);clip-path:polygon(var(--card-corner) 0, calc(100% - var(--card-corner)) 0, 100% var(--card-corner), 100% calc(100% - var(--card-corner)), calc(100% - var(--card-corner)) 100%, var(--card-corner) 100%, 0 calc(100% - var(--card-corner)), 0 var(--card-corner));background:var(--paper);flex-direction:column;padding:0;text-decoration:none;transition:border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;container-type:inline-size}.dragon-type-card:before{z-index:1;content:"";pointer-events:none;background:linear-gradient(135deg, var(--card-border) calc(50% + 1px), transparent 0) top left, linear-gradient(225deg, var(--card-border) calc(50% + 1px), transparent 0) top right, linear-gradient(315deg, var(--card-border) calc(50% + 1px), transparent 0) bottom right, linear-gradient(45deg, var(--card-border) calc(50% + 1px), transparent 0) bottom left;background-repeat:no-repeat;background-size:var(--card-corner) var(--card-corner);position:absolute;inset:-1px}.dragon-type-card:hover:not(:disabled){--card-border:var(--ink);box-shadow:0 5px 18px #1011150b}.dragon-type-card:active:not(:disabled){box-shadow:inset 0 -2px 0 var(--red)}.dragon-type-card:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}.dragon-type-card:disabled{cursor:default}.dragon-type-metadata{isolation:isolate;color:var(--control-foreground);border-bottom:1px solid var(--line);background-color:var(--control-background);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;transition:color .22s,background-color .22s;display:flex;position:relative}.dragon-type-metadata:before{z-index:-1;opacity:1;content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000000b 1px 3px),linear-gradient(105deg,#0b0c10,#30343b 48%,#111318);transition:opacity .22s;position:absolute;inset:0}:root[data-theme=dark] .dragon-type-metadata{color:var(--ink);background-color:#101115}:root[data-theme=dark] .dragon-type-metadata .dragon-type-form-number{color:var(--ink)}.dragon-type-title-group{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.dragon-type-title-icon{width:28px;height:26px;color:var(--red);flex-shrink:0;display:block;transform:scale(1.18)}.dragon-type-title-icon svg{width:100%;height:100%;display:block}.dragon-type-form{white-space:nowrap;font-family:var(--font-control);flex-shrink:0;align-items:baseline;gap:6px;display:flex}.dragon-type-form-label{color:var(--red);letter-spacing:.06em;font-size:14px;line-height:1.25}.dragon-type-form-number{color:var(--control-foreground);font-size:clamp(20px,6.3cqi,24px);line-height:1;transition:color .22s}.dragon-type-art-frame{aspect-ratio:5/3;border-bottom:1px solid var(--line);background:#e3e7ec;display:block;position:relative;overflow:hidden}.dragon-type-art-frame:after{opacity:0;content:"";pointer-events:none;transition:opacity .5s;position:absolute;inset:0;box-shadow:inset 0 0 28px #ffb54b45}.dragon-type-graphic{object-fit:cover;width:100%;height:100%;transition:opacity .45s,transform .75s cubic-bezier(.16,1,.3,1);display:block}.dragon-type-graphic-alternate{opacity:0;clip-path:polygon(0 0,0 0,-12% 100%,0 100%);transition:opacity .45s,transform .75s cubic-bezier(.16,1,.3,1),clip-path .65s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scale(1.08)}.dragon-type-card[data-art-active=true] .dragon-type-art-frame[data-alternate-ready=true]:after{opacity:1}.dragon-type-card[data-art-active=true] .dragon-type-art-frame[data-alternate-ready=true] .dragon-type-graphic{opacity:.5;transform:scale(1.025)}.dragon-type-card[data-art-active=true] .dragon-type-art-frame[data-alternate-ready=true] .dragon-type-graphic-alternate{opacity:1;clip-path:polygon(0 0,112% 0,100% 100%,0 100%);transform:scale(1)}.dragon-type-body{flex-direction:column;flex:1;gap:10px;padding:22px 23px 21px;display:flex}.dragon-type-title{font-synthesis:none;overflow-wrap:anywhere;min-width:0;font-size:clamp(18px,6.3cqi,26px);font-weight:400;line-height:1.12;font-family:"DragonSlapper", var(--font-body);flex:1}.dragon-type-traits{color:var(--muted);font-size:17px;line-height:1.3;font-family:var(--font-body)}.dragon-type-description{border-top:2px solid var(--red);padding-top:14px;font-family:AlegreyaSans,Arial,sans-serif;font-size:20px;line-height:1.4}.dragon-type-action{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 23px;font-family:AlegreyaSans,Arial,sans-serif;display:flex}.dragon-type-action-label{font-family:inherit;font-size:18px;line-height:1.25}@media (width<=700px){.dragon-type-body{padding:21px 20px}.dragon-type-action{padding:14px 20px}}@media (prefers-reduced-motion:reduce){.dragon-type-card,.dragon-type-graphic,.dragon-type-art-frame:after{transition:none}.dragon-type-card .dragon-type-graphic,.dragon-type-card[data-art-active=true] .dragon-type-art-frame[data-alternate-ready=true] .dragon-type-graphic{transform:none}}