*{box-sizing:border-box}:root{--canvas: #12141a;--surface: #1a1d26;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text: #eaeaf0;--text-muted: #a6acc0;--accent: #6c7ee1;--error: #ff8080;--shadow-color: rgba(8, 9, 18, .45);--control-h: 34px;--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}body{margin:0;font-family:var(--font-sans);font-size:12px;background:var(--canvas);color:var(--text)}.app{display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;height:100vh;height:100dvh}.app-header{grid-column:1 / -1;display:flex;align-items:center;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.app-title{margin:0;font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:-.01em}.app-nav{margin-left:16px}.app-nav ul{display:flex;align-items:center;gap:14px;margin:0;padding:0;list-style:none}.app-nav a{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--text-muted);text-decoration:none;transition:color .15s ease}.app-nav a:hover,.app-nav a:focus-visible{color:var(--text)}.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:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);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:#ffffff42}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{width:100%;margin-top:4px;padding:6px 8px;background:var(--canvas);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:inherit;transition:border-color .15s ease}.field input[type=text]:focus-visible,.field input[type=number]:focus-visible,.field select:focus-visible{outline:none;border-color:var(--accent)}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)}.checkbox{display:inline-flex;align-items:center;gap:6px;margin:2px 6px 2px 0;font-size:12px;cursor:pointer}.checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;margin:0;flex-shrink:0;display:inline-grid;place-content:center;border:1px solid var(--border-strong);border-radius:4px;background:var(--canvas);cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.checkbox input[type=checkbox]:before{content:"";width:9px;height:9px;background-color:var(--canvas);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform:scale(0);transition:transform .12s ease}.checkbox input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.checkbox input[type=checkbox]:checked:before{transform:scale(1)}.checkbox input[type=checkbox]:hover{border-color:var(--accent)}.checkbox input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pill-group{display:flex;flex-wrap:wrap;gap:6px}.pill{--pill-fill: var(--accent);--pill-idle-border: var(--border-strong);--pill-idle-text: var(--text-muted);--pill-on-text: #fff;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.tone-c{--pill-fill: #a6acc0;--pill-idle-border: rgba(166, 172, 192, .45);--pill-idle-text: #a6acc0;--pill-on-text: #12141a}.pill.tone-r{--pill-fill: #7fc4f0;--pill-idle-border: rgba(127, 196, 240, .45);--pill-idle-text: #7fc4f0;--pill-on-text: #12141a}.pill.tone-sr{--pill-fill: #7fd88f;--pill-idle-border: rgba(127, 216, 143, .45);--pill-idle-text: #7fd88f;--pill-on-text: #12141a}.pill.tone-gr{--pill-fill: #f5a0c9;--pill-idle-border: rgba(245, 160, 201, .45);--pill-idle-text: #f5a0c9;--pill-on-text: #12141a}.pill.tone-ur{--pill-fill: #f0c674;--pill-idle-border: rgba(240, 198, 116, .45);--pill-idle-text: #f0c674;--pill-on-text: #12141a}.pill.tone-mr{--pill-fill: #c9a0f5;--pill-idle-border: rgba(201, 160, 245, .45);--pill-idle-text: #c9a0f5;--pill-on-text: #12141a}.pill.tone-sec{--pill-fill: #f08080;--pill-idle-border: rgba(240, 128, 128, .45);--pill-idle-text: #f08080;--pill-on-text: #12141a}.pill.tone-pr{--pill-fill: #5fd6c4;--pill-idle-border: rgba(95, 214, 196, .45);--pill-idle-text: #5fd6c4;--pill-on-text: #12141a}.pill.tone-er{--pill-fill: #f2a35c;--pill-idle-border: rgba(242, 163, 92, .45);--pill-idle-text: #f2a35c;--pill-on-text: #12141a}.pill.tone-tr{--pill-fill: #e685dd;--pill-idle-border: rgba(230, 133, 221, .45);--pill-idle-text: #e685dd;--pill-on-text: #12141a}.pill.tone-red{--pill-fill: #f08080;--pill-idle-border: rgba(240, 128, 128, .5);--pill-idle-text: #f08080;--pill-on-text: #12141a}.pill.tone-blue{--pill-fill: #7fc4f0;--pill-idle-border: rgba(127, 196, 240, .5);--pill-idle-text: #7fc4f0;--pill-on-text: #12141a}.pill.tone-green{--pill-fill: #7fd88f;--pill-idle-border: rgba(127, 216, 143, .5);--pill-idle-text: #7fd88f;--pill-on-text: #12141a}.pill.tone-yellow{--pill-fill: #f0c674;--pill-idle-border: rgba(240, 198, 116, .5);--pill-idle-text: #f0c674;--pill-on-text: #12141a}.filter-badge{display:inline-grid;place-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;font-weight:600}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}.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);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:#a6acc024;color:#a6acc0}.rarity-r{background:#1f6c9f38;color:#7fc4f0}.rarity-sr{background:#34653842;color:#7fd88f}.rarity-ur{background:#95640042;color:#f0c674}.rarity-mr{background:#6c409f42;color:#c9a0f5}.rarity-sec{background:#9f2f2d42;color:#f08080}.rarity-gr{background:#9f407842;color:#f5a0c9}.rarity-pr{background:#158a823d;color:#5fd6c4}.rarity-er{background:#b85c1442;color:#f2a35c}.rarity-tr{background:#962d9142;color:#e685dd}.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}.deck-panel-header{display:flex;align-items:center;justify-content:space-between}.deck-count-meta{margin-top:2px;font-size:12px;color:var(--text-muted)}.deck-header-actions,.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{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:10;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{width:100%;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){background:var(--border-strong)}.export-menu-item:disabled{opacity:.4;cursor:default}.modal-import{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;background:var(--canvas);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:var(--font-mono);font-size:12px;transition:border-color .15s ease}.import-modal-body textarea:focus-visible{outline:none;border-color:var(--accent)}.import-error{font-size:12px;color:var(--error)}.import-status{font-size:12px;color:var(--text-muted)}.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}.error{color:var(--error)}.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:#06070cb8;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{min-height:0;display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--canvas);border:1px solid var(--border);border-radius: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);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:inherit;font-size:12px;transition:border-color .15s ease}.analysis-search input:focus-visible{outline:none;border-color:var(--accent)}.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:color-mix(in srgb,var(--accent) 10%,transparent)}.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{padding:12px;background:var(--canvas);border:1px solid var(--border);border-radius:8px}.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;padding:12px;background:var(--canvas);border:1px solid var(--border);border-radius: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}}.modal-saves{flex-direction:column;max-width:480px}.save-deck-form{display:flex;gap:8px}.save-deck-input{flex:1;min-width:0;padding:6px 8px;background:var(--canvas);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:inherit;font-size:12px;transition:border-color .15s ease}.save-deck-input:focus-visible{outline:none;border-color:var(--accent)}.saved-deck-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;max-height:320px;overflow-y:auto}.saved-deck-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;background:var(--canvas);border:1px solid var(--border);border-radius:6px}.saved-deck-info{display:flex;flex-direction:column;gap:2px;min-width:0}.saved-deck-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-deck-meta{font-size:11px;font-family:var(--font-mono);color:var(--text-muted)}.saved-deck-row-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.edge-dock{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;flex-direction:column;background:var(--surface);border-top:1px solid var(--border-strong);box-shadow:0 -8px 28px #0006;padding-bottom:env(safe-area-inset-bottom,0px);animation:edge-dock-in .28s ease both}@keyframes edge-dock-in{0%{transform:translateY(100%)}}.edge-dock-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:1px 6px 1px 12px}.edge-dock-bar-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.edge-dock-bar .btn{padding:4px;background:transparent;border-color:transparent;color:var(--text-muted)}.edge-dock-bar .btn:hover:not(:disabled){background:var(--border-strong);color:var(--text)}.edge-dock-bar .btn svg{transition:transform .2s ease}.edge-dock.is-min .edge-dock-bar .btn svg{transform:rotate(180deg)}.edge-dock-slot{position:relative;height:250px;overflow:hidden;transition:height .28s ease}.edge-dock.is-min .edge-dock-slot{height:0}.edge-dock-slot .adsbygoogle,.edge-dock-fallback{position:absolute;top:0;right:0;bottom:0;left:0;margin:0 auto;width:100%;max-width:970px}.edge-dock-slot .adsbygoogle{z-index:1}.edge-dock-fallback{z-index:0;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);background:repeating-linear-gradient(-45deg,var(--canvas),var(--canvas) 10px,var(--surface) 10px,var(--surface) 20px);border:1px dashed var(--border-strong)}.edge-dock.is-filled .edge-dock-fallback{display:none}@media (max-width: 640px){.edge-dock-slot{height:100px}}