*{box-sizing:border-box}:root{color-scheme:light;--canvas: #f4f4f7;--surface: #ffffff;--raise: #ecebf1;--border: rgba(24, 22, 40, .1);--border-strong: rgba(24, 22, 40, .18);--text: #1a1922;--text-muted: #56545f;--accent: #4f5fd6;--accent-press: #3f4dbe;--on-accent: #ffffff;--accent-ghost: color-mix(in srgb, var(--accent) 8%, transparent);--accent-tint: color-mix(in srgb, var(--accent) 12%, transparent);--accent-line: color-mix(in srgb, var(--accent) 40%, transparent);--gold: #b9791a;--error: #c8422a;--shadow-color: rgba(24, 20, 45, .14);--control-h: 34px;--radius-sm: 4px;--radius-md: 8px;--radius-pill: 999px;--font-sans: "Manrope", -apple-system, "SF Pro Display", "Segoe UI", sans-serif;--font-display: "Space Grotesk", var(--font-sans);--font-mono: "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--rr-c: #5b5966;--rr-c-soft: rgba(91, 89, 102, .12);--rr-r: #2f6fb0;--rr-r-soft: rgba(47, 111, 176, .13);--rr-sr: #3f8f52;--rr-sr-soft: rgba(63, 143, 82, .14);--rr-ur: #b07d1c;--rr-ur-soft: rgba(176, 125, 28, .15);--rr-mr: #7c53c9;--rr-mr-soft: rgba(124, 83, 201, .13);--rr-sec: #c8422a;--rr-sec-soft: rgba(200, 66, 42, .12);--rr-gr: #c0447f;--rr-gr-soft: rgba(192, 68, 127, .12);--rr-pr: #1c8f88;--rr-pr-soft: rgba(28, 143, 136, .14);--rr-er: #c06a1e;--rr-er-soft: rgba(192, 106, 30, .14);--rr-tr: #b0359e;--rr-tr-soft: rgba(176, 53, 158, .12);--cc-red: var(--rr-sec);--cc-blue: var(--rr-r);--cc-green: var(--rr-sr);--cc-yellow: var(--rr-ur)}body{margin:0;font-family:var(--font-sans);font-size:12px;background:var(--canvas);color:var(--text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:sticky;top:0;z-index:20;background:var(--canvas);border-bottom:1px solid var(--border)}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:880px;margin:0 auto;padding:14px 20px}.site-header .wordmark{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--text);text-decoration:none}.site-nav{display:flex;align-items:center;gap:18px}.site-nav a{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text-muted);text-decoration:none;transition:color .15s ease}.site-nav a:hover,.site-nav a:focus-visible{color:var(--text)}.site-nav .site-nav-signin{font-family:var(--font-display);font-size:13px;font-weight:600;line-height:1;padding:7px 14px;border:1px solid var(--border-strong);border-radius:999px;color:var(--text);background:transparent;text-decoration:none;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.site-nav .site-nav-signin:hover,.site-nav .site-nav-signin:focus-visible{border-color:var(--accent);color:var(--text);background:var(--accent-ghost)}.site-footer{border-top:1px solid var(--border);color:var(--text-muted)}.site-footer-inner{max-width:880px;margin:0 auto;padding:28px 20px calc(28px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:1.6}.site-footer-inner p{margin:0}.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 18px}.site-footer nav a{font-weight:600;color:var(--text);text-decoration:none}.site-footer nav a:hover,.site-footer nav a:focus-visible{color:var(--accent)}.site-footer-fine{font-size:12px;opacity:.8;max-width:72ch}.ad-slot{position:relative;display:flex;align-items:center;justify-content:center;width:calc(100% - 32px);max-width:970px;min-height:100px;max-height:300px;margin:24px auto;padding:20px 8px 8px;border:1px solid var(--border-strong);border-radius:8px;background:var(--raise);overflow:hidden}.ad-slot-label{position:absolute;top:6px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);pointer-events:none}.ad-slot .adsbygoogle{width:100%}.app{display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;min-height:100vh;min-height:100dvh}.app.has-top-ad{grid-template-rows:auto auto 1fr}.app-top-ad{grid-column:1 / -1;position:relative;display:flex;justify-content:center;border-bottom:1px solid var(--border);background:var(--canvas)}.app-top-ad .ad-slot{margin:12px auto}.app-top-ad-close{position:absolute;top:6px;right:8px;z-index:2}.app>.site-header{grid-column:1 / -1}.app>.site-header .site-header-inner{max-width:none}.browse-panel{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border)}@media (max-width: 860px){.app{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.browse-panel{border-right:none;border-bottom:1px solid var(--border)}.deck-panel{border-left:none;max-height:60dvh}}.deck-panel{background:var(--surface);padding:16px;min-height:0;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.browse-list{flex:1;min-height:0;overflow-y:auto;padding:16px}.shared-deck-banner{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:8px 10px;font-size:12px;color:var(--text-muted);background:var(--accent-tint);border:1px solid var(--accent-line);border-radius:6px}.shared-deck-banner span{flex:1}.shared-deck-banner .btn{flex-shrink:0}.browse-list,.deck-panel,.deck-grid{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.browse-list::-webkit-scrollbar,.deck-panel::-webkit-scrollbar,.deck-grid::-webkit-scrollbar{width:6px}.browse-list::-webkit-scrollbar-track,.deck-panel::-webkit-scrollbar-track,.deck-grid::-webkit-scrollbar-track{background:transparent}.browse-list::-webkit-scrollbar-thumb,.deck-panel::-webkit-scrollbar-thumb,.deck-grid::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.browse-list::-webkit-scrollbar-thumb:hover,.deck-panel::-webkit-scrollbar-thumb:hover,.deck-grid::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h2{margin-top:0;margin-bottom:0;font-family:var(--font-display);font-size:17px;font-weight:600}.filter-bar{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.field{display:block;flex:1 1 220px;min-width:140px;font-size:12px;color:var(--text-muted)}.field input[type=text],.field input[type=number],.field select,.import-modal-body textarea,.analysis-search input,.save-deck-input{background:var(--raise);border:1px solid var(--border);border-radius:4px;color:var(--text);transition:border-color .15s ease}.field input[type=text]:focus-visible,.field input[type=number]:focus-visible,.field select:focus-visible,.import-modal-body textarea:focus-visible,.analysis-search input:focus-visible,.save-deck-input:focus-visible{outline:none;border-color:var(--accent)}.field input[type=text],.field input[type=number],.field select{width:100%;margin-top:4px;padding:6px 8px;font-family:inherit}fieldset.field{flex:1 1 220px;border:1px solid var(--border);border-radius:4px;padding:6px 8px}fieldset.field legend{padding:0 4px;font-size:12px;color:var(--text-muted)}fieldset.field:focus-within{border-color:var(--accent)}fieldset.field>input[type=text]{margin:0;padding:2px 0;border:none;background:transparent;font-size:12px}fieldset.field>input[type=text]:focus-visible{outline:none;border:none}.range-inputs{display:flex;align-items:center;gap:6px;width:100%}.range-inputs input[type=number]{min-width:0;flex:1 1 0}.filter-bar>.action-control{flex:0 0 auto;align-self:flex-end}.action-control{display:flex;align-items:center;gap:8px}.action-control .btn{display:inline-flex;align-items:center;gap:6px;height:var(--control-h)}.pill-group{display:flex;flex-wrap:wrap;gap:6px}.pill{--pill-hue: var(--accent);--pill-fill: var(--pill-hue);--pill-idle-border: var(--border-strong);--pill-idle-text: var(--text-muted);--pill-on-text: var(--on-accent);position:relative;display:inline-flex;align-items:center;padding:3px 10px;border:1px solid var(--pill-idle-border);border-radius:999px;font-size:12px;font-weight:600;line-height:1.5;color:var(--pill-idle-text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.pill>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.pill:hover:not(:has(>input:checked)){border-color:var(--pill-fill);color:var(--pill-fill)}.pill:has(>input:checked){background:var(--pill-fill);border-color:var(--pill-fill);color:var(--pill-on-text)}.pill:has(>input:focus-visible){outline:2px solid var(--pill-fill);outline-offset:2px}.pill[class*=tone-]{--pill-idle-text: var(--pill-hue);--pill-idle-border: color-mix(in srgb, var(--pill-hue) 45%, transparent)}.pill.tone-c{--pill-hue: var(--rr-c)}.pill.tone-r{--pill-hue: var(--rr-r)}.pill.tone-sr{--pill-hue: var(--rr-sr)}.pill.tone-gr{--pill-hue: var(--rr-gr)}.pill.tone-ur{--pill-hue: var(--rr-ur)}.pill.tone-mr{--pill-hue: var(--rr-mr)}.pill.tone-sec{--pill-hue: var(--rr-sec)}.pill.tone-pr{--pill-hue: var(--rr-pr)}.pill.tone-er{--pill-hue: var(--rr-er)}.pill.tone-tr{--pill-hue: var(--rr-tr)}.pill.tone-red{--pill-hue: var(--cc-red)}.pill.tone-blue{--pill-hue: var(--cc-blue)}.pill.tone-green{--pill-hue: var(--cc-green)}.pill.tone-yellow{--pill-hue: var(--cc-yellow)}.filter-badge{display:inline-grid;place-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:600}.filter-popup{flex-direction:column;gap:16px;max-width:460px}.filter-popup-groups{display:flex;flex-direction:column;gap:12px}.filter-popup-groups .field{flex:none;width:100%}.filter-popup-actions{display:flex;justify-content:space-between;gap:8px}.grid-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.card-grid-count{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-muted)}.columns-slider{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);white-space:nowrap}.columns-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:90px;height:4px;background:transparent;cursor:pointer}.columns-slider input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) var(--range-progress, 0%),var(--border-strong) var(--range-progress, 0%))}.columns-slider input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--border-strong)}.columns-slider input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--accent)}.columns-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--accent);border:2px solid var(--canvas);cursor:pointer;transition:transform .12s ease}.columns-slider input[type=range]::-moz-range-thumb{width:14px;height:14px;border:2px solid var(--canvas);border-radius:50%;background:var(--accent);cursor:pointer;transition:transform .12s ease}.columns-slider input[type=range]:hover::-webkit-slider-thumb,.columns-slider input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}.columns-slider input[type=range]:hover::-moz-range-thumb,.columns-slider input[type=range]:active::-moz-range-thumb{transform:scale(1.15)}.columns-slider input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.card-grid,.deck-grid{display:grid;gap:12px;align-content:start}.card-grid-sentinel{padding:24px 0;text-align:center;font-size:12px;color:var(--text-muted)}.card-tile,.deck-tile{position:relative;min-width:0;background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .15s ease}.card-tile-deck-badge{position:absolute;top:6px;right:6px;z-index:1;background:var(--accent);color:var(--canvas);font-family:var(--font-mono);font-size:11px;font-weight:700;padding:2px 7px;border-radius:9999px}.card-tile:hover,.deck-tile:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--shadow-color);border-color:var(--border-strong)}.card-tile img,.deck-tile img{width:100%;height:auto;aspect-ratio:640 / 895;object-fit:cover;border-radius:4px;background:var(--canvas)}.card-tile-media,.deck-tile-media{display:block;width:100%;padding:0;border:none;background:none;cursor:pointer}.card-tile-media img,.deck-tile-media img{transition:filter .15s ease}.card-tile-media:hover img,.deck-tile-media:hover img{filter:brightness(1.08)}.card-tile-info,.deck-tile-info{min-width:0}.card-tile-name,.deck-tile-name{font-size:12px;font-weight:600;overflow-wrap:break-word}.deck-tile-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-tile-meta,.deck-tile-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--text-muted)}.card-code,.card-level{font-family:var(--font-mono)}.rarity-badge{display:inline-block;padding:1px 7px;border-radius:9999px;font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1.5}.rarity-c{background:var(--rr-c-soft);color:var(--rr-c)}.rarity-r{background:var(--rr-r-soft);color:var(--rr-r)}.rarity-sr{background:var(--rr-sr-soft);color:var(--rr-sr)}.rarity-ur{background:var(--rr-ur-soft);color:var(--rr-ur)}.rarity-mr{background:var(--rr-mr-soft);color:var(--rr-mr)}.rarity-sec{background:var(--rr-sec-soft);color:var(--rr-sec)}.rarity-gr{background:var(--rr-gr-soft);color:var(--rr-gr)}.rarity-pr{background:var(--rr-pr-soft);color:var(--rr-pr)}.rarity-er{background:var(--rr-er-soft);color:var(--rr-er)}.rarity-tr{background:var(--rr-tr-soft);color:var(--rr-tr)}.btn{font-family:inherit;font-size:12px;padding:7px 14px;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text);cursor:pointer;transition:background-color .15s ease,transform .1s ease,border-color .15s ease}.btn:hover:not(:disabled){background:var(--border-strong)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:default}.btn-icon{padding:4px;display:inline-flex;align-items:center;justify-content:center}.btn.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.btn-primary:hover:not(:disabled){background:var(--accent-press);border-color:var(--accent-press)}.deck-panel-header{display:flex;flex-direction:column;gap:8px}.deck-title-row{display:flex;align-items:baseline;gap:8px;min-width:0}.deck-name-input{flex:1;min-width:0;padding:4px 6px;margin:-4px -6px;background:transparent;border:1px solid transparent;border-radius:5px;color:var(--text);font-family:var(--font-display);font-size:17px;font-weight:600;transition:border-color .15s ease,background .15s ease}.deck-name-input:hover{border-color:var(--border)}.deck-name-input:focus-visible{outline:none;border-color:var(--accent);background:var(--raise)}.deck-count{flex-shrink:0;font-family:var(--font-mono);font-size:13px;color:var(--text-muted)}.deck-save-state{flex-shrink:0;margin-left:auto;font-size:11px;font-weight:600;color:var(--text-muted)}.deck-save-state.is-dirty{color:var(--accent)}.deck-count-meta{font-size:12px;color:var(--text-muted)}.deck-header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.save-control{position:relative;display:inline-flex}.save-control-primary{border-top-right-radius:0;border-bottom-right-radius:0}.save-control-caret{padding:0 5px;border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:color-mix(in srgb,var(--on-accent) 35%,transparent)}.save-control-caret:not(.btn-primary){border-left-color:var(--border)}.save-menu{top:calc(100% + 6px);left:0;z-index:20;min-width:100%;white-space:nowrap}.deck-actions{display:flex;gap:8px}.deck-actions .btn{flex:1}.export-menu{position:relative;flex:1}.export-menu>.btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px}.export-menu-panel,.save-menu,.visibility-menu,.user-menu-panel{position:absolute;display:flex;flex-direction:column;gap:2px;padding:4px;background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;box-shadow:0 12px 28px var(--shadow-color)}.export-menu-item,.save-menu-item,.visibility-menu-item,.user-menu-item{padding:7px 10px;background:none;border:none;border-radius:4px;color:var(--text);font-family:inherit;font-size:12px;text-align:left;cursor:pointer;transition:background-color .12s ease}.export-menu-item:hover:not(:disabled),.save-menu-item:hover,.save-menu-item:focus-visible,.user-menu-item:hover,.user-menu-item:focus-visible{outline:none;background:var(--border-strong)}.export-menu-panel{top:calc(100% + 6px);left:0;right:0;z-index:10}.export-menu-item{width:100%}.export-menu-item:disabled{opacity:.4;cursor:default}.modal-import{flex-direction:column;max-width:520px;max-height:none}.import-modal-body{display:flex;flex-direction:column;gap:8px;width:100%}.import-modal-body textarea{width:100%;resize:vertical;padding:8px;font-family:var(--font-mono);font-size:12px}.form-msg{font-size:12px;color:var(--text-muted)}.form-msg--error{color:var(--error)}.toast-host{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px);pointer-events:none}.toast{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;background:var(--text);color:var(--surface);border-radius:var(--radius-pill);box-shadow:0 12px 28px var(--shadow-color);font-size:13px;font-weight:500;pointer-events:auto;animation:toast-in .2s cubic-bezier(.16,1,.3,1)}.toast--error{background:var(--error);color:var(--on-accent)}.toast .toast-close.btn{padding:3px;background:transparent;border-color:transparent;color:inherit;opacity:.7}.toast .toast-close.btn:hover:not(:disabled){background:transparent;opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.toast{animation:none}}.import-actions{display:flex;gap:8px}.import-actions .btn{flex:1}.deck-grid{flex:1;min-height:0;overflow-y:auto}.empty-state{grid-column:1 / -1;font-size:12px;color:var(--text-muted)}.card-tile-skeleton{aspect-ratio:640 / 895;border-radius:8px;background:linear-gradient(100deg,var(--surface) 30%,var(--border-strong) 50%,var(--surface) 70%);background-size:200% 100%;animation:skeleton-pulse 1.4s ease-in-out infinite}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.deck-tile{cursor:grab}.deck-tile:active{cursor:grabbing}.deck-tile-drag-over{border-color:var(--accent)}.deck-tile-dragging{opacity:.4;transition:none}.deck-tile-controls,.card-tile-controls{display:flex;align-items:center;gap:2px;min-width:0}.deck-tile-controls span,.card-tile-controls span{flex:1;text-align:center;font-family:var(--font-mono);font-size:12px}.deck-tile-readonly .deck-tile-controls{justify-content:center}.deck-tile-qty{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text)}.deck-view{max-width:1120px;margin:0 auto;padding:28px 20px 80px}.deck-view-head h1{margin:0 0 6px;font-family:var(--font-display);font-size:26px}.deck-view-meta{margin:0 0 16px;font-size:13px;color:var(--text-muted)}.deck-view-notes{margin:0 0 20px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:14px}.deck-view-note-private{margin:0 0 20px;font-size:13px;color:var(--text-muted)}.deck-view-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px}.deck-view-list{list-style:none;margin:0 0 24px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.deck-view-list li{display:flex;justify-content:space-between;gap:12px;padding:8px 14px;border-top:1px solid var(--border);font-size:14px}.deck-view-list li:first-child{border-top:none}.deck-view-code{color:var(--text-muted);font-size:12px;font-family:var(--font-mono)}.deck-view-text{padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow-x:auto;font-size:13px}.error{color:var(--error)}.panel-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 24px;text-align:center}.panel-error-title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text)}.panel-error-message{margin:0;max-width:320px;color:var(--text-muted)}.panel-error-actions{display:flex;gap:8px;margin-top:4px}.app-crash{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:var(--canvas);color:var(--text)}.app-crash h1{margin:0;font-family:var(--font-display);font-size:20px}.app-crash p{margin:0;color:var(--text-muted)}.app-crash button{padding:8px 16px;background:var(--accent);border:none;border-radius:4px;color:var(--on-accent);font:inherit;cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;background:#1412286b;animation:modal-backdrop-in .15s ease}.modal{position:relative;display:flex;gap:24px;width:100%;max-width:892px;max-height:min(720px,100%);padding:24px;background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;box-shadow:0 24px 60px var(--shadow-color);overflow-y:auto;animation:modal-in .18s cubic-bezier(.16,1,.3,1)}.modal-close{position:absolute;top:12px;right:12px}.modal-image{flex:0 0 auto;width:292px}.modal-image img{width:100%;height:auto;aspect-ratio:640 / 895;object-fit:cover;border-radius:8px;background:var(--canvas)}.modal-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.modal-title{margin:0;padding-right:32px;font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.01em;overflow-wrap:break-word}.modal-subtitle{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.modal-fields{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--border)}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th,.data-table td{padding:7px 8px;text-align:left;vertical-align:top}.data-table th:first-child,.data-table td:first-child{padding-left:0}.data-table th:last-child,.data-table td:last-child{padding-right:0}.data-table thead th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border)}.data-table tbody tr+tr th,.data-table tbody tr+tr td{border-top:1px solid var(--border)}.data-table tbody th{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap}.data-table tbody td{font-weight:600;color:var(--text)}.data-table tbody td.data-table-num{width:1%;font-family:var(--font-mono);font-weight:400;color:var(--text-muted)}.data-table-label{display:inline-flex;align-items:center;gap:8px}.data-table-share{display:flex;align-items:center;gap:8px}.data-table-bar{flex:1;height:6px;min-width:40px;border-radius:999px;background:var(--border);overflow:hidden}.data-table-bar>span{display:block;height:100%;border-radius:999px}.data-table-pct{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap}.modal-effect{padding-top:12px;border-top:1px solid var(--border)}.modal-effect h3{margin:0 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}.modal-effect p{margin:0;font-size:12px;line-height:1.6;color:var(--text)}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.modal{flex-direction:column;max-height:90dvh}.modal-image{width:100%;max-width:220px;margin:0 auto}}.modal-backdrop:has(>.modal-analysis){padding:0}.modal-analysis{flex-direction:column;width:100%;max-width:none;height:100%;max-height:none;border:none;border-radius:0;overflow:hidden}.modal-analysis .stats-body{flex:1;min-height:0;width:100%;max-width:1200px;margin:0 auto}.analysis-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.analysis-main{min-width:0;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding-right:4px}.analysis-cards,.stat-tile,.stats-chart{padding:12px;background:var(--raise);border:1px solid var(--border);border-radius:8px}.analysis-cards{min-height:0;display:flex;flex-direction:column;gap:8px}.analysis-cards-head{flex-shrink:0;display:flex;flex-direction:column;gap:8px}.analysis-search{position:relative}.analysis-search input{width:100%;padding:5px 8px;background:var(--surface);font-family:inherit;font-size:12px}.analysis-search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:6;list-style:none;margin:0;padding:4px;max-height:260px;overflow-y:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;box-shadow:0 12px 28px var(--shadow-color)}.analysis-search-result{display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:100%;padding:5px 8px;background:transparent;border:none;border-radius:4px;color:var(--text);font-family:inherit;font-size:12px;text-align:left;cursor:pointer}.analysis-search-result:hover:not(:disabled){background:var(--border-strong)}.analysis-search-result:disabled{opacity:.4;cursor:default}.analysis-search-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analysis-search-meta{flex-shrink:0;font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.analysis-card-list{flex:1;min-height:0;overflow-y:auto;list-style:none;margin:0;padding:0}.analysis-card-empty{padding:8px 6px;font-size:12px;color:var(--text-muted)}.analysis-card-row{display:flex;gap:8px;padding:5px 6px;border-radius:4px;border-bottom:1px solid var(--border);font-size:12px;line-height:1.5;transition:opacity .1s ease,background-color .1s ease,box-shadow .1s ease,border-color .1s ease}.analysis-card-row:last-child{border-bottom-color:transparent}.analysis-card-row:hover{border-bottom-color:var(--border-strong);background:color-mix(in srgb,var(--text) 6%,transparent)}.analysis-card-row{cursor:grab}.analysis-card-row.is-dragging{opacity:.4;cursor:grabbing}.analysis-card-row.is-drag-over{box-shadow:inset 0 2px 0 var(--accent)}.analysis-card-qty{display:flex;align-items:center;gap:1px;flex-shrink:0}.analysis-card-qty .btn-icon{min-width:20px;min-height:20px;padding:0;background:transparent;border-color:transparent;color:var(--text-muted)}.analysis-card-qty .btn-icon svg{width:9px;height:9px}.analysis-card-qty .btn-icon:hover:not(:disabled){background:var(--border-strong);color:var(--text)}.analysis-card-count{flex-shrink:0;min-width:1.4em;text-align:center;font-family:var(--font-mono);color:var(--text-muted)}.analysis-card-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.analysis-cards.is-hovering .analysis-card-row.is-dim{opacity:.25}.analysis-cards.is-hovering .analysis-card-row.is-match{background:color-mix(in srgb,var(--match) 22%,transparent);box-shadow:inset 2px 0 0 var(--match)}.data-table-hover-row:hover th,.data-table-hover-row:hover td{background:var(--accent-tint)}.card-preview{position:fixed;z-index:40;pointer-events:none;border-radius:8px;overflow:hidden;border:1px solid var(--border-strong);box-shadow:0 16px 40px var(--shadow-color);background:var(--canvas)}.card-preview img{display:block;width:100%;aspect-ratio:640 / 895;object-fit:cover;transition:opacity .15s ease}.card-preview-spinner{position:absolute;top:50%;left:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 820px){.modal-analysis{overflow-y:auto}.modal-analysis .stats-body{flex:0 0 auto}.analysis-layout{display:flex;flex-direction:column;flex:0 0 auto}.analysis-main,.analysis-cards,.analysis-card-list{overflow:visible}}.stats-body{display:flex;flex-direction:column;gap:20px;width:100%}.stats-hint{margin:0;font-size:12px;line-height:1.5;color:var(--text-muted)}.stats-controls{display:flex;gap:16px}.stats-controls .field{flex:0 0 140px}.stats-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-tile-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.stat-tile-value{margin-top:4px;font-family:var(--font-display);font-size:28px;font-weight:600;letter-spacing:-.01em}.stat-tile-note{margin-top:2px;font-size:11px;color:var(--text-muted)}.stats-charts{display:flex;flex-wrap:wrap;gap:24px}.stats-chart{display:flex;flex-direction:column;gap:8px}.stats-chart-title{margin:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.stats-breakdown{flex:1 1 260px}.stats-swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0}@media (max-width: 640px){.stats-controls{flex-wrap:wrap}}.save-deck-input{flex:1;min-width:0;padding:6px 8px;font-family:inherit;font-size:12px}.visibility-pill-wrap{position:relative;display:inline-block}.visibility-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border:1px solid var(--border-strong);border-radius:999px;background:var(--raise);color:var(--text-muted);font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.visibility-pill:hover:not(:disabled),.visibility-pill:focus-visible{outline:none;border-color:var(--accent);color:var(--text)}.visibility-pill.is-unlisted{color:var(--text)}.visibility-pill.is-public{border-color:var(--accent-line);background:var(--accent-tint);color:var(--accent)}.visibility-pill:disabled{opacity:.55;cursor:default}.visibility-pill svg{flex-shrink:0}.visibility-menu{top:calc(100% + 5px);left:0;z-index:40;min-width:220px}.visibility-menu-item{display:grid;grid-template-columns:14px 1fr;column-gap:8px;row-gap:1px;padding:7px 8px;border-radius:5px}.visibility-menu-item svg{margin-top:2px}.visibility-menu-item:hover,.visibility-menu-item:focus-visible{outline:none;background:var(--raise)}.visibility-menu-item.is-current{background:var(--accent-tint)}.visibility-menu-label{font-weight:600}.visibility-menu-hint{grid-column:2;font-size:11px;color:var(--text-muted)}.user-menu{position:relative}.user-menu-trigger{display:inline-flex;align-items:center;gap:8px;padding:5px 10px 5px 6px;border:1px solid var(--border-strong);border-radius:999px;background:transparent;color:var(--text);font-family:var(--font-display);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s ease}.user-menu-trigger:hover,.user-menu-trigger:focus-visible{border-color:var(--accent)}.user-menu-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;background:var(--raise);flex-shrink:0}.user-menu-avatar-fallback{display:inline-grid;place-content:center;font-size:12px;font-weight:700;color:var(--on-accent);background:var(--accent)}.user-menu-name{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-panel{top:calc(100% + 6px);right:0;z-index:30;min-width:160px}.user-menu-item{display:block;width:100%;padding:8px 10px;font-size:13px;text-decoration:none}.account-page{max-width:640px;margin:0 auto;padding:32px 20px 80px}.account-page h1{margin:0 0 24px;font-family:var(--font-display);font-size:24px}.account-section{padding:20px 0;border-top:1px solid var(--border)}.account-section h2{margin:0 0 4px;font-size:15px;font-weight:700}.account-sub{font-size:13px;color:var(--text-muted)}.account-banner{margin-bottom:16px}.account-profile{display:flex;align-items:center;gap:16px}.account-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}.account-avatar-fallback{display:grid;place-content:center;font-size:22px;font-weight:700;color:var(--on-accent);background:var(--accent)}.account-handle{font-family:var(--font-display);font-size:18px;font-weight:600}.account-identity-list,.deck-manager-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.account-identity,.deck-manager-row{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--raise);border:1px solid var(--border);border-radius:8px}.account-identity-info,.deck-manager-info{display:flex;flex-direction:column;min-width:0}.account-identity-actions,.deck-manager-actions{display:flex;flex-shrink:0}.account-identity{align-items:center}.account-identity-info{gap:2px}.account-identity-name{font-size:13px;font-weight:600}.account-identity-actions{align-items:center;gap:8px}.account-badge{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-tint)}.account-danger h2{color:var(--error)}.btn.btn-danger{color:var(--on-accent);background:var(--error);border-color:transparent}.btn.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.modal-confirm{flex-direction:column;max-width:400px}.confirm-message{margin:0;font-size:13px;line-height:1.5;color:var(--text-muted)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.decks-page{max-width:680px}.deck-manager-row{align-items:flex-start}.deck-manager-info{align-items:flex-start;gap:4px}.deck-manager-name{font-family:var(--font-display);font-size:14px;font-weight:600}.deck-manager-meta{font-size:12px;color:var(--text-muted)}.deck-manager-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.decks-new-cta{margin-top:24px}.account-delete-confirm{display:flex;flex-direction:column;gap:6px;margin-top:16px;font-size:13px;color:var(--text-muted)}.account-delete-confirm strong{color:var(--text);font-weight:600}