.app-container{display:flex;flex-direction:column;min-height:100vh}.app-content{flex:1;display:flex;flex-direction:column}.app-footer{padding:16px 24px;background:var(--colorNeutralBackground2);border-top:1px solid var(--colorNeutralStroke1);color:var(--colorNeutralForeground4);font-size:11px;text-align:center;line-height:1.6}.app-container.in-game .app-footer{display:none}:root{--color-surface: #131314;--color-surface-dim: #131314;--color-surface-bright: #3a393a;--color-surface-container-lowest: #0e0e0f;--color-surface-container-low: #1c1b1c;--color-surface-container: #201f20;--color-surface-container-high: #2a2a2b;--color-surface-container-highest: #353436;--color-on-surface: #e5e2e3;--color-on-surface-variant: #bcc9c8;--color-inverse-surface: #e5e2e3;--color-inverse-on-surface: #313031;--color-outline: #879392;--color-outline-variant: #3d4949;--color-surface-tint: #6fd7d6;--color-primary: #6fd7d6;--color-on-primary: #003737;--color-primary-container: #2fa09f;--color-on-primary-container: #002f2f;--color-inverse-primary: #006a6a;--color-secondary: #e9c349;--color-on-secondary: #3c2f00;--color-secondary-container: #af8d11;--color-on-secondary-container: #342800;--color-tertiary: #b5cbca;--color-on-tertiary: #203434;--color-tertiary-container: #7f9594;--color-on-tertiary-container: #192d2d;--color-error: #ffb4ab;--color-on-error: #690005;--color-error-container: #93000a;--color-on-error-container: #ffdad6;--color-primary-fixed: #8cf3f3;--color-primary-fixed-dim: #6fd7d6;--color-on-primary-fixed: #002020;--color-on-primary-fixed-variant: #004f4f;--color-secondary-fixed: #ffe088;--color-secondary-fixed-dim: #e9c349;--color-on-secondary-fixed: #241a00;--color-on-secondary-fixed-variant: #574500;--color-tertiary-fixed: #d0e7e6;--color-tertiary-fixed-dim: #b5cbca;--color-on-tertiary-fixed: #0a1f1f;--color-on-tertiary-fixed-variant: #364a4a;--color-background: #131314;--color-on-background: #e5e2e3;--color-surface-variant: #353436;--colorNeutralBackground1: var(--color-surface);--colorNeutralBackground2: var(--color-surface-container-low);--colorNeutralBackground3: var(--color-surface-container);--colorNeutralBackground4: var(--color-surface-container-high);--colorNeutralBackground1Hover: var(--color-surface-container-high);--colorNeutralBackground1Pressed: var(--color-surface-container-low);--colorNeutralBackground1Selected: var(--color-surface-container-high);--colorNeutralBackgroundDisabled: var(--color-surface-container-lowest);--colorNeutralForeground1: var(--color-on-surface);--colorNeutralForeground2: var(--color-on-surface-variant);--colorNeutralForeground3: var(--color-outline);--colorNeutralForeground4: var(--color-outline-variant);--colorNeutralForegroundDisabled: var(--color-outline-variant);--colorNeutralForegroundInverted: var(--color-surface);--colorNeutralStroke1: var(--color-outline-variant);--colorNeutralStroke2: var(--color-surface-container-low);--colorNeutralStrokeAccessible: var(--color-outline);--colorNeutralStrokeDisabled: var(--color-surface-container-low);--colorTransparentStroke: transparent;--colorBrandBackground: var(--color-primary);--colorBrandBackground2: var(--color-primary-container);--colorBrandBackground3: var(--color-on-primary-container);--colorBrandBackgroundHover: var(--color-primary-fixed);--colorBrandBackgroundPressed: var(--color-primary-container);--colorBrandBackgroundSelected: var(--color-primary);--colorBrandForeground1: var(--color-primary);--colorBrandForeground2: var(--color-secondary);--colorBrandStroke1: var(--color-primary);--colorBrandStroke2: var(--color-outline-variant);--colorStatusSuccessBackground: #1a3a1a;--colorStatusSuccessForeground: #4caf50;--colorStatusWarningBackground: #3a2a00;--colorStatusWarningForeground: #ffb300;--colorStatusDangerBackground: #3a1a1a;--colorStatusDangerForeground: #ef5350;--colorStatusInfoBackground: #1a2a3a;--colorStatusInfoForeground: #42a5f5;--colorGame-combat: hsl(40, 55%, 30%);--colorGame-combat-bright: hsl(40, 70%, 55%);--colorGame-combat-bg: hsl(40, 40%, 12%);--colorGame-combat-border: hsl(40, 60%, 25%);--colorGame-reaction: hsl(0, 60%, 28%);--colorGame-reaction-bright: hsl(0, 70%, 55%);--colorGame-reaction-bg: hsl(0, 45%, 12%);--colorGame-reaction-border: hsl(0, 55%, 22%);--colorGame-invocation: hsl(220, 55%, 28%);--colorGame-invocation-bright: hsl(220, 70%, 60%);--colorGame-invocation-bg: hsl(220, 40%, 11%);--colorGame-invocation-border: hsl(220, 50%, 22%);--colorGame-power: hsl(270, 55%, 30%);--colorGame-power-bright: hsl(270, 70%, 62%);--colorGame-power-bg: hsl(270, 40%, 12%);--colorGame-power-border: hsl(270, 50%, 24%);--colorGame-destroy: hsl(350, 65%, 28%);--colorGame-destroy-bright: hsl(350, 75%, 55%);--colorGame-destroy-bg: hsl(350, 45%, 11%);--colorGame-destroy-border: hsl(350, 60%, 22%);--colorGame-token: hsl(160, 40%, 25%);--colorGame-token-bright: hsl(160, 55%, 50%);--colorGame-token-bg: hsl(160, 35%, 10%);--colorGame-token-border: hsl(160, 45%, 20%);--shadow2: 0 1px 2px rgba(0,0,0,.4), 0 0px 2px rgba(0,0,0,.3);--shadow4: 0 2px 4px rgba(0,0,0,.45), 0 0px 2px rgba(0,0,0,.3);--shadow8: 0 4px 8px rgba(0,0,0,.5), 0 0px 2px rgba(0,0,0,.3);--shadow16: 0 8px 16px rgba(0,0,0,.55), 0 0px 4px rgba(0,0,0,.35);--shadow28: 0 14px 28px rgba(0,0,0,.6), 0 0px 8px rgba(0,0,0,.4);--shadow64: 0 32px 64px rgba(0,0,0,.7), 0 0px 16px rgba(0,0,0,.5);--radius-sm: .25rem;--radius-default: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--borderRadiusNone: 0px;--borderRadiusSmall: var(--radius-sm);--borderRadiusMedium: var(--radius-default);--borderRadiusLarge: var(--radius-md);--borderRadiusXLarge: var(--radius-lg);--borderRadiusCircular: var(--radius-full);--borderRadius-card: var(--radius-lg);--borderRadius-panel: var(--radius-xl);--borderRadius-modal: var(--radius-xl);--fontFamily-base: "Hanken Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif;--fontFamily-headline: "Noto Serif", Georgia, serif;--fontFamily-mono: "Cascadia Code", "Fira Code", "Consolas", monospace;--fontSize-100: 10px;--fontSize-200: 12px;--fontSize-300: 14px;--fontSize-400: 16px;--fontSize-500: 20px;--fontSize-600: 24px;--fontSize-700: 28px;--fontSize-800: 34px;--fontSize-900: 40px;--lineHeight-100: 14px;--lineHeight-200: 16px;--lineHeight-300: 20px;--lineHeight-400: 22px;--lineHeight-500: 28px;--lineHeight-600: 32px;--lineHeight-700: 36px;--lineHeight-800: 44px;--lineHeight-900: 52px;--fontWeight-regular: 400;--fontWeight-medium: 500;--fontWeight-semibold: 600;--fontWeight-bold: 700;--curveDecelerateMid: cubic-bezier(0, 0, 0, 1);--curveAccelerateMid: cubic-bezier(.4, 0, 1, 1);--curveEasyEase: cubic-bezier(.33, 0, .67, 1);--curveEasyEaseMax: cubic-bezier(.8, 0, .2, 1);--curveLinear: cubic-bezier(0, 0, 1, 1);--durationUltraFast: 50ms;--durationFaster: .1s;--durationFast: .15s;--durationNormal: .2s;--durationGentle: .25s;--durationSlow: .3s;--durationSlower: .4s;--durationUltraSlow: .5s;--spacingHorizontalNone: 0;--spacingHorizontalXXS: 2px;--spacingHorizontalXS: 4px;--spacingHorizontalSNudge: 6px;--spacingHorizontalS: 8px;--spacingHorizontalMNudge: 10px;--spacingHorizontalM: 12px;--spacingHorizontalL: 16px;--spacingHorizontalXL: 20px;--spacingHorizontalXXL: 24px;--spacingHorizontalXXXL: 32px;--spacingVerticalNone: 0;--spacingVerticalXXS: 2px;--spacingVerticalXS: 4px;--spacingVerticalSNudge: 6px;--spacingVerticalS: 8px;--spacingVerticalMNudge: 10px;--spacingVerticalM: 12px;--spacingVerticalL: 16px;--spacingVerticalXL: 20px;--spacingVerticalXXL: 24px;--spacingVerticalXXXL: 32px;--strokeWidthThin: 1px;--strokeWidthThick: 2px;--strokeWidthThicker: 3px;--strokeWidthThickest: 4px;--cardWidth: 140px;--cardHeight: 196px;--cardWidthSmall: 44px;--cardHeightSmall: 62px;--cardWidthLarge: 200px;--cardHeightLarge: 280px}:root{--spacing-unit: 4px;--spacing-stack-sm: 8px;--spacing-stack-md: 16px;--spacing-stack-lg: 32px;--spacing-gutter: 24px;--spacing-margin-page: 48px}@media (max-width: 1024px){:root{--spacing-gutter: 16px;--spacing-margin-page: 32px}}@media (max-width: 768px){:root{--spacing-gutter: 12px;--spacing-margin-page: 16px}}.headline-xl{font-family:"Noto Serif",Georgia,serif;font-size:48px;font-weight:700;line-height:1.2;letter-spacing:-.02em}.headline-lg{font-family:"Noto Serif",Georgia,serif;font-size:32px;font-weight:600;line-height:1.2}.headline-md{font-family:"Noto Serif",Georgia,serif;font-size:24px;font-weight:600;line-height:1.3}.body-lg{font-family:Hanken Grotesk,sans-serif;font-size:18px;font-weight:400;line-height:1.6}.body-md{font-family:Hanken Grotesk,sans-serif;font-size:16px;font-weight:400;line-height:1.5}.label-md{font-family:Hanken Grotesk,sans-serif;font-size:14px;font-weight:600;line-height:1;letter-spacing:.05em}.label-sm{font-family:Hanken Grotesk,sans-serif;font-size:12px;font-weight:500;line-height:1}@media (max-width: 768px){.headline-xl{font-size:32px}.headline-lg{font-size:24px}.headline-md{font-size:20px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{min-height:100dvh;background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);font-family:var(--fontFamily-base);font-size:var(--fontSize-300);line-height:var(--lineHeight-300);font-weight:var(--fontWeight-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2{font-family:var(--fontFamily-headline);font-weight:var(--fontWeight-bold);letter-spacing:-.02em;color:#d4af37}h3,h4,h5,h6{font-family:var(--fontFamily-headline);font-weight:var(--fontWeight-semibold);letter-spacing:-.01em}img,video{max-width:100%;display:block}a{color:var(--colorBrandForeground1);text-decoration:none;transition:color var(--durationFast) var(--curveEasyEase)}a:hover{color:var(--colorBrandForeground2);text-decoration:underline}button{font-family:var(--fontFamily-base);cursor:pointer;border:none;outline:none;background:transparent}input,textarea,select{font-family:var(--fontFamily-base)}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--colorNeutralBackground2);border-radius:var(--borderRadiusCircular)}::-webkit-scrollbar-thumb{background:var(--colorNeutralStroke1);border-radius:var(--borderRadiusCircular);transition:background var(--durationFast) var(--curveEasyEase)}::-webkit-scrollbar-thumb:hover{background:var(--colorNeutralForeground4)}::-webkit-scrollbar-corner{background:var(--colorNeutralBackground2)}::selection{background-color:#6fd7d64d;color:var(--colorNeutralForeground1)}.acrylic{background:#13131499;backdrop-filter:blur(40px) saturate(1.6);-webkit-backdrop-filter:blur(40px) saturate(1.6);border:1px solid rgba(255,255,255,.08);box-shadow:inset 1px 1px #ffffff26,inset -1px -1px #ffffff0d}.acrylic--light{background:#2a2a2b73;backdrop-filter:blur(30px) saturate(1.4);-webkit-backdrop-filter:blur(30px) saturate(1.4);border:1px solid rgba(255,255,255,.05);box-shadow:inset 1px 1px #ffffff14}.mica-background{background:radial-gradient(ellipse at 20% 80%,rgba(111,215,214,.07) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(233,195,73,.04) 0%,transparent 55%),radial-gradient(ellipse at 50% 50%,#131314f7,#131314);background-attachment:fixed}.glow-teal{box-shadow:0 0 15px #6fd7d633}.glow-gold{box-shadow:0 0 15px #e9c34933}.glow-hover-teal{transition:box-shadow var(--durationFast) var(--curveEasyEase),border-color var(--durationFast) var(--curveEasyEase),transform var(--durationFast) var(--curveEasyEase)}.glow-hover-teal:hover{box-shadow:0 0 15px #6fd7d633!important;border-color:#6fd7d666!important;transform:translateY(-2px)}.glow-hover-gold{transition:box-shadow var(--durationFast) var(--curveEasyEase),border-color var(--durationFast) var(--curveEasyEase),transform var(--durationFast) var(--curveEasyEase)}.glow-hover-gold:hover{box-shadow:0 0 15px #e9c34933!important;border-color:#e9c34966!important;transform:translateY(-2px)}.card-cover{position:relative;width:var(--cardWidth);height:var(--cardHeight);border-radius:var(--borderRadius-card);background:linear-gradient(135deg,#1e1b3a,#12102e 60%,#0d0b22);border:1px solid rgba(90,79,207,.3);overflow:hidden;box-shadow:var(--shadow8)}.card-cover__pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,rgba(90,79,207,.04) 0px,rgba(90,79,207,.04) 1px,transparent 1px,transparent 8px),repeating-linear-gradient(-45deg,rgba(139,126,248,.03) 0px,rgba(139,126,248,.03) 1px,transparent 1px,transparent 8px)}.card-cover__logo{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:var(--fontWeight-bold);color:#5a4fcf40;letter-spacing:-1px;-webkit-user-select:none;user-select:none}@keyframes cardReveal{0%{transform:rotateY(90deg) scale(.85);opacity:0;filter:brightness(1.5)}60%{transform:rotateY(-8deg) scale(1.03);opacity:1;filter:brightness(1.15)}80%{transform:rotateY(4deg) scale(1.01)}to{transform:rotateY(0) scale(1);opacity:1;filter:brightness(1)}}@keyframes cardDestroy{0%{transform:scale(1) rotate(0);opacity:1;filter:saturate(1)}30%{transform:scale(1.1) rotate(-3deg);filter:saturate(2) brightness(1.3)}60%{transform:scale(.9) rotate(5deg);filter:saturate(0) brightness(.8);opacity:.6}to{transform:scale(.4) rotate(15deg) translateY(30px);opacity:0;filter:saturate(0) brightness(0)}}@keyframes cardPlay{0%{transform:translateY(0) scale(1);opacity:1}40%{transform:translateY(-40px) scale(1.08);filter:brightness(1.2);opacity:1}70%{transform:translateY(-20px) scale(1.04)}to{transform:translateY(0) scale(1);opacity:1;filter:brightness(1)}}@keyframes diceRoll{0%{transform:rotate(0) scale(1)}10%{transform:rotate(36deg) scale(1.1)}20%{transform:rotate(72deg) scale(.95)}30%{transform:rotate(108deg) scale(1.05)}40%{transform:rotate(144deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}60%{transform:rotate(216deg) scale(.95)}70%{transform:rotate(252deg) scale(1.05)}80%{transform:rotate(288deg) scale(1)}90%{transform:rotate(324deg) scale(1.05)}to{transform:rotate(360deg) scale(1)}}@keyframes turnPulse{0%{box-shadow:0 0 #5a4fcf99}50%{box-shadow:0 0 0 8px #5a4fcf00}to{box-shadow:0 0 #5a4fcf00}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spinLoader{to{transform:rotate(360deg)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacingHorizontalS);padding:6px 16px;border-radius:var(--borderRadiusMedium);font-size:var(--fontSize-300);font-weight:var(--fontWeight-semibold);font-family:var(--fontFamily-base);line-height:var(--lineHeight-300);cursor:pointer;border:1px solid transparent;transition:background-color var(--durationFast) var(--curveEasyEase),border-color var(--durationFast) var(--curveEasyEase),color var(--durationFast) var(--curveEasyEase),box-shadow var(--durationFast) var(--curveEasyEase),transform var(--durationFast) var(--curveEasyEase);white-space:nowrap;-webkit-user-select:none;user-select:none;text-decoration:none;min-height:32px}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.btn-primary{background-color:#d4af37;color:var(--color-surface);border-color:transparent;text-shadow:none}.btn-primary:hover{background-color:#ffe088;box-shadow:0 0 15px #6fd7d633}.btn-primary:active{background-color:#af8d11}.btn-secondary{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-secondary:hover{background-color:#6fd7d61a;border-color:#8cf3f3;color:#8cf3f3;box-shadow:0 0 10px #6fd7d633}.btn-secondary:active{background-color:#6fd7d633}.btn-ghost{background-color:transparent;color:var(--color-primary);border-color:transparent}.btn-ghost:hover{background-color:#6fd7d614;color:#8cf3f3}.btn-danger{background-color:var(--colorStatusDangerBackground);color:var(--colorStatusDangerForeground);border-color:var(--colorGame-destroy-border)}.btn-danger:hover{background-color:#ef535033;box-shadow:0 0 0 1px var(--colorGame-destroy-border)}.btn--small{padding:4px 10px;font-size:var(--fontSize-200);min-height:24px}.btn--large{padding:10px 24px;font-size:var(--fontSize-400);min-height:40px}.btn--icon-only{padding:6px;min-width:32px;min-height:32px}@media (min-width: 1025px){.home-view,.catalog-view,.collection-view,.requests-view,.library-view,.dashboard-view{display:flex!important;flex-direction:row!important;align-items:stretch!important;min-height:100vh!important;width:100%!important}.home-view__content,.catalog-content,.collection-content,.requests-content,.library-content,.dashboard-content{flex:1!important;min-width:0!important;box-sizing:border-box!important}}.fluent-field{display:flex;flex-direction:column;gap:var(--spacingVerticalXS)}.fluent-field__label{font-size:var(--fontSize-200);font-weight:var(--fontWeight-semibold);color:var(--colorNeutralForeground2);line-height:var(--lineHeight-200)}.fluent-field__hint{font-size:var(--fontSize-200);color:var(--colorNeutralForeground4)}.fluent-field__error{font-size:var(--fontSize-200);color:var(--colorStatusDangerForeground)}.fluent-input{width:100%;padding:7px 12px;background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-top-color:#ffffff1f;box-shadow:inset 0 2px 4px #00000080;border-radius:8px;color:var(--color-on-surface);font-size:var(--fontSize-300);font-family:var(--fontFamily-base);line-height:var(--lineHeight-300);outline:none;transition:border-color var(--durationFast) var(--curveEasyEase),background-color var(--durationFast) var(--curveEasyEase),box-shadow var(--durationFast) var(--curveEasyEase);min-height:32px;box-sizing:border-box}.fluent-input::placeholder{color:var(--color-outline)}.fluent-input:hover{border-color:var(--color-outline);background-color:var(--color-surface-container-lowest)}.fluent-input:focus{border-color:var(--color-primary);box-shadow:inset 0 1px 2px #00000080,0 0 8px #6fd7d666;background-color:var(--color-surface-container-lowest)}.fluent-input--error{border-color:var(--colorStatusDangerForeground)}.fluent-input--error:focus{border-color:var(--colorStatusDangerForeground);box-shadow:0 0 0 1px var(--colorStatusDangerForeground)}.fluent-input[disabled]{opacity:.45;cursor:not-allowed}.fluent-textarea{min-height:80px;resize:vertical}.fluent-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a0a0a0' d='M2 4l4 4 4-4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px;cursor:pointer}.stat-pill{display:inline-flex;align-items:center;gap:var(--spacingHorizontalXS);padding:3px 10px;background-color:var(--colorNeutralBackground3);border:1px solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusCircular);font-size:var(--fontSize-200);font-weight:var(--fontWeight-semibold);color:var(--colorNeutralForeground2);white-space:nowrap;-webkit-user-select:none;user-select:none}.stat-pill__icon{font-size:11px;line-height:1}.stat-pill__value{color:var(--colorNeutralForeground1);font-weight:var(--fontWeight-bold)}.stat-pill--clickable{cursor:pointer;transition:background-color var(--durationFast) var(--curveEasyEase),border-color var(--durationFast) var(--curveEasyEase)}.stat-pill--clickable:hover{background-color:var(--colorNeutralBackground4);border-color:var(--colorNeutralStrokeAccessible)}.stat-pill--clickable:active{transform:scale(.97)}.player-info-bar{display:flex;align-items:center;gap:var(--spacingHorizontalM);padding:8px 16px;background:#1a1a1ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--colorNeutralStroke2);min-height:52px}.player-info-bar--opponent{border-bottom:none;border-top:1px solid var(--colorNeutralStroke2)}.player-info-bar__name{font-size:var(--fontSize-300);font-weight:var(--fontWeight-semibold);color:var(--colorNeutralForeground1);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-info-bar__pills{display:flex;gap:var(--spacingHorizontalS);flex-wrap:wrap}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacingVerticalXXL)}.dialog-box{background:#13131499;backdrop-filter:blur(40px) saturate(1.6);-webkit-backdrop-filter:blur(40px) saturate(1.6);border:1px solid rgba(255,255,255,.08);box-shadow:inset 1px 1px #ffffff26,inset -1px -1px #ffffff0d,var(--shadow64);border-radius:var(--borderRadius-modal);padding:var(--spacingVerticalXXXL);min-width:360px;max-width:520px;width:100%;animation:scaleIn var(--durationSlow) var(--curveDecelerateMid);position:relative;overflow:hidden}.dialog-box:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background-color:#d4af37;z-index:10}.dialog-box__header{display:flex;align-items:center;gap:var(--spacingHorizontalM);margin-bottom:var(--spacingVerticalXXL)}.dialog-box__icon{font-size:24px;flex-shrink:0}.dialog-box__title{font-size:var(--fontSize-500);font-weight:var(--fontWeight-semibold);color:var(--colorNeutralForeground1)}.dialog-box__body{color:var(--colorNeutralForeground2);font-size:var(--fontSize-300);line-height:var(--lineHeight-400);margin-bottom:var(--spacingVerticalXXL)}.dialog-box__footer{display:flex;justify-content:flex-end;gap:var(--spacingHorizontalM)}.discard-stack{position:relative;width:var(--cardWidth);height:var(--cardHeight);cursor:pointer;transition:transform var(--durationFast) var(--curveEasyEase)}.discard-stack:hover{transform:translateY(-4px)}.discard-thumbnail-wrapper{position:relative;display:flex;align-items:flex-end;justify-content:center}.discard-thumbnail-wrapper .card-thumbnail{position:absolute}.discard-thumbnail-wrapper .card-thumbnail:nth-child(1){transform:rotate(-6deg) translate(-10px,2px)}.discard-thumbnail-wrapper .card-thumbnail:nth-child(2){transform:rotate(-2deg) translate(-3px,1px)}.discard-thumbnail-wrapper .card-thumbnail:nth-child(3){transform:rotate(2deg);z-index:2}.discard-preview-popover{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--colorNeutralBackground2);border:1px solid var(--colorNeutralStroke1);border-radius:var(--borderRadius-card);padding:var(--spacingVerticalM);box-shadow:var(--shadow28);z-index:200;pointer-events:none;animation:fadeIn var(--durationFast) var(--curveDecelerateMid);min-width:160px;text-align:center;font-size:var(--fontSize-200);color:var(--colorNeutralForeground3)}.combat-slot{position:relative;width:var(--cardWidth);height:var(--cardHeight);border-radius:var(--borderRadius-card);border:2px solid var(--colorNeutralStroke2);background:var(--colorNeutralBackground2);display:flex;align-items:center;justify-content:center;transition:border-color var(--durationFast) var(--curveEasyEase),background-color var(--durationFast) var(--curveEasyEase),box-shadow var(--durationFast) var(--curveEasyEase);cursor:pointer}.combat-slot:hover{border-color:var(--colorNeutralStrokeAccessible)}.combat-slot--active{border-color:var(--colorBrandStroke1);box-shadow:0 0 0 2px #5a4fcf40,var(--shadow8);animation:turnPulse 2s ease-in-out infinite}.combat-slot--attack-target{border-color:var(--colorGame-combat-bright);box-shadow:0 0 0 2px #ffaa504d,var(--shadow8)}.combat-slot__empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacingVerticalXS);color:var(--colorNeutralForeground4);font-size:var(--fontSize-200);-webkit-user-select:none;user-select:none}.combat-slot__empty-icon{font-size:24px;opacity:.4}.combat-slot-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacingVerticalXS)}.combat-slot__pp-box{width:58px;height:24px;border-radius:var(--borderRadiusMedium);border:1px solid var(--colorNeutralStroke2);background:var(--colorNeutralBackground3);display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--fontFamily-base);-webkit-user-select:none;user-select:none;font-size:var(--fontSize-100);color:var(--colorNeutralForeground3);transition:all var(--durationFast) var(--curveEasyEase);padding:0 6px}.combat-slot__pp-box.has-card{border-color:var(--colorBrandStroke1);background:#5a4fcf26;color:var(--colorBrandForeground1);box-shadow:var(--shadow4)}.combat-slot__pp-box .pp-label{font-weight:var(--fontWeight-bold);font-size:10px;opacity:.7}.combat-slot__pp-box .pp-value{font-weight:var(--fontWeight-semibold);font-size:var(--fontSize-200);min-width:12px;text-align:center}.combat-slot__pp-box .pp-pips{display:flex;gap:2px}.combat-slot__pp-box .pp-pip{width:4px;height:4px;border-radius:50%;background:var(--colorNeutralForeground4)}.combat-slot__pp-box .pp-pip--active{background:var(--colorBrandForeground1);box-shadow:0 0 3px #8b7ef8cc}.invocation-slot{position:relative;width:80px;height:48px;border-radius:var(--borderRadiusLarge);border:1px dashed var(--colorNeutralStroke2);background:var(--colorNeutralBackground2);display:flex;align-items:center;justify-content:center;transition:border-color var(--durationFast) var(--curveEasyEase),background-color var(--durationFast) var(--curveEasyEase);cursor:pointer;overflow:hidden}.invocation-slot:hover{border-color:var(--colorNeutralStrokeAccessible);background-color:var(--colorNeutralBackground3)}.invocation-slot--occupied{border-style:solid;border-color:var(--colorGame-invocation-border);background:var(--colorGame-invocation-bg)}.card-container{position:relative;width:var(--cardWidth);height:var(--cardHeight);border-radius:var(--borderRadius-card);cursor:pointer;transition:transform var(--durationNormal) var(--curveDecelerateMid),box-shadow var(--durationNormal) var(--curveDecelerateMid);flex-shrink:0;-webkit-user-select:none;user-select:none}.card-container:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 0 15px #e9c34933,var(--shadow28);z-index:10}.card-container--readonly{cursor:default}.card-container--readonly:hover{transform:none;box-shadow:none}.card-front{width:100%;height:100%;border-radius:var(--borderRadius-card);overflow:hidden;display:flex;flex-direction:column;background:#131314cc padding-box,linear-gradient(to bottom,#131314,var(--color-primary)) border-box;border:1.5px solid transparent;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:inset 1px 1px #ffffff26,inset -1px -1px #ffffff0d,var(--shadow8);transition:background var(--durationNormal) var(--curveDecelerateMid),border var(--durationNormal) var(--curveDecelerateMid)}.card-container:hover .card-front{background:#131314cc padding-box,linear-gradient(to bottom,#131314,var(--color-secondary)) border-box}.card-front__header{padding:6px 8px 4px;display:flex;align-items:center;gap:4px;background:#0000004d}.card-front__symbol{font-size:12px;flex-shrink:0}.card-front__name{font-size:10px;font-weight:var(--fontWeight-semibold);color:var(--colorNeutralForeground1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;line-height:1.2}.card-front__image{flex:1;background:var(--colorNeutralBackground3);overflow:hidden;position:relative}.card-front__image img{width:100%;height:100%;object-fit:cover}.card-front__image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:32px;opacity:.25}.card-front__footer{padding:4px 6px;background:#0006}.card-front__stats{display:flex;justify-content:space-between;align-items:center}.card-front__stat{font-size:10px;color:var(--colorNeutralForeground2);font-weight:var(--fontWeight-semibold)}.card-front__stat span{color:var(--colorNeutralForeground1);font-weight:var(--fontWeight-bold)}.card-front__attacks{margin-top:3px;display:flex;flex-direction:column;gap:2px}.card-front__attack{font-size:9px;color:var(--colorNeutralForeground3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-front--has-image{background:transparent;border:none;box-shadow:var(--shadow8)}.card-front__full-image{width:100%;height:100%;object-fit:fill;border-radius:var(--borderRadius-card)}.card-type--combat .card-front__header{background:linear-gradient(90deg,var(--colorGame-combat-bg) 0%,rgba(0,0,0,.4) 100%);border-bottom:1px solid var(--colorGame-combat-border)}.card-type--combat .card-front{border-color:var(--colorGame-combat-border);box-shadow:var(--shadow8),0 0 12px #b482321a}.card-type--reaction .card-front__header{background:linear-gradient(90deg,var(--colorGame-reaction-bg) 0%,rgba(0,0,0,.4) 100%);border-bottom:1px solid var(--colorGame-reaction-border)}.card-type--reaction .card-front{border-color:var(--colorGame-reaction-border);box-shadow:var(--shadow8),0 0 12px #b432321a}.card-type--invocation .card-front__header{background:linear-gradient(90deg,var(--colorGame-invocation-bg) 0%,rgba(0,0,0,.4) 100%);border-bottom:1px solid var(--colorGame-invocation-border)}.card-type--invocation .card-front{border-color:var(--colorGame-invocation-border);box-shadow:var(--shadow8),0 0 12px #3250b41a}.card-type--token .card-front__header{background:linear-gradient(90deg,var(--colorGame-token-bg) 0%,rgba(0,0,0,.4) 100%);border-bottom:1px solid var(--colorGame-token-border)}.card-type--token .card-front{border-color:var(--colorGame-token-border)}.attack-row{display:flex;align-items:center;gap:var(--spacingHorizontalS);padding:6px 10px;border-radius:var(--borderRadiusMedium);border:1px solid transparent;cursor:default;transition:background-color var(--durationFast) var(--curveEasyEase),border-color var(--durationFast) var(--curveEasyEase)}.attack-row__name{flex:1;font-size:var(--fontSize-200);font-weight:var(--fontWeight-semibold);color:var(--colorNeutralForeground2)}.attack-row__damage{font-size:var(--fontSize-200);font-weight:var(--fontWeight-bold);color:var(--colorGame-combat-bright)}.attack-row--available{cursor:pointer;border-color:var(--colorNeutralStroke2)}.attack-row--available:hover{background-color:var(--colorNeutralBackground3);border-color:var(--colorBrandStroke1)}.turn-indicator{display:flex;align-items:center;gap:var(--spacingHorizontalXS);padding:3px 8px;border-radius:var(--borderRadiusCircular);font-size:var(--fontSize-200);font-weight:var(--fontWeight-semibold);color:var(--colorNeutralForeground4);background:transparent;border:1px solid transparent;flex-shrink:0}.turn-indicator__dot{width:8px;height:8px;border-radius:50%;background:var(--colorNeutralForeground4);flex-shrink:0}.turn-indicator--active{color:var(--colorBrandForeground1);background:#5a4fcf1f;border-color:#5a4fcf4d}.turn-indicator--active .turn-indicator__dot{background:var(--colorBrandForeground1);animation:pulseDot 1.2s ease-in-out infinite;box-shadow:0 0 6px #8b7ef8b3}.game-board{display:grid;grid-template-columns:1fr 340px;grid-template-rows:1fr;height:100dvh;width:100vw;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,rgba(90,79,207,.06) 0%,transparent 70%),var(--colorNeutralBackground1)}.game-board__main{grid-column:1;display:grid;grid-template-rows:52px 1fr 52px;height:100%;overflow:hidden}.game-board__sidebar{grid-column:2;border-left:1px solid var(--colorNeutralStroke1);background:var(--colorNeutralBackground2);display:flex;flex-direction:column;height:100%;overflow:hidden}.game-board__sidebar-title{padding:var(--spacingVerticalM) var(--spacingHorizontalM);font-size:var(--fontSize-300);font-weight:var(--fontWeight-semibold);border-bottom:1px solid var(--colorNeutralStroke2);margin:0;color:var(--colorNeutralForeground1);background:var(--colorNeutralBackground3)}.game-board__sidebar .game-chat{flex:1;max-height:none}.game-board__top-bar{grid-row:1;z-index:10}.game-board__field{grid-row:2;overflow:hidden;display:flex;flex-direction:column}.game-board__bottom-bar{grid-row:3;z-index:10}.board-field{flex:1;overflow:hidden;display:grid;grid-template-rows:1fr auto auto auto 1fr;gap:var(--spacingVerticalS);padding:var(--spacingVerticalS) var(--spacingHorizontalL);align-items:center}.board-zone-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--spacingHorizontalM);align-items:center;justify-items:center;max-width:900px;width:100%;margin:0 auto}.board-divider{text-align:center;font-size:var(--fontSize-200);color:var(--colorNeutralForeground4);letter-spacing:4px;font-weight:var(--fontWeight-semibold);padding:2px 0;-webkit-user-select:none;user-select:none}.hand-area{display:flex;align-items:flex-end;gap:-20px;padding:0 var(--spacingHorizontalXXL);padding-bottom:var(--spacingVerticalS);overflow-x:auto;overflow-y:visible;min-height:160px;scrollbar-width:thin}.hand-area .card-container{flex-shrink:0;margin-right:-18px;transition:transform var(--durationNormal) var(--curveDecelerateMid),margin-right var(--durationNormal) var(--curveDecelerateMid),box-shadow var(--durationNormal) var(--curveDecelerateMid)}.hand-area .card-container:hover{margin-right:0;z-index:20}.hand-area .card-container:last-child{margin-right:0}.action-bar{display:flex;align-items:center;gap:var(--spacingHorizontalM);padding:8px 16px;background:#1a1a1ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--colorNeutralStroke2)}.action-bar__phase{flex:1}.action-bar__actions{display:flex;gap:var(--spacingHorizontalS)}.phase-indicator{display:flex;align-items:center;gap:var(--spacingHorizontalS);padding:4px 12px;border-radius:var(--borderRadiusCircular);background:var(--colorNeutralBackground3);border:1px solid var(--colorNeutralStroke1)}.phase-indicator__icon{font-size:14px}.phase-indicator__label{font-size:var(--fontSize-200);font-weight:var(--fontWeight-semibold);color:var(--colorNeutralForeground2);text-transform:capitalize}.lobby-container{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--spacingVerticalXXL);padding:var(--spacingVerticalXXXL);background:radial-gradient(ellipse at 50% 60%,rgba(90,79,207,.1) 0%,transparent 65%),var(--colorNeutralBackground1)}.lobby-spinner{width:64px;height:64px;border:3px solid var(--colorNeutralStroke1);border-top-color:var(--colorBrandBackground);border-radius:50%;animation:spinLoader 1s linear infinite}.match-found-screen{display:flex;flex-direction:column;align-items:center;gap:var(--spacingVerticalXXL);animation:scaleIn var(--durationSlow) var(--curveDecelerateMid)}.vs-container{display:flex;align-items:center;gap:var(--spacingHorizontalXXXL)}.vs-player-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacingVerticalM);padding:var(--spacingVerticalXXL);background:var(--colorNeutralBackground2);border:1px solid var(--colorNeutralStroke1);border-radius:var(--borderRadius-panel);min-width:140px;box-shadow:var(--shadow16)}.vs-player-card__avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--colorBrandBackground),var(--colorBrandBackground2));display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:var(--fontWeight-bold);color:var(--colorNeutralForeground1)}.vs-player-card__name{font-size:var(--fontSize-400);font-weight:var(--fontWeight-semibold);color:var(--colorNeutralForeground1)}.vs-divider{font-size:var(--fontSize-700);font-weight:var(--fontWeight-bold);color:var(--colorBrandForeground1);text-shadow:0 0 20px rgba(139,126,248,.5)}.card-thumbnail{width:var(--cardWidthSmall);height:var(--cardHeightSmall);border-radius:var(--borderRadiusLarge);border:1px solid var(--colorNeutralStroke1);overflow:hidden;background:var(--colorNeutralBackground3);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.card-thumbnail img{width:100%;height:100%;object-fit:cover}.card-thumbnail--combat{background:var(--colorGame-combat-bg);border-color:var(--colorGame-combat-border)}.card-thumbnail--reaction{background:var(--colorGame-reaction-bg);border-color:var(--colorGame-reaction-border)}.card-thumbnail--invocation{background:var(--colorGame-invocation-bg);border-color:var(--colorGame-invocation-border)}.card-thumbnail--token{background:var(--colorGame-token-bg);border-color:var(--colorGame-token-border)}.deck-builder{display:grid;grid-template-columns:1fr 340px;grid-template-rows:100dvh;overflow:hidden}.deck-builder__catalog{overflow-y:auto;padding:var(--spacingVerticalXXL);border-right:1px solid var(--colorNeutralStroke2)}.deck-builder__sidebar{overflow-y:auto;padding:var(--spacingVerticalL);background:var(--colorNeutralBackground2);display:flex;flex-direction:column}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--spacingVerticalM)}.deck-card-row{display:flex;align-items:center;gap:var(--spacingHorizontalS);padding:6px 8px;border-radius:var(--borderRadiusMedium);border:1px solid transparent;transition:background-color var(--durationFast) var(--curveEasyEase)}.deck-card-row:hover{background-color:var(--colorNeutralBackground3);border-color:var(--colorNeutralStroke2)}.deck-card-row__name{flex:1;font-size:var(--fontSize-200);color:var(--colorNeutralForeground1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-card-row__qty{display:flex;align-items:center;gap:4px}.deck-card-row__qty-btn{width:20px;height:20px;border-radius:50%;background:var(--colorNeutralBackground4);border:1px solid var(--colorNeutralStroke1);color:var(--colorNeutralForeground1);display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;cursor:pointer;transition:background-color var(--durationFast)}.deck-card-row__qty-btn:hover{background:var(--colorBrandBackground)}.deck-card-row__count{font-size:var(--fontSize-200);font-weight:var(--fontWeight-semibold);min-width:16px;text-align:center}.game-chat{display:flex;flex-direction:column;height:100%;max-height:300px}.game-chat__messages{flex:1;overflow-y:auto;padding:var(--spacingVerticalS);display:flex;flex-direction:column;gap:var(--spacingVerticalXS)}.game-chat__message{font-size:var(--fontSize-200);line-height:var(--lineHeight-300);color:var(--colorNeutralForeground2)}.game-chat__message--system{color:var(--colorBrandForeground1);font-style:italic;text-align:center;padding:2px 0}.game-chat__message-author{font-weight:var(--fontWeight-semibold);color:var(--colorNeutralForeground1);margin-right:4px}.game-chat__input-row{display:flex;gap:var(--spacingHorizontalS);padding:var(--spacingVerticalS);border-top:1px solid var(--colorNeutralStroke2)}.game-chat__input-row .fluent-input{flex:1}.discard-viewer-modal{max-width:640px;width:100%}.discard-viewer__strip{display:flex;gap:var(--spacingHorizontalS);overflow-x:auto;padding:var(--spacingVerticalS) 0;position:relative}.discard-viewer__strip-item{position:relative;flex-shrink:0;cursor:pointer;transition:transform var(--durationFast)}.discard-viewer__strip-item:hover{transform:translateY(-4px) scale(1.05);z-index:5}.discard-viewer__strip-item .discard-preview-popover{display:none}.discard-viewer__strip-item:hover .discard-preview-popover{display:block}.discard-viewer__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--spacingVerticalM);max-height:360px;overflow-y:auto;padding:var(--spacingVerticalS) 0}.card-preview-enter-active{animation:scaleIn var(--durationSlow) var(--curveDecelerateMid)}.card-preview-leave-active{animation:scaleIn var(--durationFast) var(--curveAccelerateMid) reverse}.dialog-enter-active{animation:scaleIn var(--durationSlow) var(--curveDecelerateMid)}.dialog-leave-active{animation:scaleIn var(--durationFast) var(--curveAccelerateMid) reverse}.overlay-enter-active{animation:fadeIn var(--durationNormal) var(--curveEasyEase)}.overlay-leave-active{animation:fadeIn var(--durationFast) var(--curveEasyEase) reverse}.slide-up-enter-active{animation:slideUp var(--durationSlow) var(--curveDecelerateMid)}.slide-up-leave-active{animation:slideUp var(--durationFast) var(--curveAccelerateMid) reverse}.between-games-modal,.series-over-modal{text-align:center}.score-card{display:flex;align-items:center;justify-content:center;gap:var(--spacingHorizontalXXXL);margin:var(--spacingVerticalXXL) 0}.score-card__player{display:flex;flex-direction:column;align-items:center;gap:var(--spacingVerticalS)}.score-card__player-name{font-size:var(--fontSize-300);color:var(--colorNeutralForeground2)}.score-card__wins{font-size:var(--fontSize-800);font-weight:var(--fontWeight-bold);color:var(--colorNeutralForeground1)}.score-card__divider{font-size:var(--fontSize-500);color:var(--colorNeutralForeground4)}.series-winner-banner{padding:var(--spacingVerticalXXL);background:linear-gradient(135deg,#5a4fcf33,#8b7ef81a);border:1px solid rgba(90,79,207,.4);border-radius:var(--borderRadius-card);margin-bottom:var(--spacingVerticalXXL)}.series-winner-banner__trophy{font-size:48px;margin-bottom:var(--spacingVerticalM)}.series-winner-banner__title{font-size:var(--fontSize-600);font-weight:var(--fontWeight-bold);color:var(--colorBrandForeground1)}.series-winner-banner__name{font-size:var(--fontSize-700);font-weight:var(--fontWeight-bold);color:var(--colorNeutralForeground1);margin-top:var(--spacingVerticalXS)}.report-modal__field+.report-modal__field{margin-top:var(--spacingVerticalL)}.deck-info-card{background:var(--colorNeutralBackground3);border:1px solid var(--colorNeutralStroke1);border-radius:var(--borderRadius-card);padding:var(--spacingVerticalL);display:flex;align-items:center;gap:var(--spacingHorizontalL)}.deck-info-card__meta{flex:1}.deck-info-card__name{font-size:var(--fontSize-400);font-weight:var(--fontWeight-semibold);color:var(--colorNeutralForeground1)}.deck-info-card__sub{font-size:var(--fontSize-200);color:var(--colorNeutralForeground4);margin-top:2px}.deck-info-card__actions{display:flex;gap:var(--spacingHorizontalS)}.valid-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--borderRadiusCircular);background:var(--colorStatusSuccessBackground);color:var(--colorStatusSuccessForeground);border:1px solid rgba(76,175,80,.3);font-size:var(--fontSize-200);font-weight:var(--fontWeight-semibold)}.invalid-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--borderRadiusCircular);background:var(--colorStatusDangerBackground);color:var(--colorStatusDangerForeground);border:1px solid rgba(239,83,80,.3);font-size:var(--fontSize-200);font-weight:var(--fontWeight-semibold)}.my-decks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacingVerticalL)}.my-deck-card,.deck-info-card,.lobby-deck-card{background:#131314cc padding-box,linear-gradient(to bottom,#131314,var(--color-primary)) border-box;border:1.5px solid transparent;border-radius:var(--borderRadius-card);padding:var(--spacingVerticalL);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:inset 1px 1px #ffffff26,inset -1px -1px #ffffff0d,var(--shadow4);cursor:pointer;transition:transform var(--durationFast) var(--curveEasyEase),box-shadow var(--durationFast) var(--curveEasyEase),background var(--durationFast) var(--curveEasyEase)}.my-deck-card:hover,.deck-info-card:hover,.lobby-deck-card:hover{transform:scale(1.02) translateY(-2px);background:#131314cc padding-box,linear-gradient(to bottom,#131314,var(--color-secondary)) border-box;box-shadow:0 0 15px #e9c34933,var(--shadow8)}.my-deck-card__name{font-size:var(--fontSize-300);font-weight:var(--fontWeight-semibold);color:var(--colorNeutralForeground1);margin-bottom:var(--spacingVerticalXS)}.my-deck-card__count{font-size:var(--fontSize-200);color:var(--colorNeutralForeground4)}.my-deck-card--add{background:transparent!important;border:1.5px dashed var(--color-outline-variant)!important;border-radius:var(--borderRadius-card)!important;color:var(--color-outline)!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center;gap:var(--spacingHorizontalS);min-height:100px}.my-deck-card--add:hover{color:var(--color-primary)!important;border-color:var(--color-primary)!important;transform:scale(1.02) translateY(-2px)!important}.design-card{background:#131314cc padding-box,linear-gradient(to bottom,#131314,var(--color-primary)) border-box;border:1.5px solid transparent;border-radius:var(--borderRadius-card);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:inset 1px 1px #ffffff26,inset -1px -1px #ffffff0d,var(--shadow4);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.design-card:hover{transform:scale(1.02);background:#131314cc padding-box,linear-gradient(to bottom,#131314,var(--color-secondary)) border-box;box-shadow:0 0 15px #e9c34933,var(--shadow8)}.design-card__header{font-family:"Noto Serif",Georgia,serif;text-align:center;margin-bottom:var(--spacing-stack-md)}.design-chip{background-color:#6fd7d626;color:var(--color-primary);border:1px solid rgba(111,215,214,.3);border-radius:4px;font-family:var(--fontFamily-base);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;line-height:1;display:inline-flex;align-items:center;justify-content:center}@media (max-width: 768px){.home-view__content{padding:var(--spacingVerticalL) var(--spacingHorizontalM);gap:var(--spacingVerticalXL)}.url-panel__input-row{flex-direction:column;gap:var(--spacingVerticalS)}.url-panel__input-row .btn{width:100%}.catalog-filters{flex-direction:column;gap:var(--spacingVerticalM)}}
