*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-base);color:var(--text-primary);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh;background:radial-gradient(ellipse at 20% 0%,var(--body-gradient-1) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,var(--body-gradient-2) 0%,transparent 60%),var(--bg-base)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none}:root{--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-faint: #64748b;--bg-base: #020617;--bg-surface: #1e293b;--color-win: #4ade80;--color-loss: #f87171;--color-warning: #facc15;--color-error: #f87171;--color-error-text: #fecaca;--color-warning-heading: #fef08a;--color-warning-body: rgba(253, 224, 71, .7);--link-color: #60a5fa;--link-hover: #93c5fd;--glass-bg: rgba(30, 41, 59, .45);--glass-bg-heavy: rgba(30, 41, 59, .65);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .12);--glass-tint: rgba(255, 255, 255, .06);--glass-tint-subtle: rgba(255, 255, 255, .04);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .25), 0 1px 4px rgba(0, 0, 0, .15);--glass-shadow-lg: 0 8px 40px rgba(0, 0, 0, .35), 0 2px 8px rgba(0, 0, 0, .2);--glass-glow-blue: 0 0 16px rgba(59, 130, 246, .25);--glass-glow-red: 0 0 16px rgba(239, 68, 68, .25);--glass-glow-green: 0 0 12px rgba(34, 197, 94, .15);--danger-tint: rgba(239, 68, 68, .1);--glass-inset-bg: rgba(15, 23, 42, .4);--glass-inset-border: rgba(255, 255, 255, .05);--glass-inset-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);--glass-btn-bg: rgba(255, 255, 255, .06);--glass-btn-border: rgba(255, 255, 255, .1);--glass-btn-highlight: rgba(255, 255, 255, .15);--glass-btn-hover-bg: rgba(255, 255, 255, .12);--glass-btn-active-bg: rgba(255, 255, 255, .04);--btn-primary-bg: rgba(37, 99, 235, .8);--btn-primary-border: rgba(96, 165, 250, .3);--btn-primary-hover: rgba(59, 130, 246, .9);--btn-danger-bg: rgba(220, 38, 38, .8);--btn-danger-border: rgba(248, 113, 113, .3);--btn-danger-hover: rgba(239, 68, 68, .9);--backdrop-bg: rgba(0, 0, 0, .4);--divider: rgba(255, 255, 255, .06);--panel-hover-bg: rgba(30, 41, 59, .6);--focus-ring: 0 0 0 2px rgba(96, 165, 250, .5);--banner-error-bg: rgba(69, 10, 10, .4);--banner-error-border: rgba(127, 29, 29, .5);--banner-warning-bg: rgba(66, 32, 6, .4);--banner-warning-border: rgba(133, 77, 14, .5);--banner-success-bg: rgba(34, 197, 94, .18);--banner-success-border: rgba(34, 197, 94, .5);--banner-info-bg: rgba(59, 130, 246, .18);--banner-info-border: rgba(59, 130, 246, .5);--banner-purple-bg: rgba(164, 138, 254, .18);--banner-purple-border: rgba(164, 138, 254, .5);--banner-neutral-bg: rgba(100, 116, 139, .18);--banner-neutral-border: rgba(148, 163, 184, .4);--color-success-heading: #4ade80;--color-success-body: rgba(74, 222, 128, .75);--color-info-heading: #93c5fd;--color-info-body: rgba(147, 197, 253, .75);--color-purple-heading: #c4b5fd;--color-neutral-heading: #cbd5e1;--surface-card: rgba(30, 41, 59, .55);--surface-hover: var(--panel-hover-bg);--surface-input: var(--glass-inset-bg);--surface-accent: rgba(37, 99, 235, .3);--border-subtle: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .18);--text-default: var(--text-primary);--text-strong: #fff;--text-accent: var(--link-color);--body-gradient-1: rgba(37, 99, 235, .08);--body-gradient-2: rgba(59, 130, 246, .05);--deck-slate: #8b9db8;--deck-rose: #fb7ea8;--deck-amber: #f9b732;--deck-emerald: #3dd9a0;--deck-sky: #4abcf7;--deck-violet: #a48afe;--deck-slate-tint: rgba(139, 157, 184, .25);--deck-rose-tint: rgba(251, 126, 168, .25);--deck-amber-tint: rgba(249, 183, 50, .25);--deck-emerald-tint: rgba(61, 217, 160, .25);--deck-sky-tint: rgba(74, 188, 247, .25);--deck-violet-tint: rgba(164, 138, 254, .25);--face-card-ring: #facc15}[data-theme=light]{--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-faint: #94a3b8;--bg-base: #f1f5f9;--bg-surface: #fff;--color-win: #16a34a;--color-loss: #dc2626;--color-warning: #854d0e;--color-error: #dc2626;--color-error-text: #dc2626;--color-warning-heading: #854d0e;--color-warning-body: rgba(133, 77, 14, .7);--link-color: #2563eb;--link-hover: #3b82f6;--glass-bg: rgba(255, 255, 255, .55);--glass-bg-heavy: rgba(255, 255, 255, .75);--glass-border: rgba(0, 0, 0, .06);--glass-highlight: rgba(255, 255, 255, .8);--glass-tint: rgba(0, 0, 0, .04);--glass-tint-subtle: rgba(0, 0, 0, .02);--glass-shadow: 0 2px 12px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--glass-shadow-lg: 0 4px 24px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--glass-glow-blue: 0 0 16px rgba(59, 130, 246, .2);--glass-glow-red: 0 0 16px rgba(239, 68, 68, .2);--glass-glow-green: 0 0 12px rgba(34, 197, 94, .12);--danger-tint: rgba(239, 68, 68, .08);--glass-inset-bg: rgba(0, 0, 0, .03);--glass-inset-border: rgba(0, 0, 0, .1);--glass-inset-shadow: inset 0 1px 2px rgba(0, 0, 0, .06);--glass-btn-bg: rgba(0, 0, 0, .04);--glass-btn-border: rgba(0, 0, 0, .08);--glass-btn-highlight: rgba(255, 255, 255, .5);--glass-btn-hover-bg: rgba(0, 0, 0, .08);--glass-btn-active-bg: rgba(0, 0, 0, .02);--btn-primary-bg: rgba(37, 99, 235, .9);--btn-primary-border: rgba(37, 99, 235, .3);--btn-primary-hover: #2563eb;--btn-danger-bg: rgba(220, 38, 38, .9);--btn-danger-border: rgba(220, 38, 38, .3);--btn-danger-hover: #dc2626;--backdrop-bg: rgba(0, 0, 0, .2);--divider: rgba(0, 0, 0, .06);--panel-hover-bg: rgba(255, 255, 255, .75);--focus-ring: 0 0 0 2px rgba(59, 130, 246, .4);--banner-error-bg: rgba(254, 202, 202, .4);--banner-error-border: rgba(248, 113, 113, .3);--banner-warning-bg: rgba(254, 240, 138, .4);--banner-warning-border: rgba(250, 204, 21, .3);--banner-success-bg: rgba(34, 197, 94, .15);--banner-success-border: rgba(22, 163, 74, .4);--banner-info-bg: rgba(59, 130, 246, .12);--banner-info-border: rgba(37, 99, 235, .4);--banner-purple-bg: rgba(164, 138, 254, .14);--banner-purple-border: rgba(109, 74, 207, .4);--banner-neutral-bg: rgba(203, 213, 225, .35);--banner-neutral-border: rgba(100, 116, 139, .4);--color-success-heading: #16a34a;--color-success-body: rgba(22, 163, 74, .75);--color-info-heading: #2563eb;--color-info-body: rgba(37, 99, 235, .75);--color-purple-heading: #6d4acf;--color-neutral-heading: #475569;--surface-card: rgba(255, 255, 255, .6);--surface-hover: var(--panel-hover-bg);--surface-input: var(--glass-inset-bg);--surface-accent: rgba(59, 130, 246, .15);--border-subtle: rgba(0, 0, 0, .12);--border-strong: rgba(0, 0, 0, .18);--text-default: var(--text-primary);--text-strong: #0f172a;--text-accent: var(--link-color);--body-gradient-1: rgba(37, 99, 235, .05);--body-gradient-2: rgba(59, 130, 246, .03);--deck-slate: #8b9db8;--deck-rose: #fb7ea8;--deck-amber: #f9b732;--deck-emerald: #3dd9a0;--deck-sky: #4abcf7;--deck-violet: #a48afe;--deck-slate-tint: rgba(139, 157, 184, .22);--deck-rose-tint: rgba(251, 126, 168, .22);--deck-amber-tint: rgba(249, 183, 50, .22);--deck-emerald-tint: rgba(61, 217, 160, .22);--deck-sky-tint: rgba(74, 188, 247, .22);--deck-violet-tint: rgba(164, 138, 254, .22);--face-card-ring: #facc15}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-shell__header{position:sticky;top:0;z-index:40;background:var(--glass-bg-heavy);backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);box-shadow:var(--glass-shadow-lg);border-left:none;border-right:none;border-top:none;border-radius:0;padding-top:env(safe-area-inset-top,0px)}.app-shell__header .header-inner{max-width:64rem;margin:0 auto;padding:0 max(1rem,env(safe-area-inset-right)) 0 max(1rem,env(safe-area-inset-left));height:3.25rem;display:flex;align-items:center;gap:.5rem}@media(min-width:640px){.app-shell__header .header-inner{padding:0 max(1.5rem,env(safe-area-inset-right)) 0 max(1.5rem,env(safe-area-inset-left));height:3.5rem;gap:.75rem}}.app-shell__header .back-link{flex-shrink:0;color:var(--link-color);padding:.25rem;margin-left:-.25rem;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;border-radius:.75rem}.app-shell__header .back-link:hover{color:var(--link-hover);background:var(--glass-tint)}.app-shell__header .logo{flex:1;display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1rem;line-height:1.5rem;letter-spacing:-.02em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:640px){.app-shell__header .logo{font-size:1.125rem;line-height:1.75rem}}.app-shell__header .theme-toggle{flex-shrink:0;color:var(--text-faint);padding:.375rem;border-radius:.75rem;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.app-shell__header .theme-toggle:hover{color:var(--text-primary);background:var(--glass-tint)}.app-shell__main{flex:1;max-width:64rem;margin:0 auto;width:100%;padding:1rem max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left))}@media(min-width:640px){.app-shell__main{padding:1.5rem max(1.5rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom,0px)) max(1.5rem,env(safe-area-inset-left))}}.app-shell__footer{text-align:center;padding:1rem 1rem max(1.5rem,env(safe-area-inset-bottom,0px))}.app-shell__footer .footer-link{font-size:.75rem;line-height:1rem;color:var(--text-faint);transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.app-shell__footer .footer-link:hover{color:var(--text-muted)}.home-page{display:flex;flex-direction:column}.home-page .hero{text-align:center;display:flex;flex-direction:column;gap:.75rem;padding-top:2rem}.home-page .title{font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-.03em}.home-page .subtitle{color:var(--text-muted);font-size:1rem;line-height:1.5rem}.home-page .deck-url-form,.home-page .deck-text-import__toggle{padding-top:1rem}.home-page .recent-deck-list{padding-top:2rem}.deck-page{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.deck-page{gap:1.5rem}}.deck-page .matchups-section{display:flex;flex-direction:column;gap:.75rem}.deck-page .matchups-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.deck-page .matchups-title{font-size:1rem;line-height:1.5rem;font-weight:600}@media(min-width:640px){.deck-page .matchups-title{font-size:1.125rem;line-height:1.75rem}}.deck-page .button-group{display:flex;gap:.5rem}.deck-page .btn-secondary{display:inline-flex;align-items:center;background:var(--glass-btn-bg);border:1px solid var(--glass-btn-border);border-top-color:var(--glass-btn-highlight);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);transition:all .2s ease}.deck-page .btn-secondary:hover{background:var(--glass-btn-hover-bg);border-color:var(--glass-btn-border)}.deck-page .btn-secondary:active{background:var(--glass-btn-active-bg)}.deck-page .btn-secondary{border-radius:1rem;font-size:.75rem;line-height:1rem;font-weight:500;cursor:pointer;padding:.375rem .5rem}@media(min-width:640px){.deck-page .btn-secondary{font-size:.875rem;line-height:1.25rem;padding:.5rem .75rem}}.deck-page .btn-primary{display:inline-flex;align-items:center;border-radius:1rem;font-size:.75rem;line-height:1rem;font-weight:500;padding:.375rem .75rem;background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);color:#fff;transition:all .2s ease;cursor:pointer}.deck-page .btn-primary:hover{background:var(--btn-primary-hover);box-shadow:var(--glass-glow-blue)}@media(min-width:640px){.deck-page .btn-primary{font-size:.875rem;line-height:1.25rem;padding:.5rem 1rem}}.deck-page .btn-primary:disabled{opacity:.5;cursor:default}.deck-page .claim-banner{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);box-shadow:var(--glass-shadow);border-radius:.75rem;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem;line-height:1.25rem;color:var(--text-muted);flex-wrap:wrap}.deck-page .claim-banner__action{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--link-color);cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.deck-page .claim-banner__action:hover{color:var(--link-hover)}.deck-page .claim-banner__dismiss{font-size:.75rem;line-height:1rem;color:var(--text-faint);cursor:pointer;margin-left:auto;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.deck-page .claim-banner__dismiss:hover{color:var(--text-muted)}.matchup-page-not-found{display:flex;flex-direction:column;gap:1rem}.matchup-page-not-found .back-link{color:var(--link-color);font-size:.875rem;line-height:1.25rem}.matchup-page-not-found .back-link:hover{color:var(--link-hover)}.matchup-page{display:flex;flex-direction:column;padding-bottom:1.5rem}.matchup-page:has(.sideboard-summary){padding-bottom:10rem}.matchup-page .page-header{display:flex;flex-direction:column;gap:.25rem}@media(min-width:640px){.matchup-page .page-header{order:-2}}.matchup-page .title-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.matchup-page .title{display:inline-flex;align-items:baseline;gap:.375rem;font-size:1.5rem;line-height:2rem;font-weight:700;cursor:pointer;border-radius:.75rem;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.matchup-page .title:hover{color:var(--text-secondary)}.matchup-page .title:hover .title-edit-hint{opacity:1}.matchup-page .title-meta-alias{font-size:.875rem;font-weight:400;color:var(--text-faint);margin-left:.25rem}.matchup-page .title-meta-alias:before{content:"("}.matchup-page .title-meta-alias:after{content:")"}.matchup-page .title-edit-hint{opacity:.3;transition:opacity .2s ease;flex-shrink:0;position:relative;top:-1px}.matchup-page .title-edit{flex:1;min-width:0}.matchup-page .title-input{width:100%;font-size:1.5rem;line-height:2rem;font-weight:700;color:inherit;background:transparent;border:none;border-bottom:2px solid var(--link-color);padding:0;outline:none}.matchup-page .title-input::placeholder{color:var(--text-faint)}.matchup-page .title-input[data-error]{border-color:var(--color-loss)}.matchup-page .title-error{color:var(--color-loss);font-size:.75rem;line-height:1rem;margin-top:.25rem}.matchup-page .header-meta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;color:var(--text-muted)}.matchup-page .color-tag-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.matchup-page .color-tag-row .meta-tag-list{margin-left:auto}.matchup-page .btn-icon-danger{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;color:var(--text-faint);flex-shrink:0;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;border-radius:.75rem;background:none;border:none;cursor:pointer}.matchup-page .btn-icon-danger:hover{color:var(--color-loss);background:var(--danger-tint)}.matchup-page .format-badge{font-size:.75rem;line-height:1rem;color:var(--text-muted);background:var(--glass-tint);border:1px solid var(--glass-border);border-radius:9999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.125rem .375rem;text-transform:capitalize}.matchup-page .section{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem}.matchup-page .out-label{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--color-loss)}.matchup-page .in-label{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--color-win)}.matchup-page .sideboard-summary{position:fixed;bottom:0;z-index:30;background:var(--glass-bg-heavy);backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);box-shadow:var(--glass-shadow-lg);border-bottom:none;padding-bottom:env(safe-area-inset-bottom,0px);left:0;right:0;border-radius:1.25rem 1.25rem 0 0;border-left:none;border-right:none}@media(min-width:1024px){.matchup-page .sideboard-summary{left:50%;right:auto;transform:translate(-50%);width:auto;border-radius:1.25rem;border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);bottom:1rem}}.matchup-page .sideboard-summary .summary-inner{padding:.5rem max(1rem,env(safe-area-inset-right)) .5rem max(1rem,env(safe-area-inset-left));display:flex;align-items:center;justify-content:center;gap:1rem}.matchup-page .sideboard-summary .in-out-counter{font-size:.75rem;line-height:1rem}.matchup-page .sideboard-summary .sideboard-plan{grid-template-columns:auto auto;gap:.25rem 1.5rem;font-size:.75rem;line-height:1rem}.stats-page{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:2rem}.stats-page-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.version-filter{font-size:.875rem;line-height:1.25rem;padding:.25rem .5rem;border-radius:.75rem;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-filter:focus{outline:none;border-color:var(--glass-highlight)}.stats-page-title{font-size:1.25rem;line-height:1.75rem;font-weight:700}.history-section{display:flex;flex-direction:column;gap:.75rem}.history-heading{font-size:1.125rem;line-height:1.75rem;font-weight:600}.meta-page{display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem}.meta-page-title{font-size:1.25rem;line-height:1.75rem;font-weight:700;text-transform:capitalize}.field-estimate{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);box-shadow:var(--glass-shadow);border-radius:1rem;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.field-estimate-main{display:flex;align-items:baseline;gap:.75rem;justify-content:space-evenly}.field-estimate-header{display:flex;flex-direction:row;gap:.75rem}.field-estimate-rate{font-size:1.5rem;line-height:2rem;font-weight:700;display:flex;flex-direction:column;align-items:baseline;gap:.5rem}.field-estimate-range{font-size:.875rem;line-height:1.25rem;font-weight:400;color:var(--text-faint)}.field-estimate-label{font-size:.875rem;line-height:1.25rem;color:var(--text-muted);display:flex;flex-direction:column;gap:.125rem}.field-estimate-detail{font-size:.75rem;line-height:1rem;color:var(--text-faint)}.field-estimate-slider{display:flex;flex-direction:column;gap:.125rem;padding-right:1.5rem}.slider-label{font-size:.75rem;color:var(--text-muted)}.slider-percentage{position:absolute;padding-left:.2rem}.slider-input{width:100%;accent-color:var(--link-color);cursor:pointer}.field-estimate-toggle{background:none;border:none;padding:0;font-size:.75rem;color:var(--text-faint);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}.field-estimate-toggle:hover{color:var(--text-muted)}.field-estimate-disclaimer{font-size:.75rem;line-height:1.25rem;color:var(--text-faint);border-top:1px solid var(--glass-border);padding-top:.5rem}.meta-layout{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.meta-layout{flex-direction:row}}.meta-detail{flex:2;min-width:0}.meta-detail-empty{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);box-shadow:var(--glass-shadow);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem;color:var(--text-faint);font-size:.875rem;position:relative;z-index:10}.archetype-picker-anchor{position:relative}.archetype-picker-btn{background:var(--glass-btn-bg);border:1px solid var(--glass-btn-border);border-top-color:var(--glass-btn-highlight);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);transition:all .2s ease}.archetype-picker-btn:hover{background:var(--glass-btn-hover-bg);border-color:var(--glass-btn-border)}.archetype-picker-btn:active{background:var(--glass-btn-active-bg)}.archetype-picker-btn{font-size:.875rem;line-height:1.25rem;padding:.375rem .75rem;border-radius:.75rem;color:var(--link-color);cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.archetype-picker-btn:hover{color:var(--text-primary)}.archetype-picker-menu{position:absolute;top:calc(100% + .25rem);left:0;z-index:50;min-width:16rem;max-height:20rem;overflow-y:auto;padding:.25rem;border-radius:.75rem;background:var(--panel-solid-bg, #1e293b);border:1px solid var(--glass-border);box-shadow:0 8px 24px #0006}.archetype-picker-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.25rem .5rem;border:none;background:none;color:var(--text-secondary);font-size:.875rem;line-height:1.25rem;text-align:left;cursor:pointer;border-radius:.375rem;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.archetype-picker-item:hover{background:var(--glass-tint);color:var(--text-primary)}.picker-item-pct{flex-shrink:0;min-width:2.5rem;text-align:right;font-weight:600;font-size:.75rem}.picker-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.change-archetype-btn{margin-top:.5rem;font-size:.75rem;line-height:1rem;padding:.25rem .5rem;background:none;border:none;color:var(--text-faint);cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.change-archetype-btn:hover{color:var(--text-secondary)}.meta-list{display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);box-shadow:var(--glass-shadow);border-radius:1rem;overflow:hidden}@media(min-width:640px){.meta-list{flex:1;align-self:flex-start}}.meta-archetype-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:background .1s ease}.meta-archetype-row+.meta-archetype-row{border-top:1px solid var(--glass-border)}.meta-archetype-row:not(.linked):hover{background:var(--glass-tint-subtle)}.meta-archetype-row.linked{opacity:.5}.meta-row-btn{margin-left:auto;flex-shrink:0;font-size:.75rem;line-height:1rem;padding:.125rem .5rem;border-radius:.75rem;cursor:pointer;background:var(--glass-btn-bg);border:1px solid var(--glass-btn-border);border-top-color:var(--glass-btn-highlight);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);transition:all .2s ease}.meta-row-btn:hover{background:var(--glass-btn-hover-bg);border-color:var(--glass-btn-border)}.meta-row-btn:active{background:var(--glass-btn-active-bg)}.meta-row-btn{color:var(--link-color);transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.meta-row-btn:hover{color:var(--text-primary)}.meta-row-pct{flex-shrink:0;font-size:.875rem;line-height:1.25rem;font-weight:600;min-width:2.5rem;text-align:right}.meta-row-name{font-size:.875rem;line-height:1.25rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.meta-row-linked{display:flex;align-items:center;gap:.25rem;margin-left:auto;flex-shrink:0;font-size:.75rem;line-height:1rem;color:var(--text-primary)}.meta-row-linked .meta-row-wr{margin-left:.25rem;font-weight:600}.meta-row-linked .meta-row-wr.low-confidence{opacity:.6}.meta-row-linked .meta-row-count{font-weight:400;font-size:.75rem;color:var(--text-faint);margin-left:.125rem}.meta-link-menu{position:fixed;z-index:200;min-width:14rem;overflow-y:auto;padding:.25rem;border-radius:.75rem;background:var(--panel-solid-bg, #1e293b);border:1px solid var(--glass-border);box-shadow:0 8px 24px #0006}.menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.25rem .5rem;border:none;background:none;color:var(--text-secondary);font-size:.875rem;line-height:1.25rem;text-align:left;cursor:pointer;border-radius:.375rem;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;white-space:nowrap}.menu-item:hover{background:var(--glass-tint);color:var(--text-primary)}.menu-item.create{color:var(--link-color);font-weight:500}.menu-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.menu-divider{height:1px;margin:.125rem .5rem;background:var(--glass-border)}.archetype-breakdown{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);box-shadow:var(--glass-shadow);border-radius:1rem;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.breakdown-title{font-size:1.125rem;line-height:1.75rem;font-weight:600}.breakdown-match{color:var(--color-win);font-size:.875rem}.breakdown-section{display:flex;flex-direction:column;gap:1px}.breakdown-section-title{font-size:.75rem;line-height:1rem;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.breakdown-card{display:flex;align-items:baseline;gap:.5rem;padding:.25rem;border-radius:.375rem;font-size:.875rem;line-height:1.25rem}.breakdown-card.missing,.breakdown-card.extra,.breakdown-card.over,.breakdown-card.under{color:var(--text-secondary)}.breakdown-pct{flex-shrink:0;min-width:2rem;text-align:right;font-size:.75rem;color:var(--text-faint)}.breakdown-qty{flex-shrink:0;min-width:2.5rem;text-align:right;font-size:.75rem;font-weight:500}.breakdown-vs{color:var(--text-faint);font-weight:400}.breakdown-name{min-width:0;word-break:break-word}.breakdown-board{margin-left:auto;flex-shrink:0;font-size:.75rem;color:var(--text-faint)}.feedback-page{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:2rem}.feedback-page__topbar{padding:1rem 0;border-bottom:1px solid var(--border-subtle)}.feedback-page__content{max-width:32rem;margin:0 auto;width:100%;padding-top:1rem;border-top:1px solid var(--border-subtle)}.feedback-hero{text-align:center;display:flex;flex-direction:column;gap:.75rem;padding-top:1rem}.feedback-hero__title{font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-.03em}.feedback-hero__subtitle{color:var(--text-muted);font-size:1rem;line-height:1.5rem}.feedback-form{max-width:32rem;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:.75rem}.feedback-form__types{display:flex;gap:.5rem}.feedback-form__type{flex:1;padding:.5rem .75rem;border-radius:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;background:var(--glass-btn-bg);border:1px solid var(--glass-btn-border);border-top-color:var(--glass-btn-highlight);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);transition:all .2s ease}.feedback-form__type:hover{background:var(--glass-btn-hover-bg);border-color:var(--glass-btn-border)}.feedback-form__type:active{background:var(--glass-btn-active-bg)}.feedback-form__type{color:var(--text-secondary);cursor:pointer}.feedback-form__type.is-active{background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);color:#fff;transition:all .2s ease;cursor:pointer}.feedback-form__type.is-active:hover{background:var(--btn-primary-hover);box-shadow:var(--glass-glow-blue)}.feedback-form__input{border-radius:1rem;background:var(--glass-inset-bg);border:1px solid var(--glass-inset-border);box-shadow:var(--glass-inset-shadow);padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;color:inherit}.feedback-form__input::placeholder{color:var(--text-faint)}.feedback-form__input:focus{outline:none;box-shadow:var(--focus-ring),var(--glass-shadow)}.feedback-form__textarea{border-radius:1rem;background:var(--glass-inset-bg);border:1px solid var(--glass-inset-border);box-shadow:var(--glass-inset-shadow);padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;color:inherit;resize:vertical;min-height:8rem;font-family:inherit}.feedback-form__textarea::placeholder{color:var(--text-faint)}.feedback-form__textarea:focus{outline:none;box-shadow:var(--focus-ring),var(--glass-shadow)}.feedback-form__hp{position:absolute;left:-9999px;opacity:0;height:0;width:0;pointer-events:none}.feedback-form__error{color:var(--color-loss);font-size:.875rem;line-height:1.25rem}.feedback-form__submit{border-radius:1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;padding:.75rem 1.25rem;background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);color:#fff;transition:all .2s ease;cursor:pointer}.feedback-form__submit:hover{background:var(--btn-primary-hover);box-shadow:var(--glass-glow-blue)}.feedback-form__submit:disabled{opacity:.6;cursor:not-allowed}.feedback-success{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);box-shadow:var(--glass-shadow);border-radius:1rem;padding:2rem 1.5rem;max-width:32rem;margin:3rem auto 0;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.feedback-success__title{font-size:1.25rem;line-height:1.75rem;font-weight:600}.feedback-success__text{color:var(--text-muted);font-size:.875rem;line-height:1.25rem}.feedback-success__link{color:var(--link-color);font-size:.875rem;line-height:1.25rem;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.feedback-success__link:hover{color:var(--link-hover)}.feedback-success__another{font-size:.75rem;line-height:1rem;color:var(--text-faint);cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.feedback-success__another:hover{color:var(--text-muted)}.deck-url-form{max-width:32rem;margin:0 auto;display:flex;flex-direction:column}.deck-url-form .row{display:flex;gap:.5rem}.deck-url-form .input{flex:1;border-radius:1rem;background:var(--glass-inset-bg);border:1px solid var(--glass-inset-border);box-shadow:var(--glass-inset-shadow);padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;color:inherit}.deck-url-form .input::placeholder{color:var(--text-faint)}.deck-url-form .input:focus{outline:none;box-shadow:var(--focus-ring),var(--glass-shadow)}.deck-url-form .submit-btn{border-radius:1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;padding:.75rem 1.25rem;background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);color:#fff;transition:all .2s ease;cursor:pointer}.deck-url-form .submit-btn:hover{background:var(--btn-primary-hover);box-shadow:var(--glass-glow-blue)}.deck-url-form .error{color:var(--color-loss);font-size:.875rem;line-height:1.25rem}.deck-text-import__toggle{display:block;margin:0 auto;font-size:.875rem;line-height:1.25rem;color:var(--text-secondary);cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.deck-text-import__toggle:hover{color:var(--text-muted)}.deck-text-import{padding-top:1rem;max-width:32rem;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.deck-text-import__row{display:flex;gap:.5rem}.deck-text-import__name{flex:1;border-radius:1rem;background:var(--glass-inset-bg);border:1px solid var(--glass-inset-border);box-shadow:var(--glass-inset-shadow);padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;color:inherit}.deck-text-import__name::placeholder{color:var(--text-faint)}.deck-text-import__name:focus{outline:none;box-shadow:var(--focus-ring),var(--glass-shadow)}.deck-text-import__format{border-radius:1rem;background:var(--glass-inset-bg);border:1px solid var(--glass-inset-border);box-shadow:var(--glass-inset-shadow);padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;color:var(--text-secondary);cursor:pointer}.deck-text-import__format:focus{outline:none;border-color:var(--glass-highlight)}.deck-text-import__textarea{border-radius:1rem;background:var(--glass-inset-bg);border:1px solid var(--glass-inset-border);box-shadow:var(--glass-inset-shadow);padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;color:inherit;resize:vertical;min-height:8rem;font-family:inherit}.deck-text-import__textarea::placeholder{color:var(--text-faint)}.deck-text-import__textarea:focus{outline:none;box-shadow:var(--focus-ring),var(--glass-shadow)}.deck-text-import__error{color:var(--color-loss);font-size:.875rem;line-height:1.25rem}.deck-text-import__actions{display:flex;align-items:center;gap:.75rem}.deck-text-import__submit{border-radius:1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;padding:.75rem 1.25rem;background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);color:#fff;transition:all .2s ease;cursor:pointer}.deck-text-import__submit:hover{background:var(--btn-primary-hover);box-shadow:var(--glass-glow-blue)}.deck-text-import__submit:disabled{opacity:.6;cursor:not-allowed}.deck-text-import__cancel{font-size:.875rem;line-height:1.25rem;color:var(--text-faint);cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.deck-text-import__cancel:hover{color:var(--text-muted)}.recent-deck-item{display:flex;align-items:center;gap:.75rem;border-radius:1rem;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);box-shadow:var(--glass-shadow);padding:.75rem;transition:all .2s ease;position:relative;overflow:hidden;min-height:4rem}.recent-deck-item:hover{border-color:var(--glass-highlight)}.recent-deck-item .color-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.3}.recent-deck-item[data-has-art] .color-bg{right:5rem}.recent-deck-item[data-has-art] .color-bg:after{content:"";position:absolute;top:0;right:-2rem;bottom:0;width:4rem;background:inherit;transform:skew(-12deg)}.recent-deck-item[data-color=slate] .color-bg{background:var(--deck-slate)}.recent-deck-item[data-color=rose] .color-bg{background:var(--deck-rose)}.recent-deck-item[data-color=amber] .color-bg{background:var(--deck-amber)}.recent-deck-item[data-color=emerald] .color-bg{background:var(--deck-emerald)}.recent-deck-item[data-color=sky] .color-bg{background:var(--deck-sky)}.recent-deck-item[data-color=violet] .color-bg{background:var(--deck-violet)}.recent-deck-item .art-bg{position:absolute;top:0;right:0;bottom:0;width:9rem;pointer-events:none;z-index:0;overflow:hidden;mask-image:linear-gradient(to right,transparent 5%,black 40%);-webkit-mask-image:linear-gradient(to right,transparent 5%,black 40%);transform:skew(-10deg);transform-origin:bottom right}.recent-deck-item .art-img{width:100%;height:100%;object-fit:cover;object-position:center 25%;opacity:.75;transform:skew(10deg) scale(1.15);transform-origin:center center}.recent-deck-item .link{flex:1;min-width:0;position:relative;z-index:1}.recent-deck-item .name{display:flex;align-items:center;min-width:0}.recent-deck-item .name-text{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-deck-item .format-badge{margin-left:.5rem;font-size:.75rem;line-height:1rem;color:var(--text-muted);background:var(--glass-tint);border:1px solid var(--glass-border);border-radius:9999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.125rem .375rem;text-transform:capitalize}.recent-deck-item .meta{font-size:.75rem;line-height:1rem;color:var(--text-muted);margin-top:.125rem}.recent-deck-item .remove-btn{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;color:var(--color-loss);border-radius:9999px;background:var(--glass-bg);border:1px solid var(--glass-border);z-index:2;opacity:0;transform:scale(.8);transition:opacity .15s ease,transform .15s ease,background .15s ease;cursor:pointer}.recent-deck-item .remove-btn svg{filter:drop-shadow(1px 0 0 var(--bg-base)) drop-shadow(-1px 0 0 var(--bg-base)) drop-shadow(0 1px 0 var(--bg-base)) drop-shadow(0 -1px 0 var(--bg-base))}.recent-deck-item .remove-btn:hover{background:var(--danger-tint)}.recent-deck-item:hover .remove-btn,.recent-deck-item:focus-within .remove-btn{opacity:1;transform:scale(1)}@media(hover:none){.recent-deck-item .remove-btn{opacity:.8;transform:scale(1)}}.recent-deck-list{display:flex;flex-direction:column;gap:.75rem}.recent-deck-list .title{text-align:center;font-size:1.125rem;line-height:1.75rem;font-weight:600;color:var(--text-secondary)}.recent-deck-list .empty{text-align:center;color:var(--text-faint);font-size:.875rem;line-height:1.25rem}.recent-deck-list .list{display:flex;flex-direction:column;gap:.5rem}.deck-header{display:flex;flex-direction:column;gap:.5rem;position:relative;border-radius:1rem;padding:1rem;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);box-shadow:var(--glass-shadow)}.deck-header .color-tint{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;border-radius:inherit;opacity:.6}.deck-header[data-color=slate] .color-tint{background:var(--deck-slate-tint)}.deck-header[data-color=rose] .color-tint{background:var(--deck-rose-tint)}.deck-header[data-color=amber] .color-tint{background:var(--deck-amber-tint)}.deck-header[data-color=emerald] .color-tint{background:var(--deck-emerald-tint)}.deck-header[data-color=sky] .color-tint{background:var(--deck-sky-tint)}.deck-header[data-color=violet] .color-tint{background:var(--deck-violet-tint)}.deck-header>*:not(.color-tint){position:relative;z-index:1}.deck-header .title-row{display:flex;align-items:center;gap:.75rem}.deck-header .title{flex:1;font-size:1.25rem;line-height:1.75rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:640px){.deck-header .title{font-size:1.5rem;line-height:2rem}}.deck-header .title-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.deck-header .refresh-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;color:var(--text-faint);border-radius:.75rem;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.deck-header .refresh-btn:hover{color:var(--text-primary);background:var(--glass-tint)}.deck-header .refresh-btn:disabled{opacity:.5}.deck-header .lock-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;color:var(--text-faint);border-radius:.75rem;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;cursor:pointer}.deck-header .lock-btn:hover{color:var(--link-color);background:var(--glass-tint)}.deck-header .spinning{animation:spin 1s linear infinite}.deck-header .meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;line-height:1rem;color:var(--text-muted);flex-wrap:wrap}@media(min-width:640px){.deck-header .meta{font-size:.875rem;line-height:1.25rem;gap:.75rem}}.deck-header .format-badge{text-transform:capitalize;font-weight:500;color:var(--text-secondary);background:var(--glass-tint);border:1px solid var(--glass-border);border-radius:9999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.125rem .5rem;font-size:.75rem;line-height:1rem}.deck-header .win-rate-badge{font-weight:500;color:var(--text-secondary)}.deck-header .counts{color:var(--text-faint)}.deck-header .price{color:var(--text-secondary);font-weight:500}.deck-header .link{color:var(--link-color);font-weight:500}.deck-header .link:hover{color:var(--link-hover)}.deck-header .deck-color-picker{position:relative;margin-left:auto}.deck-header .deck-color-picker .swatch{width:.875rem;height:.875rem;border-radius:50%;border:1.5px solid transparent;cursor:pointer;transition:transform .15s ease;padding:0}.deck-header .deck-color-picker .swatch:hover{transform:scale(1.2)}.deck-header .deck-color-picker .swatch[data-color=slate]{background:var(--deck-slate)}.deck-header .deck-color-picker .swatch[data-color=rose]{background:var(--deck-rose)}.deck-header .deck-color-picker .swatch[data-color=amber]{background:var(--deck-amber)}.deck-header .deck-color-picker .swatch[data-color=emerald]{background:var(--deck-emerald)}.deck-header .deck-color-picker .swatch[data-color=sky]{background:var(--deck-sky)}.deck-header .deck-color-picker .swatch[data-color=violet]{background:var(--deck-violet)}.deck-header .deck-color-picker .trigger-swatch{box-shadow:0 0 0 2px var(--glass-bg),0 0 0 3px var(--glass-border)}.deck-header .deck-color-picker .swatch-list{position:absolute;right:0;bottom:calc(100% + .375rem);display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;border-radius:1rem;background:var(--glass-bg-heavy);backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);box-shadow:var(--glass-shadow-lg);z-index:10}.deck-share-menu .trigger-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;cursor:pointer;border-radius:.75rem;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;color:var(--text-secondary)}.deck-share-menu .trigger-btn:hover{color:var(--text-primary);background:var(--glass-tint)}.deck-share-dropdown{position:fixed;z-index:100;min-width:13rem;padding:.375rem;border-radius:1rem;background:var(--glass-bg-heavy);backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);box-shadow:var(--glass-shadow-lg);display:flex;flex-direction:column;gap:.125rem}.deck-share-dropdown .feedback{font-size:.75rem;line-height:1rem;color:var(--color-win);padding:.25rem .5rem;text-align:center}.deck-share-dropdown .menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.375rem .5rem;border:none;background:none;color:var(--text-secondary);font-size:.875rem;line-height:1.25rem;text-align:left;cursor:pointer;border-radius:.75rem;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.deck-share-dropdown .menu-item:hover{background:var(--glass-tint);color:var(--text-primary)}.deck-share-dropdown .menu-item svg{flex-shrink:0;color:var(--text-faint)}.deck-share-dropdown .menu-item:hover svg{color:var(--text-secondary)}.matchup-list-empty{color:var(--text-faint);font-size:.875rem;line-height:1.25rem;padding:1rem 0}.matchup-list{display:flex;flex-direction:column;gap:.5rem}.matchup-list-item{border-radius:1rem;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);box-shadow:var(--glass-shadow);transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;scroll-margin-top:4rem}.matchup-list-item:hover{background:var(--panel-hover-bg);border-color:var(--glass-highlight)}.matchup-list-item .row{display:flex;align-items:center;padding:.5rem .5rem .5rem 0}.matchup-list-item .row-toggle{display:flex;align-items:center;flex:1;min-width:0;padding:.25rem .5rem .25rem .75rem;background:none;border:none;cursor:pointer;text-align:left;color:inherit}.matchup-list-item .edit-link,.matchup-list-item .chevron-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;background:none;border:none;cursor:pointer;border-radius:.75rem;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;color:var(--text-faint)}.matchup-list-item .edit-link:hover,.matchup-list-item .chevron-btn:hover{color:var(--text-secondary);background:var(--glass-tint)}.matchup-list-item .info{flex:1;min-width:0}.matchup-list-item .name{display:flex;align-items:center;gap:.25rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matchup-list-item .subtitle{display:flex;align-items:center;gap:.5rem;font-size:.75rem;line-height:1rem;color:var(--text-muted);margin-top:.125rem}.matchup-list-item .win-rate{color:var(--text-muted)}.matchup-list-item .chevron{flex-shrink:0;width:1rem;height:1rem;position:relative;transition:transform .2s ease}.matchup-list-item .chevron:before,.matchup-list-item .chevron:after{content:"";position:absolute;top:50%;width:.4rem;height:1.5px;background:var(--text-faint);border-radius:1px}.matchup-list-item .chevron:before{right:50%;transform:translateY(-50%) rotate(40deg);transform-origin:right center}.matchup-list-item .chevron:after{left:50%;transform:translateY(-50%) rotate(-40deg);transform-origin:left center}.matchup-list-item[data-expanded] .chevron{transform:rotate(180deg)}.matchup-list-item .stale-icon{color:var(--color-warning-heading);flex-shrink:0}.matchup-list-item .meta-tags{display:flex;gap:.125rem;flex-wrap:wrap}.matchup-list-item .meta-tag-inline{font-size:.625rem;line-height:1;padding:1px .25rem;border-radius:.375rem;background:var(--glass-tint);color:var(--text-faint)}.matchup-list-item[data-stale]{border-color:var(--color-warning-heading)}.matchup-list-item[data-incomplete]{opacity:.6;background-image:repeating-linear-gradient(-45deg,transparent,transparent 6px,var(--glass-border) 6px,var(--glass-border) 7px)}.matchup-list-item[data-incomplete]:hover{opacity:.8}.matchup-list-item .preview{padding:.75rem;display:flex;flex-direction:column;gap:.75rem;border-top:1px solid var(--glass-border);margin:0 .5rem}.matchup-list-item .preview-results{border-top:1px solid var(--glass-border);padding-top:.5rem}.matchup-list-item .log-result-btn{font-size:.75rem;line-height:1rem;padding:.375rem .75rem;border-radius:.75rem;color:var(--text-muted);cursor:pointer;background:var(--glass-btn-bg);border:1px solid var(--glass-btn-border);border-top-color:var(--glass-btn-highlight);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);transition:all .2s ease}.matchup-list-item .log-result-btn:hover{background:var(--glass-btn-hover-bg);border-color:var(--glass-btn-border)}.matchup-list-item .log-result-btn:active{background:var(--glass-btn-active-bg)}.matchup-list-item .log-result-btn{align-self:flex-start;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.matchup-list-item .log-result-btn:hover{color:var(--text-primary)}.matchup-list-item .empty{color:var(--text-faint);font-size:.875rem;line-height:1.25rem}.add-matchup-inline{display:flex;flex-direction:column;gap:.25rem}.add-matchup-inline .input{width:100%;border-radius:1rem;background:var(--glass-inset-bg);border:1px solid var(--glass-inset-border);box-shadow:var(--glass-inset-shadow);padding:.75rem;font-size:1rem;line-height:1.5rem}@media(min-width:640px){.add-matchup-inline .input{font-size:.875rem;line-height:1.25rem}}.add-matchup-inline .input{color:inherit;font-weight:500}.add-matchup-inline .input::placeholder{color:var(--text-faint);font-weight:400}.add-matchup-inline .input:focus{outline:none;box-shadow:var(--focus-ring),var(--glass-shadow)}.add-matchup-inline .error{color:var(--color-loss);font-size:.75rem;line-height:1rem;padding-left:.75rem}.card-preview{display:flex;flex-direction:column;gap:.75rem}.card-preview .toggle-btn{font-size:.875rem;line-height:1.25rem;color:var(--text-muted);transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.card-preview .toggle-btn:hover{color:var(--text-primary)}.card-preview .face-card-hint{font-size:.75rem;line-height:1rem;color:var(--text-faint);font-style:italic}.card-preview .cards{display:flex;flex-direction:column;gap:1rem}.card-preview .section-label{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--text-muted);margin-bottom:.5rem}.refresh-diff-banner{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;border-radius:1rem;background:var(--banner-warning-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--banner-warning-border);font-size:.875rem;line-height:1.25rem}.refresh-diff-banner .heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:var(--color-warning-heading)}.refresh-diff-banner .dismiss-btn{font-size:.75rem;line-height:1rem;color:var(--text-muted);cursor:pointer;padding:.125rem .375rem;border-radius:.75rem;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.refresh-diff-banner .dismiss-btn:hover{color:var(--text-primary);background:var(--glass-tint)}.refresh-diff-banner .section{display:flex;flex-wrap:wrap;gap:.25rem;color:var(--color-warning-body)}.refresh-diff-banner .added{color:var(--color-win)}.refresh-diff-banner .removed{color:var(--color-loss)}.refresh-diff-banner .changed{color:var(--text-muted)}.refresh-diff-banner .affected{color:var(--color-warning-body);font-weight:500}.deck-stats{display:flex;flex-direction:column;gap:1rem}.stats-overview{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);box-shadow:var(--glass-shadow);border-radius:1rem;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.overview-main{display:flex;align-items:baseline;gap:.5rem}.overview-rate{font-size:1.5rem;line-height:2rem;font-weight:700}.overview-record{font-size:.875rem;line-height:1.25rem;color:var(--text-muted)}.matchup-stats{display:flex;flex-direction:column;gap:1px;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);box-shadow:var(--glass-shadow);border-radius:1rem;overflow:hidden;padding:0}.matchup-stat-card{display:grid;grid-template-columns:1fr auto 6rem auto;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:background .1s ease}.matchup-stat-card:hover{background:var(--glass-tint-subtle)}.matchup-stat-card+.matchup-stat-card{border-top:1px solid var(--glass-border)}.matchup-stat-card.deleted{opacity:.5}.archived-label{font-weight:400;font-size:.75rem;color:var(--text-faint)}.stat-card-left{display:flex;align-items:center;gap:.375rem;min-width:0}.stat-card-name{font-size:.875rem;line-height:1.25rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.stat-card-record{font-size:.75rem;line-height:1rem;color:var(--text-faint);flex-shrink:0;text-align:right}.stat-card-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;gap:1px}.bar-fill{height:100%;min-width:2px;transition:width .3s ease}.bar-win{background:var(--win-color, #22c55e);border-radius:3px 0 0 3px}.bar-loss{background:var(--loss-color, #ef4444);border-radius:0 3px 3px 0}.stat-card-rate{font-size:.875rem;line-height:1.25rem;font-weight:700;flex-shrink:0;text-align:right;min-width:2.5rem}.sideboard-impact{display:flex;flex-direction:column;gap:.75rem}.impact-heading{font-size:.875rem;line-height:1.25rem;font-weight:600}.impact-section{display:flex;flex-direction:column;gap:.25rem}.impact-label{font-size:.75rem;line-height:1rem;color:var(--text-faint);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.impact-list{display:flex;flex-direction:column;gap:.125rem}.impact-row{display:flex;align-items:center;gap:.5rem;padding:.125rem 0}.impact-name{font-size:.75rem;line-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.impact-delta{font-size:.75rem;line-height:1rem;font-weight:700;flex-shrink:0}.impact-sample{font-size:.75rem;line-height:1rem;color:var(--text-faint);flex-shrink:0;min-width:1.5rem;text-align:right}.match-history{display:flex;flex-direction:column;gap:1rem}.new-group-btn{align-self:flex-start}.history-group{display:flex;flex-direction:column;gap:.25rem;padding:.25rem;border-radius:.75rem;transition:background .15s ease}.history-group.drag-over{background:var(--glass-tint)}.group-header{display:flex;align-items:center;gap:.25rem;padding-bottom:.125rem;border-bottom:1px solid var(--glass-border)}.group-label{font-size:.75rem;line-height:1rem;color:var(--text-faint);font-weight:500;text-transform:uppercase;letter-spacing:.05em;flex:1}.group-label[data-editable]{cursor:pointer}.group-label[data-editable]:hover{color:var(--text-secondary)}.group-record{font-size:.75rem;line-height:1rem;color:var(--text-faint);flex-shrink:0}.group-delete-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;flex-shrink:0;background:none;border:none;cursor:pointer;border-radius:.375rem;color:var(--text-faint);transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.group-delete-btn:hover{color:var(--danger-color);background:var(--glass-tint)}.group-label-edit{flex:1;min-width:0}.group-label-input{font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;padding:.125rem;width:100%;border-bottom:1px solid var(--link-color);background:transparent;color:var(--text-primary)}.group-label-input[data-error]{border-color:var(--danger-color)}.group-label-error{font-size:.75rem;line-height:1rem;color:var(--danger-color);margin-top:.125rem}.group-items{display:flex;flex-direction:column;gap:.125rem}.group-empty{font-size:.75rem;line-height:1rem;color:var(--text-faint);padding:.5rem;text-align:center;border:1px dashed var(--glass-border);border-radius:.375rem}.group-select-btn{font-size:.75rem;line-height:1rem;color:var(--text-faint);background:none;border:none;cursor:pointer;padding:.125rem .25rem;border-radius:.375rem;flex-shrink:0;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.group-select-btn:hover{color:var(--text-secondary);background:var(--glass-tint)}.select-actions{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.select-action-btn{font-size:.75rem}.select-action-btn:disabled{opacity:.4;cursor:not-allowed}.select-cancel-btn{font-size:.75rem;line-height:1rem;color:var(--text-faint);background:none;border:none;cursor:pointer}.select-cancel-btn:hover{color:var(--text-secondary)}.select-check{width:14px;height:14px;border-radius:.125rem;border:1.5px solid var(--text-faint);flex-shrink:0;transition:background .1s ease,border-color .1s ease}.select-check.checked{background:var(--link-color);border-color:var(--link-color)}.history-item{display:flex;align-items:center;gap:.5rem;padding:.25rem .125rem;border-radius:.375rem;transition:background .1s ease}.history-item:hover{background:var(--glass-tint-subtle)}.history-item:active{cursor:grabbing}.history-item[data-selected]{background:var(--glass-tint)}.drag-handle{display:flex;align-items:center;justify-content:center;width:1.25rem;flex-shrink:0;cursor:grab;touch-action:none;color:var(--text-faint);opacity:.6}.drag-handle:active{cursor:grabbing;opacity:1}.history-score{font-size:.875rem;line-height:1.25rem;font-weight:700;width:2rem;flex-shrink:0}.history-matchup{font-size:.875rem;line-height:1.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.history-time{font-size:.65rem;line-height:1;color:var(--text-faint);flex-shrink:0}.history-play-draw{font-size:.75rem;line-height:1rem;color:var(--text-faint);flex-shrink:0}.drag-ghost{position:fixed;z-index:9999;pointer-events:none;padding:.25rem .5rem;border-radius:.375rem;background:var(--glass-bg-heavy);color:var(--text-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.875rem;line-height:1.25rem;font-weight:600;box-shadow:0 4px 16px #0000004d;transform:none;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.edit-decklist-dialog{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);box-shadow:var(--glass-shadow);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.edit-decklist-dialog__header{display:flex;align-items:center;justify-content:space-between}.edit-decklist-dialog__title{font-size:1.125rem;line-height:1.75rem;font-weight:600}.edit-decklist-dialog__close{font-size:1.25rem;color:var(--text-faint);cursor:pointer;padding:.25rem;line-height:1;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.edit-decklist-dialog__close:hover{color:var(--text-primary)}.edit-decklist-dialog__textarea{border-radius:.75rem;background:var(--glass-inset-bg);border:1px solid var(--glass-inset-border);box-shadow:var(--glass-inset-shadow);padding:.75rem;font-size:.875rem;line-height:1.25rem;color:inherit;font-family:inherit;resize:vertical;min-height:16rem}.edit-decklist-dialog__textarea::placeholder{color:var(--text-faint)}.edit-decklist-dialog__textarea:focus{outline:none;box-shadow:var(--focus-ring),var(--glass-shadow)}.edit-decklist-dialog__error{color:var(--color-loss);font-size:.875rem;line-height:1.25rem}.edit-decklist-dialog__save{border-radius:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;padding:.75rem;background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);color:#fff;transition:all .2s ease;cursor:pointer}.edit-decklist-dialog__save:hover{background:var(--btn-primary-hover);box-shadow:var(--glass-glow-blue)}.edit-decklist-dialog__save:disabled{opacity:.6;cursor:not-allowed}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}@media(min-width:640px){.card-grid{grid-template-columns:repeat(6,1fr)}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(8,1fr)}}.card-tile{position:relative;border-radius:.4rem;overflow:hidden;background:var(--bg-surface);transition:all .2s ease;aspect-ratio:5/7;cursor:default}.card-tile[data-interactive=true]{cursor:pointer}.card-tile[data-interactive=true]:active{transform:scale(.95)}.card-tile[data-dim=true]{opacity:.5}.card-tile[data-mode=out][data-selected]{box-shadow:0 0 0 2px #ef4444,var(--glass-glow-red)}.card-tile[data-mode=in][data-selected]{box-shadow:0 0 0 2px #22c55e,var(--glass-glow-green)}.card-tile[data-face-card]{box-shadow:0 0 0 2px var(--face-card-ring),0 0 12px #facc154d}.card-tile[data-mode=face]{cursor:pointer}.card-tile[data-mode=face]:hover{transform:scale(1.03)}.card-tile .loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.card-tile .spinner{width:1.25rem;height:1.25rem;border:2px solid var(--glass-border);border-top-color:var(--text-muted);border-radius:9999px;animation:spin 1s linear infinite}.card-tile .image{width:100%;height:100%;object-fit:cover}.card-tile .image[data-loaded=false]{opacity:0}.card-tile .badge-qty{position:absolute;top:.25rem;left:.25rem;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:.75rem;line-height:1rem;font-weight:700;padding:.125rem .375rem;border-radius:.375rem}.card-tile .badge-selection{position:absolute;top:.25rem;right:.25rem;color:#fff;font-size:.75rem;line-height:1rem;font-weight:700;padding:.125rem .375rem;border-radius:.375rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card-tile .badge-selection[data-mode=out]{background:#dc2626d9}.card-tile .badge-selection[data-mode=in]{background:#16a34ad9}.card-tile .name-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:1rem .375rem .25rem}.card-tile .card-name{color:#fff;font-size:10px;line-height:1.2;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.in-out-counter{display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem}.in-out-counter .swap-count{font-weight:500}.in-out-counter .diff{color:var(--color-warning);font-weight:500}.sideboard-plan{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;font-size:.875rem;line-height:1.25rem}.sideboard-plan .column{display:flex;flex-direction:column;gap:.25rem}.sideboard-plan .out-heading{font-weight:500;color:var(--color-loss)}.sideboard-plan .in-heading{font-weight:500;color:var(--color-win)}.sideboard-plan .none{color:var(--text-faint)}.sideboard-plan .list{display:flex;flex-direction:column;gap:.125rem;list-style:none;padding-left:0}.sideboard-plan .item{display:flex;color:var(--text-secondary)}.sideboard-plan .item .sign{flex-shrink:0;width:1.5rem;text-align:right;margin-right:.25rem;color:var(--text-faint)}.sideboard-plan .item.stale{color:var(--color-warning-heading);text-decoration:line-through}.matchup-notes{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem}.matchup-notes .label{display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--text-muted)}.matchup-notes .textarea{width:100%;border-radius:1rem;background:var(--glass-inset-bg);border:1px solid var(--glass-inset-border);box-shadow:var(--glass-inset-shadow);padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;color:inherit;resize:vertical}.matchup-notes .textarea::placeholder{color:var(--text-faint)}.matchup-notes .textarea:focus{outline:none;box-shadow:var(--focus-ring),var(--glass-shadow)}.match-result-logger{display:flex;flex-direction:column;gap:.75rem}.match-result-logger .header{display:flex;align-items:baseline;gap:.5rem}.match-result-logger .label{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--text-secondary)}.match-result-logger .stats{font-size:.75rem;line-height:1rem;color:var(--text-muted)}.match-result-logger .result-list{display:flex;flex-direction:column;gap:.25rem}.match-result-logger .result-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;border-radius:.75rem;font-size:.75rem;line-height:1rem}.match-result-logger .result-item:hover{background:var(--glass-tint-subtle)}.match-result-logger .score{font-weight:600;min-width:1.75rem}.match-result-logger .score.win{color:var(--color-win)}.match-result-logger .score.loss{color:var(--color-loss)}.match-result-logger .play-draw-tag{color:var(--text-faint);font-size:.75rem}.match-result-logger .time{color:var(--text-faint);margin-left:auto}.match-result-logger .remove-btn{padding:.25rem;color:var(--text-faint);flex-shrink:0;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;background:transparent;border:none;cursor:pointer;border-radius:.75rem}.match-result-logger .remove-btn:hover{color:var(--color-loss);background:var(--danger-tint)}.score-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.score-controls .play-draw{display:flex;gap:.25rem;flex-shrink:0}.score-controls .toggle-btn{font-size:.75rem;line-height:1rem;padding:.25rem .5rem;border-radius:.75rem;border:1px solid var(--glass-border);color:var(--text-muted);transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;cursor:pointer;background:transparent}.score-controls .toggle-btn:hover{color:var(--text-primary);border-color:var(--glass-highlight);background:var(--glass-tint-subtle)}.score-controls .toggle-btn[data-active]{background:#3b82f626;color:var(--link-color);border-color:#3b82f64d}.score-controls .score-buttons{display:flex;gap:.5rem;flex:1}.score-controls .score-btn{flex:1;padding:.5rem;border-radius:1rem;font-size:.875rem;line-height:1.25rem;white-space:nowrap;font-weight:600;cursor:pointer;transition:all .2s ease;background:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.score-controls .score-btn.win{color:var(--color-win);border:1px solid rgba(34,197,94,.25)}@media(hover:hover){.score-controls .score-btn.win:hover{background:#22c55e26;border-color:#22c55e66;box-shadow:var(--glass-glow-green)}}.score-controls .score-btn.win:active{background:#22c55e33;border-color:#22c55e80}.score-controls .score-btn.loss{color:var(--color-loss);border:1px solid rgba(239,68,68,.25)}@media(hover:hover){.score-controls .score-btn.loss:hover{background:#ef444426;border-color:#ef444466;box-shadow:var(--glass-glow-red)}}.score-controls .score-btn.loss:active{background:#ef444433;border-color:#ef444480}.meta-tag-list{display:flex;flex-wrap:wrap;gap:.25rem}.meta-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:.75rem;font-size:.75rem;line-height:1rem;color:var(--text-secondary);background:var(--glass-tint);border:1px solid var(--glass-border)}.meta-tag-remove{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;padding:0;background:none;border:none;cursor:pointer;color:var(--text-faint);border-radius:50%;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.meta-tag-remove:hover{color:var(--color-loss);background:var(--glass-border)}.archetype-drawer{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);box-shadow:var(--glass-shadow);border-radius:1rem;overflow:hidden}.drawer-toggle{display:flex;align-items:center;gap:.25rem;width:100%;padding:.375rem .75rem;background:none;border:none;color:var(--text-muted);font-size:.75rem;line-height:1rem;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.drawer-toggle:hover{color:var(--text-primary)}.drawer-chevron{transition:transform .2s ease;transform:rotate(-90deg)}.drawer-chevron.rotated{transform:rotate(90deg)}.drawer-content{padding:.5rem .75rem;display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--glass-border)}.drawer-loading{font-size:.75rem;color:var(--text-faint)}.drawer-section-title{font-size:.625rem;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.125rem}.drawer-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:0 .5rem}.drawer-card{font-size:.75rem;line-height:1.25rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.linked-archetypes{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-bottom:1rem}.linked-heading{font-size:.75rem;color:var(--text-faint)}.linked-tabs{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center}.linked-tab{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-bg);cursor:pointer;transition:all .15s ease}.linked-tab:hover{border-color:var(--glass-highlight)}.linked-tab.active{background:var(--link-color);border-color:var(--link-color)}.linked-tab.active .linked-tab-btn{color:#fff}.linked-tab.active .linked-tab-unlink{color:#fff9}.linked-tab-btn{padding:.25rem .5rem;background:none;border:none;color:var(--text-secondary);font-size:.75rem;line-height:1;font-weight:500;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}.linked-tab-unlink{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin-right:.125rem;margin-left:-.25rem;padding:0;background:none;border:none;color:var(--text-faint);cursor:pointer;border-radius:50%;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.linked-tab-unlink:hover{color:var(--color-loss)}.linked-panel{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);box-shadow:var(--glass-shadow);border-radius:1rem;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.5rem;min-height:2rem;width:100%}.linked-panel-header{font-size:.875rem;font-weight:600;color:var(--text-primary)}.linked-loading{font-size:.75rem;color:var(--text-faint)}.linked-section{display:flex;flex-direction:column}.linked-section-title{font-size:.6rem;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em}.linked-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:0 .5rem}.linked-card{font-size:.75rem;line-height:1.25rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.history-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:40}.history-panel{position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--glass-bg-heavy);backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);box-shadow:var(--glass-shadow-lg);border-left:none;border-right:none;border-bottom:none;border-radius:1.25rem 1.25rem 0 0;max-height:70vh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0px)}.history-panel .header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--divider)}.history-panel .title{font-weight:600}.history-panel .close-btn{padding:.25rem;color:var(--text-muted);transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;border-radius:.75rem}.history-panel .close-btn:hover{color:var(--text-primary);background:var(--glass-tint)}.history-panel .content{flex:1;overflow-y:auto;padding:0 1rem}.history-panel .empty{color:var(--text-faint);font-size:.875rem;line-height:1.25rem;padding:1.5rem 0;text-align:center}.history-entry{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--divider)}.history-entry:last-child{border-bottom:0}.history-entry .body{flex:1;min-width:0}.history-entry .action{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-entry .meta{font-size:.75rem;line-height:1rem;color:var(--text-muted);margin-top:.125rem}.history-entry .revert-btn{font-size:.75rem;line-height:1rem;color:var(--link-color);padding:.25rem .5rem;border-radius:.75rem;flex-shrink:0;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.history-entry .revert-btn:hover{color:var(--link-hover);background:#60a5fa1a}.import-export-buttons{display:flex;gap:.5rem}.import-export-buttons .btn-secondary,.import-export-buttons .import-label{background:var(--glass-btn-bg);border:1px solid var(--glass-btn-border);border-top-color:var(--glass-btn-highlight);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);transition:all .2s ease}.import-export-buttons .btn-secondary:hover,.import-export-buttons .import-label:hover{background:var(--glass-btn-hover-bg);border-color:var(--glass-btn-border)}.import-export-buttons .btn-secondary:active,.import-export-buttons .import-label:active{background:var(--glass-btn-active-bg)}.import-export-buttons .btn-secondary,.import-export-buttons .import-label{border-radius:1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;padding:.5rem .75rem}.author-name-input{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);box-shadow:var(--glass-shadow);border-radius:1rem}.author-name-input .prompt{font-size:.875rem;line-height:1.25rem;color:var(--text-secondary)}.author-name-input .row{display:flex;gap:.5rem}.author-name-input .input{flex:1;border-radius:1rem;background:var(--glass-inset-bg);border:1px solid var(--glass-inset-border);box-shadow:var(--glass-inset-shadow);padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;color:inherit}.author-name-input .input::placeholder{color:var(--text-faint)}.author-name-input .input:focus{outline:none;box-shadow:var(--focus-ring),var(--glass-shadow)}.author-name-input .btn-primary{border-radius:1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;padding:.5rem 1rem;background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);color:#fff;transition:all .2s ease;cursor:pointer}.author-name-input .btn-primary:hover{background:var(--btn-primary-hover);box-shadow:var(--glass-glow-blue)}.confirm-dialog{background:var(--glass-bg-heavy);backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);box-shadow:var(--glass-shadow-lg);color:var(--text-primary);border-radius:1.25rem;padding:0;max-width:24rem;width:calc(100% - 3rem);margin:auto}.confirm-dialog::backdrop{background:var(--backdrop-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.confirm-dialog .body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.confirm-dialog .title{font-size:1.125rem;line-height:1.75rem;font-weight:600}.confirm-dialog .message{color:var(--text-secondary);font-size:.875rem;line-height:1.25rem}.confirm-dialog .actions{display:flex;gap:.75rem;justify-content:flex-end}.confirm-dialog .btn-ghost{border-radius:1rem;font-size:.875rem;line-height:1.25rem;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;cursor:pointer;color:var(--text-secondary);padding:.5rem 1rem}.confirm-dialog .btn-ghost:hover{background:var(--glass-tint)}.confirm-dialog .confirm-primary{border-radius:1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;padding:.5rem 1rem;background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);color:#fff;transition:all .2s ease;cursor:pointer}.confirm-dialog .confirm-primary:hover{background:var(--btn-primary-hover);box-shadow:var(--glass-glow-blue)}.confirm-dialog .confirm-danger{border-radius:1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;padding:.5rem 1rem;background:var(--btn-danger-bg);border:1px solid var(--btn-danger-border);color:#fff;transition:all .2s ease;cursor:pointer}.confirm-dialog .confirm-danger:hover{background:var(--btn-danger-hover);box-shadow:var(--glass-glow-red)}.error-banner{border-radius:1rem;background:var(--banner-error-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--banner-error-border);padding:1rem;display:flex;align-items:flex-start;gap:.75rem}.error-banner .icon{color:var(--color-error);flex-shrink:0;margin-top:.125rem}.error-banner .body{flex:1;min-width:0}.error-banner .message{color:var(--color-error-text);font-size:.875rem;line-height:1.25rem}.error-banner .retry-btn{margin-top:.5rem;color:var(--color-error);font-size:.875rem;line-height:1.25rem;text-decoration:underline}.error-banner .retry-btn:hover{color:#fca5a5}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;gap:.75rem}.loading-spinner .spinner{width:2rem;height:2rem;border:3px solid var(--glass-border);border-top-color:#3b82f6;border-radius:9999px;animation:spin 1s linear infinite}.loading-spinner .message{color:var(--text-muted);font-size:.875rem;line-height:1.25rem}.play-draw-toggle{display:flex;gap:.25rem;align-self:flex-start;padding-bottom:.5rem}.play-draw-toggle .toggle-btn{font-size:.75rem;line-height:1rem;padding:.125rem .5rem;border-radius:9999px;color:var(--text-faint);cursor:pointer;background:var(--glass-btn-bg);border:1px solid var(--glass-btn-border);border-top-color:var(--glass-btn-highlight);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);transition:all .2s ease}.play-draw-toggle .toggle-btn:hover{background:var(--glass-btn-hover-bg);border-color:var(--glass-btn-border)}.play-draw-toggle .toggle-btn:active{background:var(--glass-btn-active-bg)}.play-draw-toggle .toggle-btn[data-active]{color:var(--text-primary);background:var(--glass-btn-hover-bg)}.play-draw-split{display:flex;gap:.5rem}.split-item{font-size:.75rem;line-height:1rem;color:var(--text-secondary);display:flex;align-items:center;gap:.25rem}.split-record{color:var(--text-faint)}.mana-pips{display:inline-flex;align-items:center;gap:1px;flex-shrink:0}.mana-symbol{display:block;flex-shrink:0;vertical-align:middle}.mana-color-picker{display:inline-flex;align-items:center;gap:.125rem}.mana-picker-btn{display:inline-flex;align-items:center;justify-content:center;padding:2px;line-height:0;background:none;border:none;border-radius:9999px;cursor:pointer;opacity:.35;transition:opacity .15s ease,transform .15s ease;flex-shrink:0}.mana-picker-btn:hover{opacity:.7}.mana-picker-btn[data-selected]{opacity:1;transform:scale(1.15)}.result-streak{display:flex;flex-wrap:wrap;gap:.125rem;align-items:center}.streak-dot{width:.5rem;height:.5rem;border-radius:9999px;flex-shrink:0}.streak-dot.win{background:var(--color-win)}.streak-dot.loss{background:var(--color-loss)}.wr-good{color:var(--color-win)}.wr-bad{color:var(--color-loss)}.wr-even{color:var(--text-secondary)}.no-data{font-style:italic}.card-preview-anchor{cursor:pointer;-webkit-tap-highlight-color:transparent}.card-preview-overlay{position:fixed;z-index:200;pointer-events:auto}.card-preview-overlay .card-preview-img{display:block;width:200px;border-radius:.75rem;box-shadow:0 12px 32px #0009}.pin-dialog{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);box-shadow:var(--glass-shadow);border-radius:1rem;padding:1.5rem;max-width:24rem;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.pin-dialog__title{font-size:1.125rem;line-height:1.75rem;font-weight:600;text-align:center}.pin-dialog__subtitle{font-size:.875rem;line-height:1.25rem;color:var(--text-muted);text-align:center}.pin-dialog__form{display:flex;flex-direction:column;gap:.75rem}.pin-dialog__input{border-radius:.75rem;background:var(--glass-inset-bg);border:1px solid var(--glass-inset-border);box-shadow:var(--glass-inset-shadow);padding:.75rem 1rem;font-size:1rem;line-height:1.5rem;color:inherit;text-align:center;letter-spacing:.2em}.pin-dialog__input::placeholder{color:var(--text-faint);letter-spacing:normal}.pin-dialog__input:focus{outline:none;box-shadow:var(--focus-ring),var(--glass-shadow)}.pin-dialog__input--email{font-size:.875rem;letter-spacing:normal;text-align:left}.pin-dialog__error{color:var(--color-loss);font-size:.875rem;line-height:1.25rem;text-align:center}.pin-dialog__actions{display:flex;flex-direction:column;gap:.5rem;align-items:center}.pin-dialog__submit{width:100%;border-radius:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;padding:.75rem;background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);color:#fff;transition:all .2s ease;cursor:pointer}.pin-dialog__submit:hover{background:var(--btn-primary-hover);box-shadow:var(--glass-glow-blue)}.pin-dialog__dismiss{font-size:.75rem;line-height:1rem;color:var(--text-faint);cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.pin-dialog__dismiss:hover{color:var(--text-muted)}.warning-banner{border-radius:1rem;background:var(--banner-warning-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--banner-warning-border);padding:.75rem}.warning-banner .heading{color:var(--color-warning-heading);font-size:.875rem;line-height:1.25rem;font-weight:500}.warning-banner .body{color:var(--color-warning-body);font-size:.75rem;line-height:1rem;margin-top:.25rem}.warning-banner .action-btn{margin-top:.5rem;font-size:.75rem;line-height:1rem;padding:.25rem .5rem;border-radius:.75rem;color:var(--color-warning-heading);cursor:pointer;background:var(--glass-btn-bg);border:1px solid var(--glass-btn-border);border-top-color:var(--glass-btn-highlight);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);transition:all .2s ease}.warning-banner .action-btn:hover{background:var(--glass-btn-hover-bg);border-color:var(--glass-btn-border)}.warning-banner .action-btn:active{background:var(--glass-btn-active-bg)}.warning-banner .action-btn{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.warning-banner .action-btn:hover{background:var(--banner-warning-border)}.back-button{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:.75rem;font-size:.875rem;line-height:1.25rem;color:var(--text-muted);cursor:pointer;background:var(--glass-btn-bg);border:1px solid var(--glass-btn-border);border-top-color:var(--glass-btn-highlight);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);transition:all .2s ease}.back-button:hover{background:var(--glass-btn-hover-bg);border-color:var(--glass-btn-border)}.back-button:active{background:var(--glass-btn-active-bg)}.back-button{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.back-button:hover{color:var(--text-default)}.back-button__arrow{font-size:1.125rem;line-height:1}.back-button__label{line-height:1.25rem}.feedback-list{display:flex;flex-direction:column;gap:1rem}.feedback-list__filters{display:flex;flex-wrap:wrap;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.feedback-list__filter{padding:.25rem .75rem;border-radius:.75rem;font-size:.75rem;line-height:1rem;color:var(--text-default);cursor:pointer;background:var(--glass-btn-bg);border:1px solid var(--glass-btn-border);border-top-color:var(--glass-btn-highlight);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);transition:all .2s ease}.feedback-list__filter:hover{background:var(--glass-btn-hover-bg);border-color:var(--glass-btn-border)}.feedback-list__filter:active{background:var(--glass-btn-active-bg)}.feedback-list__filter{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.feedback-list__filter.is-active{background:var(--surface-accent);color:var(--text-strong)}.feedback-list__items{display:flex;flex-direction:column;gap:.75rem}.feedback-list__loading,.feedback-list__empty,.feedback-list__error{font-size:.875rem;color:var(--text-muted)}.feedback-list__error{color:var(--color-error)}.feedback-item{border-radius:1rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--surface-card);border:1px solid var(--border-strong);box-shadow:var(--glass-shadow);overflow:hidden}.feedback-item.is-expanded{border-color:var(--banner-info-border);box-shadow:var(--glass-shadow-lg)}.feedback-item__header{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;width:100%;text-align:left;background:transparent;border:0;cursor:pointer;color:inherit;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.feedback-item__header:hover{background:var(--surface-hover)}.feedback-item__meta{display:flex;align-items:center;gap:.5rem}.feedback-item__date{font-size:.75rem;color:var(--text-muted)}.feedback-item__title{font-size:.875rem;line-height:1.25rem;color:var(--text-strong);font-weight:500}.feedback-item__snippet{font-size:.75rem;line-height:1rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feedback-item__footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted)}.feedback-item__external{color:var(--text-accent);text-decoration:none}.feedback-item__external:hover{text-decoration:underline}.feedback-item__body{padding:.75rem;display:flex;flex-direction:column;gap:1rem;border-top:1px solid var(--border-subtle)}.feedback-item__full{font-size:.875rem;line-height:1.25rem;color:var(--text-default);white-space:pre-wrap}.feedback-item__section-title{font-size:.75rem;line-height:1rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.feedback-item__loading,.feedback-item__empty{font-size:.75rem;color:var(--text-muted)}.feedback-item__error{font-size:.75rem;color:var(--color-error)}.feedback-item__reopen-notice{font-size:.75rem;line-height:1rem;color:var(--color-success-heading);background:var(--banner-success-bg);padding:.5rem .75rem;border-radius:.75rem;border:1px solid var(--banner-success-border, var(--border-subtle))}.feedback-comment{padding:.75rem .75rem .75rem 1rem;border-left:2px solid var(--border-subtle)}.feedback-comment+.feedback-comment{border-top:1px solid var(--border-subtle);margin-top:.5rem}.feedback-comment.is-team{border-left-color:var(--color-success-heading);background:var(--banner-info-bg);border-radius:.75rem}.feedback-comment__meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.feedback-comment__avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.feedback-comment__author{font-size:.75rem;line-height:1rem;font-weight:600;color:var(--text-accent)}.feedback-comment.is-team .feedback-comment__author{color:var(--text-strong)}.feedback-comment__badge{font-size:10px;line-height:1;padding:2px .25rem;border-radius:.75rem;background:var(--banner-success-bg);color:var(--color-success-heading);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.feedback-comment__body{font-size:.875rem;line-height:1.25rem;color:var(--text-default);white-space:pre-wrap}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px .5rem;border-radius:.75rem;font-size:11px;line-height:1.2;font-weight:600;letter-spacing:.02em;border:1px solid transparent}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge--submitted{background:var(--banner-info-bg);color:var(--color-info-heading);border-color:var(--banner-info-border)}.status-badge--in-progress{background:var(--banner-warning-bg);color:var(--color-warning-heading);border-color:var(--banner-warning-border)}.status-badge--planned{background:var(--banner-purple-bg);color:var(--color-purple-heading);border-color:var(--banner-purple-border)}.status-badge--shipped{background:var(--banner-success-bg);color:var(--color-success-heading);border-color:var(--banner-success-border)}.status-badge--declined{background:var(--banner-neutral-bg);color:var(--color-neutral-heading);border-color:var(--banner-neutral-border)}.reply-form{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-radius:.75rem;background:var(--surface-input);border:1px solid var(--border-strong)}.reply-form__identity{display:flex;align-items:center;gap:.5rem;font-size:.75rem;line-height:1rem;color:var(--text-muted)}.reply-form__label{color:var(--text-muted)}.reply-form__name{color:var(--text-accent);font-weight:600}.reply-form__reroll{font-size:.875rem;padding:0 .25rem;border:0;background:transparent;cursor:pointer;color:var(--text-muted);transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.reply-form__reroll:hover{color:var(--text-accent)}.reply-form__textarea{font-family:inherit;font-size:.875rem;line-height:1.25rem;color:var(--text-default);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:.75rem;padding:.5rem;resize:vertical}.reply-form__textarea:focus{outline:0;border-color:var(--text-accent);box-shadow:var(--focus-ring)}.reply-form__error{font-size:.75rem;line-height:1rem;color:var(--color-error)}.reply-form__actions{display:flex;justify-content:space-between;align-items:center}.reply-form__disclosure{font-size:.75rem;color:var(--text-muted)}.reply-form__submit{padding:.25rem .75rem;border-radius:.75rem;font-size:.75rem;line-height:1rem;color:var(--text-strong);cursor:pointer;background:var(--glass-btn-bg);border:1px solid var(--glass-btn-border);border-top-color:var(--glass-btn-highlight);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);transition:all .2s ease}.reply-form__submit:hover{background:var(--glass-btn-hover-bg);border-color:var(--glass-btn-border)}.reply-form__submit:active{background:var(--glass-btn-active-bg)}.reply-form__submit:disabled{opacity:.5;cursor:not-allowed}.feedback-tabs{display:flex;gap:.25rem;padding:.25rem;border-radius:1rem;background:var(--glass-inset-bg);border:1px solid var(--glass-inset-border);box-shadow:var(--glass-inset-shadow);max-width:32rem;margin:0 auto;width:100%}.feedback-tabs__tab{flex:1;padding:.5rem 1rem;border-radius:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--text-muted);background:transparent;border:0;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.feedback-tabs__tab:hover{color:var(--text-default)}.feedback-tabs__tab.is-active{background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);color:#fff;transition:all .2s ease;cursor:pointer}.feedback-tabs__tab.is-active:hover{background:var(--btn-primary-hover);box-shadow:var(--glass-glow-blue)}.feedback-tabs__tab.is-active{color:var(--text-strong)}