:root{color-scheme:dark;--app-background: #09070d;--app-foreground: #f4efe5;--app-card: #15101d;--app-card-strong: #1d1629;--app-primary: #d7af4a;--app-primary-foreground: #120d05;--app-secondary: #241b31;--app-muted: #9c90ad;--app-border: rgba(231, 219, 194, .1);--app-input: rgba(255, 255, 255, .055);--app-focus: rgba(230, 191, 88, .82);--theme-glow: #7149b8;--app-shine: #d7af4a;--app-surface-overlay: rgba(9, 7, 13, .88);--app-hero-start: #2a1d38;--app-hero-end: #09070d;--app-danger: #e03454;--app-success: #65c99b;--app-radius: 10px;--app-radius-card: 18px;--app-touch-target: 2.75rem;--app-text-xs: .75rem;--app-text-sm: .8125rem;--app-text-md: .9375rem;font-family:DM Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}app-icon{align-items:center;display:inline-flex;flex:0 0 auto;height:1.35rem;justify-content:center;vertical-align:middle;width:1.35rem}app-icon>svg{display:block;height:100%;width:100%}html{background:radial-gradient(circle at 14% -8%,color-mix(in srgb,var(--app-primary) 16%,transparent),transparent 32rem),radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--theme-glow) 23%,transparent),transparent 30rem),linear-gradient(135deg,color-mix(in srgb,var(--app-background) 70%,#000 30%) 0%,var(--app-background) 48%,color-mix(in srgb,var(--app-background) 78%,var(--app-primary) 22%) 100%);min-height:100%;overscroll-behavior:none;-webkit-text-size-adjust:100%}:root[data-color-system=midnight]{--app-radius: 6px}:root[data-color-system=midnight] .deck-card,:root[data-color-system=midnight] .settings-section,:root[data-color-system=midnight] .home-section{box-shadow:inset 0 1px color-mix(in srgb,var(--app-primary) 9%,transparent)}:root[data-color-system=ember]{--app-radius: 12px}:root[data-color-system=ember] button,:root[data-color-system=ember] .setting-icon{border-radius:14px}:root[data-color-system=arcane] h1,:root[data-color-system=arcane] h2,:root[data-color-system=arcane] .deck-name{font-family:Georgia,Times New Roman,serif}body{background:transparent;color:var(--app-foreground);margin:0;min-height:100%;touch-action:manipulation;-webkit-user-select:none;user-select:none}body:before{background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:32px 32px;content:"";inset:0;-webkit-mask-image:linear-gradient(to bottom,black,transparent 75%);mask-image:linear-gradient(to bottom,black,transparent 75%);pointer-events:none;position:fixed}body:after{content:"";inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:1000}button,input,select{min-width:0}input,textarea{-webkit-user-select:text;user-select:text}body input:not([type=checkbox]):not([type=radio]),body textarea,body select{font-size:1rem}button,a{-webkit-tap-highlight-color:transparent}button,a,input,select{transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}button:active,a:active{filter:brightness(1.08)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.bottom-sheet,.sheet,.collection-picker{animation:sheet-enter .24s cubic-bezier(.2,.8,.2,1) both}.feedback,.toast,.message,.friend-toast{animation:feedback-enter .22s ease-out both}@keyframes sheet-enter{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:none}}@keyframes feedback-enter{0%{opacity:0;transform:translateY(.5rem) scale(.98)}to{opacity:1;transform:none}}:root[data-density=compact] app-shell main{padding-top:.65rem}:root[data-density=compact] article{--compact-scale: .9}:root[data-density=compact] .deck-card,:root[data-density=compact] .card-row,:root[data-density=compact] .setting-row{min-height:3.25rem}:root[data-motion=off] *,:root[data-motion=off] *:before,:root[data-motion=off] *:after{animation:none!important;transition:none!important}:root[data-color-system=pro]{--app-radius: 8px}:root[data-color-system=pro] body:before{background-image:linear-gradient(rgb(from var(--app-primary) r g b/.035) 1px,transparent 1px),linear-gradient(90deg,rgb(from var(--app-primary) r g b/.035) 1px,transparent 1px),radial-gradient(circle,rgb(from var(--app-shine) r g b/.13) 0 1px,transparent 1.5px);background-size:28px 28px,28px 28px,72px 72px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 92%);mask-image:linear-gradient(to bottom,black,transparent 92%)}:root[data-color-system=pro] body:after{background:linear-gradient(to bottom,transparent 0%,rgb(from var(--app-primary) r g b/.025) 49.5%,rgb(from var(--app-primary) r g b/.13) 50%,transparent 50.5%),radial-gradient(circle at 88% 8%,rgb(from var(--theme-glow) r g b/.13),transparent 32%);background-size:100% 16rem,100% 100%;opacity:1}:root[data-color-system=pro] .home-showcase,:root[data-color-system=pro] .profile-showcase,:root[data-color-system=pro] .friend-showcase,:root[data-color-system=pro] .friend-deck-showcase{border-color:rgb(from var(--app-primary) r g b/.42);box-shadow:inset 0 1px #ffffff0e,0 20px 70px rgb(from var(--theme-glow) r g b/.1),0 0 0 1px rgb(from var(--app-shine) r g b/.07)}:root[data-color-system=pro] .home-section,:root[data-color-system=pro] .profile-section,:root[data-color-system=pro] .public-section,:root[data-color-system=pro] .deck-card,:root[data-color-system=pro] .settings-section,:root[data-color-system=pro] .commander-feature,:root[data-color-system=pro] .deck-library{box-shadow:inset 0 1px #ffffff09,0 12px 36px #0000002e}:root[data-color-system=pro] button:not(.switch):not(.color-system).primary,:root[data-color-system=pro] .primary-action,:root[data-color-system=pro] .run-search-button,:root[data-color-system=pro] .enter-button{background:linear-gradient(135deg,#2563eb,var(--app-primary) 68%,var(--app-shine));box-shadow:0 7px 22px rgb(from var(--theme-glow) r g b/.18)}:root[data-color-system=pro][data-motion=on] body:before{animation:pro-grid-drift 22s linear infinite}:root[data-color-system=pro][data-motion=on] body:after{animation:pro-scan 8s linear infinite}:root[data-color-system=pro][data-motion=on] .home-showcase:after,:root[data-color-system=pro][data-motion=on] .profile-showcase:after,:root[data-color-system=pro][data-motion=on] .friend-showcase:after{animation:pro-frame-pulse 3.4s ease-in-out infinite}:root[data-color-system=pro][data-motion=on] .color-system.pro:before{animation:pro-shine 2.8s ease-in-out infinite}:root[data-color-system=proArcane]{--app-radius: 14px}:root[data-color-system=proArcane] body:before{background-image:radial-gradient(circle,rgb(from var(--app-primary) r g b/.22) 0 1px,transparent 1.5px),radial-gradient(circle,rgb(from var(--app-shine) r g b/.18) 0 1px,transparent 1.5px);background-position:0 0,18px 22px;background-size:42px 42px,58px 58px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 88%);mask-image:linear-gradient(to bottom,black,transparent 88%)}:root[data-color-system=proArcane] body:after{background:linear-gradient(115deg,transparent 32%,rgb(from var(--app-shine) r g b/.035),transparent 68%),radial-gradient(circle at 50% 110%,rgb(from var(--theme-glow) r g b/.16),transparent 42%);opacity:1}:root[data-color-system=proArcane] .home-showcase,:root[data-color-system=proArcane] .profile-showcase,:root[data-color-system=proArcane] .friend-showcase,:root[data-color-system=proArcane] .friend-deck-showcase{border-color:rgb(from var(--app-primary) r g b/.42);box-shadow:inset 0 1px #ffffff1a,0 20px 70px rgb(from var(--theme-glow) r g b/.16),0 0 0 1px rgb(from var(--app-shine) r g b/.07)}:root[data-color-system=proArcane] .home-section,:root[data-color-system=proArcane] .profile-section,:root[data-color-system=proArcane] .public-section,:root[data-color-system=proArcane] .deck-card,:root[data-color-system=proArcane] .settings-section,:root[data-color-system=proArcane] .commander-feature,:root[data-color-system=proArcane] .deck-library{box-shadow:inset 0 1px #ffffff0e,0 12px 36px #00000021}:root[data-color-system=proArcane] button:not(.switch):not(.color-system).primary,:root[data-color-system=proArcane] .primary-action,:root[data-color-system=proArcane] .run-search-button,:root[data-color-system=proArcane] .enter-button{background:linear-gradient(135deg,var(--app-primary),#fff0a8 62%,var(--app-primary));box-shadow:0 7px 22px rgb(from var(--app-primary) r g b/.22)}:root[data-color-system=proArcane][data-motion=on] body:before{animation:pro-stars-drift 18s linear infinite}:root[data-color-system=proArcane][data-motion=on] body:after{animation:pro-aurora 7s ease-in-out infinite alternate}:root[data-color-system=proArcane][data-motion=on] .home-showcase:after,:root[data-color-system=proArcane][data-motion=on] .profile-showcase:after,:root[data-color-system=proArcane][data-motion=on] .friend-showcase:after{animation:pro-frame-pulse 3.4s ease-in-out infinite}:root[data-color-system=proArcane][data-motion=on] .color-system.pro-arcane:before{animation:pro-shine 2.8s ease-in-out infinite}:root[data-color-system=phyrexian]{--app-danger: #cf2434;--app-success: #a6b49b;--app-radius: 3px;background-color:#050302}:root[data-color-system=phyrexian] body:before{background:linear-gradient(to bottom,#0705042e,#070504f0),linear-gradient(90deg,rgba(7,5,4,.55),transparent 65%),url(/themes/phyrexian-cathedral.png) 62% top/cover no-repeat fixed;-webkit-mask-image:linear-gradient(to bottom,black 0 76%,transparent);mask-image:linear-gradient(to bottom,black 0 76%,transparent);opacity:.58}:root[data-color-system=phyrexian] body:after{background:repeating-linear-gradient(90deg,transparent 0 3.1rem,rgb(from var(--app-primary) r g b/.018) 3.1rem calc(3.1rem + 1px)),radial-gradient(ellipse at 50% -10%,rgb(from var(--theme-glow) r g b/.2),transparent 42%),linear-gradient(105deg,transparent 42%,rgb(from var(--app-shine) r g b/.025),transparent 58%);opacity:1}:root[data-color-system=phyrexian] h1,:root[data-color-system=phyrexian] h2,:root[data-color-system=phyrexian] h3,:root[data-color-system=phyrexian] .deck-name{font-family:Georgia,Times New Roman,serif;letter-spacing:.015em}:root[data-color-system=phyrexian] .home-showcase,:root[data-color-system=phyrexian] .profile-showcase,:root[data-color-system=phyrexian] .friend-showcase,:root[data-color-system=phyrexian] .friend-deck-showcase{background:linear-gradient(90deg,#070504f5,#07050494),radial-gradient(circle at 84% 48%,rgb(from var(--theme-glow) r g b/.31),transparent 34%),url(/themes/phyrexian-cathedral.png) 70% 43%/cover no-repeat;border-color:rgb(from var(--app-primary) r g b/.24);border-radius:4px;box-shadow:inset 0 1px #ffffff0f,inset 4px 0 rgb(from var(--app-shine) r g b/.42),0 22px 70px #0000005c}:root[data-color-system=phyrexian] .home-section,:root[data-color-system=phyrexian] .profile-section,:root[data-color-system=phyrexian] .public-section,:root[data-color-system=phyrexian] .deck-card,:root[data-color-system=phyrexian] .settings-section,:root[data-color-system=phyrexian] .commander-feature,:root[data-color-system=phyrexian] .deck-library,:root[data-color-system=phyrexian] .filter-drawer{background:linear-gradient(135deg,rgb(from var(--app-card) r g b/.94),rgb(from var(--app-card-strong) r g b/.82));border-color:rgb(from var(--app-border) r g b/.78);border-radius:4px;box-shadow:inset 1px 0 rgb(from var(--app-primary) r g b/.09),0 14px 38px #0000003d}:root[data-color-system=phyrexian] .home-section:before,:root[data-color-system=phyrexian] .profile-section:before,:root[data-color-system=phyrexian] .public-section:before{background:linear-gradient(var(--app-shine),transparent);content:"";height:2.25rem;left:0;opacity:.34;pointer-events:none;position:absolute;top:0;width:1px}:root[data-color-system=phyrexian] .home-section,:root[data-color-system=phyrexian] .profile-section,:root[data-color-system=phyrexian] .public-section{position:relative}:root[data-color-system=phyrexian] button:not(.switch):not(.color-system).primary,:root[data-color-system=phyrexian] .primary-action,:root[data-color-system=phyrexian] .run-search-button,:root[data-color-system=phyrexian] .enter-button{background:linear-gradient(105deg,transparent 0 8%,rgb(from var(--app-primary) r g b/.08) 8% 9%,transparent 9%),linear-gradient(135deg,#ede7dc,#b7aaa0);border:1px solid #f1ece4;border-radius:2px;box-shadow:inset 0 -3px rgb(from var(--app-shine) r g b/.26),0 7px 25px #00000047;color:#170807}:root[data-color-system=phyrexian] input,:root[data-color-system=phyrexian] select,:root[data-color-system=phyrexian] textarea{border-left-color:rgb(from var(--app-shine) r g b/.64);border-radius:3px}:root[data-color-system=phyrexian] .bottom-nav,:root[data-color-system=phyrexian] app-bottom-nav nav{border-top-color:rgb(from var(--app-shine) r g b/.3);box-shadow:0 -10px 40px #00000057}:root[data-color-system=phyrexian] .stats-grid strong,:root[data-color-system=phyrexian] .deck-public-stats strong,:root[data-color-system=phyrexian] .section-heading small{color:var(--app-primary);text-shadow:0 0 16px rgb(from var(--app-shine) r g b/.18)}:root[data-color-system=phyrexian][data-motion=on] body:after{animation:phyrexian-oil-shift 11s ease-in-out infinite alternate}:root[data-color-system=phyrexian][data-motion=on] .home-showcase,:root[data-color-system=phyrexian][data-motion=on] .profile-showcase,:root[data-color-system=phyrexian][data-motion=on] .friend-showcase,:root[data-color-system=phyrexian][data-motion=on] .friend-deck-showcase{animation:phyrexian-breathe 5.8s ease-in-out infinite}:root[data-color-system=phyrexian][data-motion=on] .color-system.phyrexian:before{animation:phyrexian-preview 3.6s ease-in-out infinite}@keyframes pro-grid-drift{to{background-position:0 28px,28px 0,-32px 72px}}@keyframes pro-stars-drift{to{background-position:42px 84px,-40px 80px}}@keyframes pro-aurora{0%{filter:hue-rotate(0deg);opacity:.68}to{filter:hue-rotate(24deg);opacity:1}}@keyframes pro-scan{to{background-position:0 16rem,0 0}}@keyframes pro-frame-pulse{50%{border-color:rgb(from var(--app-shine) r g b/.32);box-shadow:inset 0 0 24px rgb(from var(--theme-glow) r g b/.045)}}@keyframes pro-shine{55%,to{transform:translate(120%)}}@keyframes phyrexian-oil-shift{0%{filter:contrast(1);transform:translate(-.3%)}to{filter:contrast(1.08);transform:translate(.3%)}}@keyframes phyrexian-breathe{50%{border-color:rgb(from var(--app-shine) r g b/.42);box-shadow:inset 0 1px #ffffff0f,inset 4px 0 rgb(from var(--app-shine) r g b/.68),0 22px 74px rgb(from var(--theme-glow) r g b/.1)}}@keyframes phyrexian-preview{50%,to{transform:translate(120%)}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--app-focus);outline-offset:2px}select option{background:var(--app-card-strong);color:var(--app-foreground)}app-card-search-page .card-item.owned{border-color:#7ed7c280}app-card-search-page .card-heading,app-card-search-page .steppers{display:grid;gap:.6rem}app-card-search-page .owned-toggle{background:#2e6f65;color:#fff;min-height:2.35rem}