.deck-detail{background-color:var(--color-bg-base);color:var(--color-text-primary);gap:var(--space-12);flex-direction:column;width:100%;min-height:100vh;display:flex}.deck-detail__hero{padding:var(--hero-padding-sm) var(--content-padding-inline) var(--space-9);overflow:hidden}.deck-detail__hero-inner{align-items:center;gap:var(--space-9);max-width:var(--max-width);z-index:1;flex-direction:column;margin-inline:auto;display:flex;position:relative}.deck-detail__hero-inner:before{background:radial-gradient(closest-side, rgb(from var(--deck-color,var(--color-primary)) r g b / 22%), transparent 70%);content:"";pointer-events:none;z-index:-1;width:34rem;height:34rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[dir=rtl] .deck-detail__hero-inner:before{left:auto;right:50%;transform:translate(50%,-50%)}.deck-detail__hero-card{aspect-ratio:63/88;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 12px 40px rgb(from var(--deck-color,var(--color-primary)) r g b / 40%), 0 2px 12px #00000073;-o-object-fit:cover;object-fit:cover;flex-shrink:0;width:clamp(11rem,38vw,15rem);display:block}.deck-detail__hero-card--empty{background:linear-gradient(135deg, rgb(from var(--deck-color,var(--color-primary)) r g b / 22%), rgb(from var(--color-primary-violet) r g b / 10%));color:var(--color-primary-light);justify-content:center;align-items:center;display:flex}[dir=rtl] .deck-detail__hero-card--empty{background:linear-gradient(-135deg, rgb(from var(--deck-color,var(--color-primary)) r g b / 22%), rgb(from var(--color-primary-violet) r g b / 10%))}.deck-detail__hero-body{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.deck-detail__hero-top{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.deck-detail__eyebrow{color:var(--color-primary-light);font-size:var(--font-size-base);margin-inline-end:var(--space-2)}.deck-detail__badge{background-color:rgb(from var(--color-primary-violet) r g b / 12%);border:1px solid rgb(from var(--color-primary-violet) r g b / 30%);border-radius:var(--radius-full);color:var(--color-primary-violet);font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);padding:var(--space-2) var(--space-4);font-weight:600}.deck-detail__title{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--font-size-6xl);letter-spacing:var(--tracking-tighter);margin:0;font-weight:800;line-height:1.05}.deck-detail__provenance{color:var(--color-success);font-size:var(--font-size-sm);align-items:center;gap:var(--space-3);margin:0;font-weight:600;display:flex}.deck-detail__stats{border-top:1px solid var(--color-border);gap:var(--space-6) 0;margin:var(--space-4) 0 0;padding-top:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.deck-detail__stat{gap:var(--space-1);flex-direction:column-reverse;min-width:0;display:flex}.deck-detail__stat:nth-child(odd){padding-inline-end:var(--space-6)}.deck-detail__stat:nth-child(2n){border-inline-start:1px solid var(--color-border);padding-inline-start:var(--space-6)}.deck-detail__stat-label{color:var(--color-text-muted);font-size:var(--font-size-xs)}.deck-detail__stat-value{color:var(--color-text-primary);font-family:var(--font-heading);font-size:clamp(var(--font-size-2xl), 3.5vw, var(--font-size-4xl));font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight);margin:0;font-weight:800;line-height:1}.deck-detail__cta{margin-top:var(--space-4);align-self:flex-start}.deck-detail__section{gap:var(--space-6);max-width:var(--max-width);padding:0 var(--content-padding-inline);flex-direction:column;width:100%;margin-inline:auto;display:flex}.deck-detail__section:last-child{padding-bottom:var(--content-padding-block)}.deck-detail__basis{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.deck-detail__grid{gap:var(--space-7) var(--space-5);grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));margin:0;padding:0;list-style:none;display:grid}.deck-detail__tile{flex-direction:column;display:flex;position:relative}.deck-detail__tile-frame{aspect-ratio:63/88;background-color:var(--color-bg-inset);border:1px solid var(--color-border);border-radius:var(--radius-md);display:block;overflow:hidden}.deck-detail__tile-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.deck-detail__tile-badge{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);bottom:calc(-1 * var(--space-3));box-shadow:var(--shadow-sm);color:var(--color-text-primary);font-size:var(--font-size-xs);max-width:calc(100% - var(--space-4));padding:var(--space-1) var(--space-4);text-overflow:ellipsis;white-space:nowrap;font-weight:700;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}[dir=rtl] .deck-detail__tile-badge{left:auto;right:50%;transform:translate(50%)}.deck-detail__tile-badge--pct{background-color:var(--color-bg-elevated);border-color:rgb(from var(--color-primary) r g b / 45%);color:var(--color-primary-light)}.deck-detail__section--others{margin-top:var(--space-10)}.deck-detail__empty{padding:var(--space-10) 0}.deck-detail__table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto}.deck-detail__table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.deck-detail__th{background-color:var(--color-bg-inset);color:var(--color-text-muted);font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);padding:var(--space-4) var(--space-5);text-align:left;text-transform:uppercase;white-space:nowrap;font-weight:600}[dir=rtl] .deck-detail__th{text-align:right}.deck-detail__td{border-top:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-4) var(--space-5);text-align:left;vertical-align:middle;font-weight:400}[dir=rtl] .deck-detail__td{text-align:right}.deck-detail__col--num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}[dir=rtl] .deck-detail__col--num{text-align:left}.deck-detail__col--record{font-family:DM Mono,Fira Mono,Roboto Mono,ui-monospace,monospace}.deck-detail__col--winrate{color:var(--color-text-primary);font-weight:700}.deck-detail__tr--best .deck-detail__td{background-color:rgb(from var(--color-success) r g b / 8%)}.deck-detail__tr--worst .deck-detail__td{background-color:rgb(from var(--color-danger) r g b / 8%)}.deck-detail__tr--best .deck-detail__col--winrate{color:var(--color-success)}.deck-detail__tr--worst .deck-detail__col--winrate{color:var(--color-danger)}.deck-detail__opponent{align-items:center;gap:var(--space-4);min-width:0;display:flex}.deck-detail__opponent-art{background-color:var(--color-bg-inset);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-position:50% 20%;background-size:cover;flex-shrink:0;width:3.25rem;height:2.25rem}.deck-detail__opponent-body{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.deck-detail__opponent-name{color:var(--color-text-primary);font-weight:600}.deck-detail__opponent-name--link{text-decoration:none;transition:color .2s}.deck-detail__opponent-name--link:hover{color:var(--color-primary-light)}.deck-detail__opponent-name--link:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-primary);outline-offset:2px}.deck-detail__opponent-code{color:var(--color-text-muted);font-size:var(--font-size-xs)}.deck-detail__flag{border-radius:var(--radius-full);font-size:var(--font-size-2xs);letter-spacing:var(--tracking-wide);padding:var(--space-1) var(--space-3);text-transform:uppercase;border:1px solid #0000;flex-shrink:0;margin-inline-start:auto;font-weight:700}.deck-detail__flag--best{background-color:rgb(from var(--color-success) r g b / 12%);border-color:var(--color-success-border);color:var(--color-success)}.deck-detail__flag--worst{background-color:rgb(from var(--color-danger) r g b / 12%);border-color:var(--color-danger-border);color:var(--color-danger)}.deck-detail__others{gap:var(--space-8);grid-template-columns:1fr;justify-items:center;display:grid}.deck-detail__other-link{border-radius:var(--radius-xl);color:inherit;width:100%;text-decoration:none;display:block}.deck-detail__other-link>.deck-card{margin-inline:auto}.deck-detail__other-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.deck-detail-skeleton__card{aspect-ratio:63/88;width:clamp(12rem,40vw,16rem)}.deck-detail-skeleton__badge{height:var(--space-7);width:5.5rem}.deck-detail-skeleton__title{height:var(--space-12);width:70%;max-width:28rem}.deck-detail-skeleton__provenance{height:var(--space-6);width:20rem}.deck-detail-skeleton__stat{height:var(--space-12);width:7rem}.deck-detail-skeleton__basis{height:var(--space-5);width:18rem}.deck-detail-skeleton__table{width:100%;height:22rem}@media (min-width:768px){.deck-detail__hero-inner{align-items:center;gap:var(--space-12);flex-direction:row}.deck-detail__hero-inner:before{left:0;transform:translate(-30%,-50%)}[dir=rtl] .deck-detail__hero-inner:before{left:auto;right:0;transform:translate(30%,-50%)}.deck-detail__title{font-size:var(--font-size-8xl)}.deck-detail__grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}.deck-detail__others{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.deck-detail__others{grid-template-columns:repeat(4,1fr)}.deck-detail__stats{grid-template-columns:repeat(3,minmax(0,1fr))}.deck-detail__stat:nth-child(odd){padding-inline-end:0}.deck-detail__stat:nth-child(2n){border-inline-start:none;padding-inline-start:0}.deck-detail__stat:not(:nth-child(3n)){padding-inline-end:var(--space-7)}.deck-detail__stat:not(:nth-child(3n+1)){border-inline-start:1px solid var(--color-border);padding-inline-start:var(--space-7)}}