:root{--bg:#0a0e14;--bg-grid:#0d1220;--surface:#12171f;--surface-2:#171e29;--surface-3:#1d2531;--border:#263140;--border-soft:#1b2330;--text:#eef2f6;--text-muted:#8b96a8;--text-faint:#5a6576;--accent:#ff3d81;--accent-dim:#7a2140;--accent-glow:#ff3d8159;--cyan:#2de2e6;--red:#ff5c5c;--red-dim:#ff5c5c24;--yellow:#f0c542;--yellow-dim:#f0c54224;--green:#3ee08a;--green-dim:#3ee08a24;--blue:#4da6ff;--blue-dim:#4da6ff24;--pink:#ff2f92;--pink-dim:#ff2f9224;--r-common:#7d8899;--r-uncommon:#3ee08a;--r-rare:#4da6ff;--r-epic:#b06bff;--r-secret:#f0a83c;--r-nova:#ff3d81;--r-iconic:#ffd60a;--font-display:"Chakra Petch", "Segoe UI", sans-serif;--font-body:"IBM Plex Sans", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "Consolas", monospace}*{box-sizing:border-box}body{background:linear-gradient(180deg, #ff3d810d, transparent 320px), var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.45}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0}::selection{background:var(--accent-dim);color:#fff}button{font-family:inherit}a{color:var(--cyan)}.wrap{max-width:1180px;margin:0 auto;padding:28px 20px 80px}header.top{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-soft);background:#0a0e14eb;position:sticky;top:0}.top-inner{max-width:1180px;margin:0 auto;padding:16px 20px}.brand-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.brand{align-items:baseline;gap:10px;display:flex}.brand .mark{color:var(--accent);font-family:var(--font-display);letter-spacing:.14em;font-size:13px;font-weight:700}.brand h1{letter-spacing:.01em;font-size:22px;font-weight:700}.sync-tag{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.04em;align-items:center;gap:6px;font-size:11px;display:flex}.sync-dot{background:var(--text-faint);border-radius:50%;width:6px;height:6px}.sync-dot.on{background:var(--green);box-shadow:0 0 6px var(--green)}.progress-row{align-items:center;gap:14px;margin-top:14px;display:flex}.progress-track{background:var(--surface-3);border:1px solid var(--border-soft);border-radius:5px;flex:1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--cyan));border-radius:5px;height:100%;transition:width .3s}.progress-label{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;font-size:13px}.progress-label b{color:var(--text);font-weight:600}.stat-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.stat-chip{background:var(--surface);border:1px solid var(--border-soft);font-family:var(--font-mono);color:var(--text-muted);border-radius:8px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;display:flex}.stat-chip b{color:var(--text);font-size:13px;font-weight:600}.stat-chip .swatch{border-radius:2px;width:9px;height:9px}.collection-toolbar{gap:10px;margin-top:20px;display:flex}.filters{flex-direction:column;gap:12px;margin-top:16px;display:flex}.search-box{position:relative}.search-box input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);border-radius:9px;outline:none;padding:10px 14px 10px 38px;font-size:14px}.search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-box svg{width:15px;height:15px;color:var(--text-faint);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.chip-groups{flex-wrap:wrap;align-items:flex-start;gap:18px;display:flex}.chip-group{flex-direction:column;gap:6px;display:flex}.chip-group .glabel{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-faint);text-transform:uppercase;font-size:10px}.chip-list{flex-wrap:wrap;gap:6px;display:flex}.chip{font-family:var(--font-mono);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:.02em;border-radius:6px;padding:5px 11px;font-size:12px;transition:all .12s}.chip:hover{border-color:var(--text-faint);color:var(--text)}.chip.active{background:var(--surface-3);color:#fff;border-color:currentColor}.chip[data-c=Red].active{color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}.chip[data-c=Yellow].active{color:var(--yellow);box-shadow:inset 0 0 0 1px var(--yellow)}.chip[data-c=Green].active{color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.chip[data-c=Blue].active{color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.chip.accent.active{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.sort-row{align-items:center;gap:8px}.sort-select{font-family:var(--font-mono);border:1px solid var(--border);background:var(--surface) url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%238b96a8\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"/></svg>") no-repeat right 8px center / 12px;color:var(--text);cursor:pointer;appearance:none;letter-spacing:.02em;border-radius:6px;padding:5px 28px 5px 11px;font-size:12px}.sort-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.sort-dir{border:1px solid var(--border);background:var(--surface);width:26px;height:26px;color:var(--text-muted);cursor:pointer;border-radius:6px;font-size:13px;line-height:1}.sort-dir:hover:not(:disabled){border-color:var(--text-faint);color:var(--text)}.sort-dir:disabled{opacity:.35;cursor:not-allowed}.sort-dir.active{color:var(--accent);border-color:var(--accent)}.range-slider{align-items:center;gap:8px;height:26px;display:flex}.range-slider .range-val{font-family:var(--font-mono);color:var(--text-muted);text-align:center;min-width:14px;font-size:12px}.range-slider-track{background:var(--surface-3);border-radius:3px;width:84px;height:4px;position:relative}.range-slider-fill{background:var(--accent);border-radius:3px;position:absolute;top:0;bottom:0}.range-slider-track input[type=range]{appearance:none;pointer-events:none;background:0 0;width:100%;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.range-slider-track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;background:var(--text);border:2px solid var(--surface);width:13px;height:13px;box-shadow:0 0 0 1px var(--border);cursor:pointer;border-radius:50%}.range-slider-track input[type=range]::-moz-range-thumb{pointer-events:auto;background:var(--text);border:2px solid var(--surface);width:13px;height:13px;box-shadow:0 0 0 1px var(--border);cursor:pointer;border-radius:50%}.range-slider-track input[type=range]::-moz-range-track{background:0 0}.filter-tail{align-items:center;gap:14px;margin-left:auto;display:flex}.view-toggle{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:8px;gap:2px;padding:2px;display:flex}.view-toggle button{width:30px;height:26px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.view-toggle button svg{width:14px;height:14px}.view-toggle button:hover{color:var(--text-muted)}.view-toggle button.active{background:var(--surface-3);color:var(--accent)}.toggle-missing{font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--border);background:var(--surface);border-radius:6px;align-items:center;gap:7px;padding:5px 11px;font-size:12px;display:flex}.toggle-missing.active{color:var(--accent);border-color:var(--accent)}.reset-link{font-family:var(--font-mono);color:var(--text-faint);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;font-size:12px;text-decoration:underline}.reset-link:hover{color:var(--text)}.set-section{margin-top:34px}.set-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.set-head h2{letter-spacing:.01em;font-size:16px;font-weight:600}.set-head .set-count{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.set-head .set-bar{background:var(--surface-3);border-radius:3px;flex:1;min-width:80px;height:4px;overflow:hidden}.set-head .set-bar i{background:var(--cyan);height:100%;display:block}.table{border:1px solid var(--border-soft);background:var(--surface);border-radius:10px;overflow:hidden}.row{--row-color:transparent;--row-glow:var(--border);border-top:1px solid var(--border-soft);background:linear-gradient(90deg, var(--row-color), transparent 65%);align-items:center;gap:12px;padding:10px 14px;display:flex;position:relative}.row:first-child{border-top:none}.row.owned{background:linear-gradient(90deg, var(--row-color), transparent 65%), linear-gradient(90deg, #ff3d8112, transparent 60%);box-shadow:inset 3px 0 10px -6px var(--row-glow)}.row.dim{opacity:.5}.row{cursor:pointer}.row:hover{box-shadow:inset 0 0 0 1px var(--border)}.row.owned:hover{box-shadow:inset 0 0 0 1px var(--border), inset 3px 0 10px -6px var(--row-glow)}.row:after{content:"";border-top:1.5px solid var(--row-glow);border-right:1.5px solid var(--row-glow);opacity:0;pointer-events:none;width:11px;height:11px;transition:opacity .15s;position:absolute;top:0;right:0}.row:hover:after{opacity:.9}.row .stripe{box-shadow:0 0 9px var(--row-glow);border-radius:2px;flex:0 0 3px;order:0;align-self:stretch}.row-thumb{object-fit:cover;background:var(--surface-2);border:1px solid var(--border-soft);cursor:zoom-in;border-radius:4px;flex:none;width:34px;height:47px}.cell-name{flex:auto;order:1;min-width:0}.cell-name .nm{color:var(--text);font-size:14px;font-weight:600}.cell-name .sn{color:var(--text-muted);margin-left:6px;font-size:12.5px;font-style:italic}.cell-name .meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;display:flex}.tag{font-family:var(--font-mono);letter-spacing:.03em;color:var(--text-faint);background:var(--surface-2);border:1px solid var(--border-soft);border-radius:4px;padding:1px 6px;font-size:10px}.tag.rarity{text-shadow:0 0 6px;font-weight:600}.tag.color-Red{color:var(--red);border-color:var(--red-dim)}.tag.color-Yellow{color:var(--yellow);border-color:var(--yellow-dim)}.tag.color-Green{color:var(--green);border-color:var(--green-dim)}.tag.color-Blue{color:var(--blue);border-color:var(--blue-dim)}.cell-type{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.03em;flex:0 0 76px;order:2;font-size:11.5px}.cell-num{font-family:var(--font-mono);color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums;flex:0 0 68px;font-size:13px}.cell-num.cost-cell{order:3}.cell-num.pwrram-cell{flex-basis:92px;order:4}.cell-num .k{color:var(--text-faint);letter-spacing:.1em;font-size:9px;display:block}.cell-num .v{color:var(--text);font-size:14px}.cell-num .v.na{color:var(--text-faint)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.grid-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:10px;transition:border-color .12s;position:relative;overflow:hidden}.grid-card:hover{border-color:var(--border)}.grid-card.owned{box-shadow:inset 0 0 0 1px var(--row-glow)}.grid-card.dim .grid-card-art{opacity:.5;filter:grayscale(.35)}.grid-card.ram-illegal{box-shadow:inset 0 0 0 2px var(--red)}.grid-card-art{aspect-ratio:5/7;object-fit:contain;background:var(--surface-2);width:100%;display:block}.grid-card-badges{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:4px;display:flex;position:absolute;top:6px;left:6px;right:6px}.grid-card-own{font-family:var(--font-mono);color:var(--text-muted);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0e14b8;border-radius:4px;padding:2px 6px;font-size:9.5px}.grid-card-own.short{color:var(--red)}.grid-card-own.zero{color:var(--text-faint)}.grid-card-pickable{cursor:pointer}.grid-card-hint{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.03em;font-size:10.5px}.grid-card-pickable:hover .grid-card-hint{color:var(--accent)}.grid-card-warning{font-family:var(--font-mono);color:#fff;background:#ff5c5cd9;border-radius:4px;padding:1px 6px;font-size:10.5px}.grid-card-footer{background:var(--surface-2);border-top:1px solid var(--border-soft);justify-content:center;align-items:center;padding:5px;display:flex}.grid-card-footer .stepper{background:0 0;border:none;margin:0}.grid-add-btn{width:100%;height:26px;color:var(--text-faint);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:5px;font-size:12px}.grid-add-btn:hover{color:var(--accent);background:var(--surface-3)}@media (width<=640px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}}.stepper{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;flex:none;order:5;align-items:center;gap:0;margin-left:auto;display:flex;overflow:hidden}.stepper button{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:15px;line-height:1}.stepper button:hover{background:var(--surface-3);color:#fff}.stepper button:active{color:var(--accent)}.stepper .qty{text-align:center;width:34px;font-family:var(--font-mono);color:var(--text);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.stepper .qty.zero{color:var(--text-faint);font-weight:400}.qty-agg{flex:none;order:5;align-items:center;gap:6px;margin-left:auto;display:flex}.qty-agg .qty-total{font-family:var(--font-mono);color:var(--text);text-align:right;font-variant-numeric:tabular-nums;min-width:20px;font-size:16px;font-weight:700}.qty-agg .qty-total.zero{color:var(--text-faint);font-weight:400}.qty-expand-btn{border:1px solid var(--border);background:var(--surface-2);width:24px;height:24px;color:var(--text-muted);cursor:pointer;border-radius:6px;font-size:11px;line-height:1;transition:transform .15s}.qty-expand-btn:hover{color:#fff;border-color:var(--text-faint)}.qty-expand-btn.open{color:var(--accent);border-color:var(--accent);transform:rotate(180deg)}.info-panel{--panel-color:var(--accent);background:repeating-linear-gradient(180deg, #ffffff03 0px, #ffffff03 1px, transparent 1px, transparent 3px), linear-gradient(160deg, var(--surface-2), var(--surface));border-top:1px solid var(--panel-color);cursor:default;box-shadow:inset 0 0 40px -20px var(--panel-color), inset 3px 0 0 var(--panel-color);flex-direction:column;gap:14px;padding:18px 22px 16px 26px;display:flex;position:relative;overflow:hidden}.info-panel:before,.info-panel:after{content:"";border:2px solid var(--panel-color);opacity:.85;pointer-events:none;width:14px;height:14px;position:absolute}.info-panel:before{border-bottom:none;border-left:none;top:7px;right:7px}.info-panel:after{border-top:none;border-left:none;bottom:7px;right:7px}.info-panel .ip-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.info-panel .ip-name{font-family:var(--font-display);color:#fff;letter-spacing:.01em;font-size:17px;font-weight:700}.info-panel .ip-sub{font-family:var(--font-mono);color:var(--text-muted);margin-top:2px;font-size:11.5px;font-style:italic}.info-panel .ip-type-badge{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--panel-color);border:1px solid var(--panel-color);clip-path:polygon(7px 0,100% 0,100% 100%,0 100%,0 7px);background:color-mix(in srgb, var(--panel-color) 12%, transparent);flex:none;padding:4px 11px;font-size:10.5px;font-weight:700}.info-panel .ip-stats{border:1px solid var(--border);gap:0;display:flex}.info-panel .ip-stat{text-align:center;border-right:1px solid var(--border);background:var(--surface);flex:1;padding:8px 6px}.info-panel .ip-stat:last-child{border-right:none}.info-panel .ip-stat .k{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-faint);text-transform:uppercase;margin-bottom:3px;font-size:9px;display:block}.info-panel .ip-stat .v{font-family:var(--font-display);color:#fff;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.info-panel .ip-stat.hi{box-shadow:inset 0 -2px 0 var(--panel-color)}.info-panel .ip-stat.hi .v{color:var(--panel-color)}.info-panel .ip-rules{border-left:2px solid var(--panel-color);padding:2px 0 2px 12px}.info-panel .ip-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--panel-color);align-items:center;gap:8px;margin-bottom:6px;font-size:10px;display:flex}.info-panel .ip-label:after{content:"";background:linear-gradient(90deg, var(--panel-color), transparent);opacity:.5;flex:1;height:1px}.info-panel .ip-effect{color:var(--text-muted);white-space:pre-line;font-size:12.5px;line-height:1.65}.info-panel .ip-empty{font-family:var(--font-mono);color:var(--text-faint);font-size:11.5px;font-style:italic}.rt-tag{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;border-radius:4px;margin-right:2px;padding:1px 6px;font-size:.92em;font-weight:700;display:inline-block}.rt-tag--yellow{background:var(--yellow);color:#14121a}.rt-tag--pink{background:var(--pink);color:#14121a}.rt-tag--green{background:var(--green);color:#14121a}.rt-tag--red{color:var(--red);background:0 0;padding-left:0;padding-right:0}.info-panel .ip-footer{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-faint);border-top:1px dashed var(--border-soft);text-transform:uppercase;flex-wrap:wrap;gap:0;padding-top:9px;font-size:10px;display:flex}.info-panel .ip-footer span{border-right:1px solid var(--border-soft);margin-right:13px;padding-right:13px}.info-panel .ip-footer span:last-child{border-right:none;margin-right:0;padding-right:0}.info-panel .ip-rarity{color:var(--panel-color);font-weight:600}.info-panel .ip-footer{font-family:var(--font-mono);color:var(--text-faint);border-top:1px solid var(--border-soft);flex-wrap:wrap;gap:16px;padding-top:10px;font-size:10.5px;display:flex}.thumb-hover-preview{z-index:200;pointer-events:none;object-fit:cover;border:1px solid var(--border);background:var(--surface-3);opacity:0;border-radius:12px;width:300px;height:420px;transition:opacity .12s,transform .12s;position:fixed;top:-9999px;left:-9999px;transform:scale(.96);box-shadow:0 24px 60px #0009}.thumb-hover-preview.show{opacity:1;transform:scale(1)}@media (width<=640px){.thumb-hover-preview{display:none}}.variant-panel{background:var(--surface-2);border-top:1px solid var(--border-soft);flex-direction:column;gap:6px;padding:8px 14px 8px 29px;display:flex}.variant-modal-list{flex-direction:column;gap:10px;display:flex}.variant-row{align-items:center;gap:9px;display:flex}.variant-row .vr-thumb{width:24px;height:33px}.variant-row .vr-dot{border-radius:2px;flex:none;width:6px;height:6px}.variant-row .vr-label{min-width:0;font-family:var(--font-mono);color:var(--text-muted);flex:1;font-size:11.5px}.variant-stepper{transform-origin:100%;transform:scale(.88)}.empty-state{text-align:center;color:var(--text-muted);font-family:var(--font-mono);padding:60px 20px;font-size:13px}footer{border-top:1px solid var(--border-soft);font-family:var(--font-mono);color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:56px;padding-top:18px;font-size:11px;display:flex}.profile-badge{font-family:var(--font-mono);color:var(--text-muted);background:var(--surface);border:1px solid var(--border-soft);cursor:pointer;border-radius:20px;align-items:center;gap:8px;padding:5px 6px 5px 12px;font-size:12px;display:flex}.profile-badge:hover{border-color:var(--border);color:var(--text)}.profile-badge .av{background:linear-gradient(135deg, var(--accent), var(--cyan));color:#0a0e14;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.modal-veil{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#06080cc7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-veil[hidden]{display:none}.modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;max-width:380px;max-height:88vh;padding:24px;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal h3{margin-bottom:6px;font-size:17px}.modal p.hint{color:var(--text-muted);margin:0 0 16px;font-size:12.5px;line-height:1.5}.modal input{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);border-radius:8px;outline:none;margin-bottom:12px;padding:10px 12px;font-size:14px}.modal input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.modal-existing{flex-direction:column;gap:6px;max-height:140px;margin:4px 0 14px;display:flex;overflow-y:auto}.modal-existing button{text-align:left;background:var(--surface-2);border:1px solid var(--border-soft);color:var(--text);font-family:var(--font-mono);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:13px}.modal-existing button:hover{border-color:var(--cyan)}.modal-existing .lbl{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-faint);text-transform:uppercase;margin:2px 0;font-size:10px}.modal button.primary{background:var(--accent);color:#fff;cursor:pointer;width:100%;font-size:14px;font-weight:600;font-family:var(--font-body);border:none;border-radius:8px;padding:11px}.modal button.primary:hover{filter:brightness(1.08)}.modal button.primary:disabled{opacity:.4;cursor:not-allowed}.modal button.primary.danger-btn{background:var(--red)}.modal-switch-link{text-align:center;margin-top:12px}.modal-switch-link button{color:var(--text-faint);font-family:var(--font-mono);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;font-size:11px;text-decoration:underline}.tab-row{border-top:1px solid var(--border-soft);gap:6px;margin-top:16px;padding-top:12px;display:flex}.tab-btn{color:var(--text-faint);font-family:var(--font-display);letter-spacing:.04em;cursor:pointer;text-transform:uppercase;background:0 0;border:none;padding:6px 4px;font-size:13px;font-weight:600;position:relative}.tab-btn:after{content:"";background:0 0;height:2px;position:absolute;bottom:-13px;left:0;right:0}.tab-btn:hover{color:var(--text-muted)}.tab-btn.active{color:var(--text)}.tab-btn.active:after{background:linear-gradient(90deg, var(--accent), var(--cyan))}.guide{flex-direction:column;gap:32px;max-width:720px;margin-top:28px;display:flex}.guide-section h2{border-bottom:1px solid var(--border-soft);margin-bottom:12px;padding-bottom:10px;font-size:19px}.guide-section h3{color:var(--accent);letter-spacing:.02em;margin:18px 0 6px;font-size:14px}.guide-section p{color:var(--text-muted);margin:0 0 10px;font-size:13.5px;line-height:1.65}.guide-section b{color:var(--text);font-weight:600}.guide-section code{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border-soft);color:var(--cyan);border-radius:4px;padding:1px 6px;font-size:12px}.guide-tips{flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.guide-tips li{color:var(--text-muted);font-size:13.5px;line-height:1.6}.guide-tips b{color:var(--text);font-weight:600}.decks-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;display:flex}.decks-toolbar h2{font-size:19px}.decks-toolbar-actions{gap:10px;display:flex}.btn-ghost{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-body);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500}.btn-ghost:hover{border-color:var(--text-faint);color:var(--text)}.btn-primary{background:var(--accent);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:16px;display:grid}.deck-card{background:var(--surface);border:1px solid var(--border-soft);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:flex-end;height:190px;transition:border-color .12s,transform .12s;display:flex;position:relative;overflow:hidden}.deck-card:hover{border-color:var(--accent-dim)}.deck-card .dc-art{position:absolute;inset:0}.deck-card .dc-art i{filter:saturate(1.05)brightness(.8);background-position:50% 36%;background-repeat:no-repeat;background-size:280%;width:100%;position:absolute;top:0;bottom:0}.deck-card .dc-art.split-2 i{width:50%}.deck-card .dc-art.split-2 i:first-child{background-position:85% 36%;left:0}.deck-card .dc-art.split-2 i:nth-child(2){background-position:15% 36%;left:50%}.deck-card .dc-color-glow{mix-blend-mode:screen;opacity:.55;pointer-events:none;position:absolute;inset:0}.deck-card .dc-scrim{pointer-events:none;background:linear-gradient(180deg, #0a0e1473 0%, #0a0e1459 30%, #0a0e1499 55%, var(--surface) 96%);position:absolute;inset:0}.deck-card .dc-body{z-index:1;flex-direction:column;gap:6px;padding:12px 14px 14px;display:flex;position:relative}.deck-card .dc-name{font-family:var(--font-display);color:#fff;text-shadow:0 1px 6px #0009;font-size:15px;font-weight:600}.deck-card .dc-legends{flex-wrap:wrap;gap:6px;display:flex}.deck-card .dc-legend-chip{font-family:var(--font-mono);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0e1480;border:1px solid #ffffff24;border-radius:5px;padding:2px 7px;font-size:10px}.deck-card .dc-stats{font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;font-size:11.5px;display:flex}.deck-card .dc-bar{background:#ffffff1a;border-radius:4px;height:4px;overflow:hidden}.deck-card .dc-bar i{background:var(--accent);height:100%;display:block}.dc-shared-badge{z-index:2;color:#fff;font-family:var(--font-mono);letter-spacing:.03em;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0e148c;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;display:flex;position:absolute;top:8px;left:8px}.dc-shared-badge:before{content:"";background:var(--green);width:6px;height:6px;box-shadow:0 0 4px var(--green);border-radius:50%}.dc-menu-btn{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0e148c;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;line-height:1;display:flex;position:absolute;top:8px;right:8px}.dc-menu-btn:hover{border-color:var(--border);background:#0a0e14cc}.dc-menu{z-index:3;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;min-width:140px;display:none;position:absolute;top:38px;right:8px;overflow:hidden;box-shadow:0 8px 24px #00000073}.dc-menu.open{display:block}.dc-menu button{text-align:left;width:100%;color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:12px;display:block}.dc-menu button:hover{background:var(--surface-3);color:var(--text)}.dc-menu button.danger:hover{color:var(--red)}.decks-empty{text-align:center;color:var(--text-muted);font-family:var(--font-mono);border:1px dashed var(--border);border-radius:12px;margin-top:16px;padding:60px 20px;font-size:13px}.editor-topbar{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.deck-name-input{background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--font-display);border-radius:8px;outline:none;flex:240px;padding:9px 13px;font-size:16px;font-weight:600}.deck-name-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.editor-topbar-actions{align-items:center;gap:8px;display:flex}.public-toggle{font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;display:flex}.public-toggle[hidden]{display:none}.public-toggle input{accent-color:var(--accent);width:14px;height:14px}.legends-panel{margin-top:18px}.legend-hint{text-transform:none;letter-spacing:0;color:var(--text-faint);font-size:10.5px}.legend-slots{flex-wrap:wrap;gap:16px;margin-top:10px;display:flex}.legend-slot{border:1px solid var(--border-soft);background:var(--surface);max-width:300px;box-shadow:0 0 28px -10px var(--ls-color,transparent), inset 0 0 0 1px color-mix(in srgb, var(--ls-color,transparent) 40%, transparent);border-radius:14px;flex-direction:column;flex:220px;display:flex;position:relative;overflow:hidden}.legend-slot.empty{cursor:pointer;box-shadow:none;border-style:dashed}.legend-slot.empty .ls-art-wrap{justify-content:center;align-items:center;display:flex}.legend-slot.empty .ls-empty-plus{font-family:var(--font-display);color:var(--text-faint);font-size:40px;font-weight:300}.legend-slot.empty .ls-body{color:var(--text-faint);font-family:var(--font-mono);justify-content:center;align-items:center;font-size:12px}.legend-slot.empty:hover{border-color:var(--text-faint)}.legend-slot.empty:hover .ls-empty-plus,.legend-slot.empty:hover .ls-body{color:var(--text-muted)}.legend-slot.legend-dupe{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}.legend-slot .ls-art-wrap{aspect-ratio:5/7;background:var(--surface-2);width:100%;position:relative}.legend-slot .ls-art{object-fit:contain;width:100%;height:100%;display:block}.legend-slot .ls-remove{z-index:1;border:1px solid var(--border-soft);width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:#0a0e14a6;border-radius:50%;font-size:16px;line-height:1;position:absolute;top:8px;right:8px}.legend-slot .ls-remove:hover{color:var(--red);border-color:var(--red-dim)}.legend-slot .ls-body{text-align:center;border-top:1px solid var(--border-soft);background:linear-gradient(180deg, color-mix(in srgb, var(--ls-color,transparent) 10%, transparent), transparent 60px);flex-direction:column;flex:1;gap:6px;padding:14px 16px 16px;display:flex}.legend-slot .ls-name{font-family:var(--font-display);letter-spacing:.01em;color:#fff;text-shadow:0 0 16px var(--ls-color,transparent);font-size:18px;font-weight:700}.legend-slot .ls-sub{color:var(--text-muted);font-size:12px;font-style:italic}.legend-slot .ls-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:4px;display:flex}.legend-slot .ls-own{font-family:var(--font-mono);letter-spacing:.05em;color:var(--green);flex:none;font-size:9.5px}.legend-slot .ls-own.missing{color:var(--red)}.legend-slot .ls-stats{font-family:var(--font-mono);color:var(--text-faint);font-size:10.5px}.legend-slot .ls-effect{border-top:1px dashed var(--border-soft);color:var(--text-muted);white-space:pre-line;text-align:left;margin-top:8px;padding-top:8px;font-size:11.5px;line-height:1.55}.ram-limits-wrap{margin-top:14px}.ram-limits-label{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-faint);text-transform:uppercase;margin-bottom:7px;font-size:10.5px;display:block}.ram-limits{flex-wrap:wrap;gap:10px;display:flex}.ram-limits .rl-chip{background:var(--surface);border:1px solid var(--border-soft);font-family:var(--font-mono);color:var(--text-muted);border-radius:10px;align-items:center;gap:9px;padding:9px 16px;font-size:12.5px;display:flex}.ram-limits .rl-dot{border-radius:3px;flex:none;width:12px;height:12px}.ram-limits b{color:var(--text);font-size:19px;font-weight:700;font-family:var(--font-display)}.ram-tag{font-family:var(--font-mono);color:var(--red);border:1px solid var(--red-dim);background:#ff5c5c24;border-radius:4px;padding:1px 6px;font-size:10px}.row.ram-illegal{box-shadow:inset 3px 0 0 var(--red)}.ds-ram-warning{color:var(--red)}.deck-summary-bar{background:var(--surface);border:1px solid var(--border-soft);font-family:var(--font-mono);color:var(--text-muted);border-radius:10px;flex-wrap:wrap;align-items:center;gap:18px;margin-top:16px;padding:12px 16px;font-size:12.5px;display:flex}.deck-summary-bar b{color:var(--text)}.deck-summary-bar .ds-track{background:var(--surface-3);border-radius:4px;flex:1;min-width:120px;height:6px;overflow:hidden}.deck-summary-bar .ds-track i{background:linear-gradient(90deg, var(--accent), var(--cyan));height:100%;display:block}.deck-summary-bar .ds-missing{color:var(--red)}.advice-panel{background:var(--surface);border:1px solid var(--border-soft);border-radius:10px;margin-top:12px;padding:14px 16px}.advice-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.advice-close{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:2px 6px;font-size:20px;line-height:1}.advice-close:hover{color:var(--text);background:var(--surface-3)}.advice-body{font-family:var(--font-body);color:var(--text-muted);white-space:pre-wrap;font-size:13.5px;line-height:1.55}.advice-body p{margin:0 0 10px}.advice-body p:last-child{margin-bottom:0}.advice-body .advice-loading{color:var(--text-faint);font-family:var(--font-mono);align-items:center;gap:8px;font-size:12px;display:flex}.advice-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex:none;width:13px;height:13px;animation:.8s linear infinite advice-spin}@keyframes advice-spin{to{transform:rotate(360deg)}}.advice-body .advice-error{color:var(--red);font-family:var(--font-mono);font-size:12.5px}.advice-body .advice-cost-note{border-top:1px solid var(--border-soft);color:var(--text-faint);font-size:11.5px;font-family:var(--font-mono);margin-top:12px;padding-top:10px}.advice-actions{justify-content:flex-end;margin-top:12px;display:flex}.advice-actions[hidden]{display:none}.advice-changes{border-top:1px solid var(--border-soft);flex-direction:column;gap:6px;margin-top:12px;padding-top:12px;display:flex}.advice-changes-title{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-faint);text-transform:uppercase;margin-bottom:2px;font-size:10.5px}.advice-change-row{font-family:var(--font-mono);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:4px 2px;font-size:12.5px;display:flex}.advice-change-row input{flex:none}.advice-change-thumb{cursor:default;width:28px;height:39px}.advice-change-row.remove span{color:var(--red)}.advice-change-row.add span{color:var(--green)}.advice-changes #adviceApplyBtn{align-self:flex-start;margin-top:6px}.stats-panel{background:var(--surface);border:1px solid var(--border-soft);border-radius:10px;margin-top:12px;padding:14px 16px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:2px;display:grid}.stat-card{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:9px;padding:12px 14px}.stat-card-wide{grid-column:1/-1}.stat-card-title{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-faint);text-transform:uppercase;align-items:baseline;gap:8px;margin-bottom:10px;font-size:10.5px;display:flex}.stat-card-sub{text-transform:none;letter-spacing:0;color:var(--text-muted);font-size:11px}.cost-curve-bars{align-items:flex-end;gap:8px;height:110px;display:flex}.cc-col{flex-direction:column;flex:1;align-items:center;gap:6px;height:100%;display:flex}.cc-bar-track{flex:1;align-items:flex-end;width:100%;display:flex}.cc-bar-fill{background:linear-gradient(180deg, var(--cyan), var(--accent));border-radius:3px 3px 0 0;width:100%;min-height:0;transition:height .2s}.cc-count{font-family:var(--font-mono);color:var(--text-muted);min-height:13px;font-size:10.5px;font-weight:700}.cc-label{font-family:var(--font-mono);color:var(--text-faint);font-size:10px}.stat-donut-wrap{align-items:center;gap:14px;display:flex}.stat-donut{border-radius:50%;flex:none;justify-content:center;align-items:center;width:78px;height:78px;display:flex}.stat-donut-hole{background:var(--surface-2);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.sdh-pct{font-family:var(--font-display);color:var(--text);font-size:14px;font-weight:700;line-height:1.1}.sdh-sub{font-family:var(--font-mono);color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;font-size:8.5px}.stat-donut-legend{font-family:var(--font-mono);color:var(--text-muted);flex-direction:column;gap:5px;font-size:11px;display:flex}.stat-donut-legend b{color:var(--text);font-weight:600}.donut-legend-item{align-items:center;gap:6px;display:flex}.donut-legend-item i{border-radius:2px;flex:none;width:8px;height:8px}.stats-missing-empty{font-family:var(--font-mono);color:var(--green);font-size:12px}.stats-missing-list{flex-direction:column;gap:5px;max-height:220px;display:flex;overflow-y:auto}.stats-missing-row{background:var(--surface);border:1px solid var(--border-soft);border-radius:7px;align-items:center;gap:8px;padding:6px 10px;font-size:12.5px;display:flex}.stats-missing-row .smr-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.stats-missing-row .smr-short{font-family:var(--font-mono);color:var(--red);flex:none;font-size:10.5px}@media (width<=640px){.stats-grid{grid-template-columns:1fr}}.deck-row-stepper .qty{width:26px}.row.missing-in-deck{background:linear-gradient(90deg, var(--row-color), transparent 65%), linear-gradient(90deg, #ff5c5c17, transparent 60%)}.own-tag{font-family:var(--font-mono);color:var(--text-faint);font-size:10px}.own-tag.short{color:var(--red)}.modal-head-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.modal-head-row h3{margin-bottom:0}.test-hand-cta{text-align:center;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:10px;padding:32px 20px}.test-hand-cta-title{font-family:var(--font-display);margin-bottom:6px;font-size:16px;font-weight:700}.test-hand-cta-sub{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:18px;font-size:12px}.test-hand-cta .btn-primary{padding:10px 20px}.test-hand-sim-row{border-top:1px solid var(--border-soft);font-family:var(--font-mono);color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding-top:18px;font-size:12px;display:flex}.test-hand-sim-row select{background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);border-radius:6px;outline:none;padding:5px 8px;font-size:12px}.test-hand-counters{font-family:var(--font-mono);color:var(--text-muted);gap:16px;margin-bottom:10px;font-size:12.5px;display:flex}.test-hand-counters b{color:var(--text)}.test-hand-fan-wrap{margin-bottom:4px;padding:16px 4px 26px;overflow:auto visible}.test-hand-fan{width:max-content;display:flex}.test-hand-fan-card{flex:none;width:130px;margin-left:-65px;transition:transform .15s;position:relative}.test-hand-fan-card:first-child{margin-left:0}.test-hand-fan-card:hover{z-index:20;transform:translateY(-14px)}.test-hand-fan-card img{aspect-ratio:5/7;object-fit:contain;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:8px;width:100%;display:block;box-shadow:0 6px 16px #00000073}.test-hand-fan-card:hover img{border-color:var(--accent-dim);box-shadow:0 12px 28px #0009}.test-hand-sim-head{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:12px;font-size:12.5px}.test-hand-sim-head b{color:var(--text)}#testHandBody .stat-donut-wrap{text-align:center;flex-direction:column}#testHandBody .stat-donut-legend{align-items:center}.test-hand-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.test-hand-actions button{flex:auto}.test-hand-subtabs{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:8px;gap:2px;width:max-content;margin-bottom:14px;padding:2px;display:flex}.test-hand-subtabs button{color:var(--text-faint);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-size:12px}.test-hand-subtabs button.active{background:var(--surface-3);color:var(--accent)}.test-hand-subtabs button:hover:not(.active){color:var(--text-muted)}.test-hand-sim-match{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:12px;font-size:12px}.test-hand-sim-match b{color:var(--accent)}.test-hand-sim-results{max-height:460px;margin-top:2px;overflow-y:auto}.test-hand-row{background:var(--surface-2);border:1px solid var(--border-soft);cursor:pointer;border-radius:10px;margin-bottom:8px;padding:10px 12px;transition:border-color .12s}.test-hand-row:hover{border-color:var(--border)}.test-hand-row:last-child{margin-bottom:0}.test-hand-row-head{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:14px;font-size:11.5px;display:flex}.test-hand-row .thr-label{color:var(--text);flex:none;font-weight:600}.test-hand-row .thr-stats{flex-wrap:wrap;flex:1;gap:12px;display:flex}.test-hand-row .thr-stats b{color:var(--text)}.test-hand-row .thr-toggle{color:var(--text-faint);flex:none}.test-hand-row-thumbs{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.test-hand-row-thumbs .thr-thumb-match{box-shadow:0 0 0 2px var(--accent)}.test-hand-row.expanded .test-hand-fan-wrap{margin-bottom:0;padding:12px 0 20px}.modal-wide{max-width:560px}.modal-xwide{max-width:900px}.legend-pick-filters{margin:14px 0}.legend-pick-grid{max-height:48vh;margin:4px 0 14px;padding:2px;overflow-y:auto}.legend-pick-card{cursor:pointer}.legend-pick-card .grid-card-footer{font-family:var(--font-display);color:var(--text);white-space:nowrap;text-overflow:ellipsis;padding:6px 8px;font-size:12.5px;font-weight:600;overflow:hidden}.modal textarea{background:var(--surface-2);border:1px solid var(--border);width:100%;min-height:160px;color:var(--text);font-family:var(--font-mono);resize:vertical;border-radius:8px;outline:none;margin-bottom:12px;padding:10px 12px;font-size:12.5px}.modal textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.modal textarea[readonly]{min-height:220px}.help-build-legend-actions{justify-content:space-between;gap:10px;margin-top:4px;display:flex}.legend-pick-card-chosen{box-shadow:inset 0 0 0 2px var(--accent);cursor:pointer}.legend-pick-card-chosen .grid-card-own{color:var(--accent)}.help-build-chosen{font-family:var(--font-mono);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.help-build-thread{flex-direction:column;gap:10px;max-height:44vh;margin-bottom:10px;padding:2px 2px 8px;display:flex;overflow-y:auto}.hb-msg{border-radius:12px;max-width:80%;padding:9px 13px;font-size:13.5px;line-height:1.5}.hb-msg.hb-assistant{background:var(--surface-2);border:1px solid var(--border-soft);border-bottom-left-radius:3px;align-self:flex-start}.hb-msg.hb-user{background:var(--accent);color:#fff;border-bottom-right-radius:3px;align-self:flex-end}.hb-proposal{background:var(--surface-2);border:1px solid var(--accent-dim);border-radius:12px;flex-direction:column;align-self:stretch;gap:6px;padding:14px;display:flex}.hb-proposal-title{font-family:var(--font-display);font-size:15px;font-weight:600}.hb-proposal-summary{color:var(--text-muted);font-size:13px;line-height:1.5}.hb-proposal-meta{font-family:var(--font-mono);color:var(--text-faint);font-size:11.5px}.hb-proposal-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.help-build-composer{align-items:flex-end;gap:8px;display:flex}.help-build-composer textarea{resize:none;min-height:auto;font-family:var(--font-body);flex:1;margin-bottom:0;padding:10px 12px;font-size:13.5px}.help-build-composer .btn-primary{padding:10px 18px}.import-summary{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:10px;font-size:12px}.import-list{flex-direction:column;gap:5px;max-height:220px;margin-bottom:10px;display:flex;overflow-y:auto}.import-row{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:7px;align-items:center;gap:8px;padding:6px 10px;font-size:12.5px;display:flex}.import-row .ir-qty{font-family:var(--font-mono);color:var(--accent);flex:none}.import-row .ir-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.import-row .ir-code{font-family:var(--font-mono);color:var(--text-faint);flex:none;font-size:10.5px}.import-row.unresolved{flex-direction:column;align-items:stretch}.import-row.unresolved .ir-top{font-family:var(--font-mono);color:var(--text-faint);justify-content:space-between;font-size:11.5px;display:flex}.import-row.unresolved input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;outline:none;margin-top:6px;padding:6px 8px;font-size:12px}.import-row .ir-suggestions{flex-direction:column;gap:3px;margin-top:5px;display:flex}.import-row .ir-suggestions button{text-align:left;background:var(--surface);border:1px solid var(--border-soft);color:var(--text-muted);cursor:pointer;border-radius:5px;padding:4px 8px;font-size:11.5px}.import-row .ir-suggestions button:hover{border-color:var(--cyan);color:var(--text)}.import-row.matched-manual{border-color:var(--cyan)}.bulk-printing-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-faint);text-transform:uppercase;margin-bottom:6px;font-size:10px;display:block}.bulk-printing-toggle{gap:8px;margin-bottom:12px;display:flex}.bulk-printing-toggle button{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-body);cursor:pointer;border-radius:8px;flex:1;padding:9px;font-size:12.5px}.bulk-printing-toggle button.active{color:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.import-row .ir-target{font-family:var(--font-mono);color:var(--text-faint);flex:none;font-size:10px}.scan-camera-wrap{aspect-ratio:3/4;background:#000;border-radius:12px;width:100%;min-height:420px;margin-bottom:12px;position:relative;overflow:hidden}.scan-camera-wrap video{object-fit:cover;width:100%;height:100%;display:block}.scan-camera-error{text-align:center;background:var(--surface-2);color:var(--text-muted);justify-content:center;align-items:center;padding:20px;font-size:13px;display:flex;position:absolute;inset:0}.scan-camera-error[hidden]{display:none}.scan-toast{opacity:0;pointer-events:none;border:1px solid var(--border);font-family:var(--font-mono);color:var(--text);white-space:nowrap;text-overflow:ellipsis;background:#0a0c10e0;border-radius:20px;max-width:88%;padding:7px 16px;font-size:12.5px;transition:opacity .15s,transform .15s;position:absolute;top:12px;left:50%;overflow:hidden;transform:translate(-50%)translateY(-8px)}.scan-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.scan-toast.ok{border-color:var(--accent);color:var(--accent)}.scan-toast.err{border-color:var(--red);color:var(--red)}.scan-resolve-panel{border-top:1px solid var(--border);background:#0a0c10f0;max-height:78%;padding:12px 14px;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.scan-resolve-panel .hint{margin:0 0 8px}.scan-resolve-panel input{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;margin-bottom:8px;padding:8px 10px;font-size:13px}.scan-resolve-panel input:focus{border-color:var(--accent)}.scan-resolve-suggestions{flex-direction:column;gap:5px;margin-bottom:8px;display:flex}.scan-resolve-sugg{text-align:left;background:var(--surface-2);border:1px solid var(--border-soft);color:var(--text-muted);cursor:pointer;border-radius:7px;align-items:center;gap:8px;padding:5px 8px;font-size:12.5px;display:flex}.scan-resolve-sugg:hover{border-color:var(--cyan);color:var(--text)}.scan-resolve-sugg .row-thumb{border-radius:4px;flex:none;width:28px;height:auto}.scan-camera-controls{justify-content:space-between;align-items:center;gap:10px;display:flex}.scan-review-btn{flex:none}.scan-review-btn span{font-family:var(--font-mono);color:var(--accent);margin-left:4px}.scan-controls-spacer{flex:none;width:96px}.scan-capture-btn-round{background:var(--accent);border:4px solid var(--surface-3);width:60px;height:60px;box-shadow:0 0 0 2px var(--accent);cursor:pointer;border-radius:50%;flex:none}.scan-capture-btn-round:hover{filter:brightness(1.08)}.scan-capture-btn-round.busy{opacity:.5;pointer-events:none}.scan-hint-foot{text-align:center;margin-top:10px}.scan-list-row .ir-name{flex:1}.scan-list-row .ir-target{flex:none}.scan-variant-toggle{background:var(--surface-3);border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;border-radius:6px;padding:3px 7px;font-size:10px}.scan-variant-toggle:hover{border-color:var(--cyan);color:var(--text)}.scan-variant-options{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:8px;flex-direction:column;gap:4px;margin:-2px 0 6px 38px;padding:6px;display:flex}.scan-variant-opt{text-align:left;background:var(--surface);border:1px solid var(--border-soft);color:var(--text-muted);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;font-size:11.5px;display:flex}.scan-variant-opt:hover{border-color:var(--cyan);color:var(--text)}.scan-variant-opt.active{border-color:var(--accent);color:var(--accent)}.scan-variant-opt .row-thumb{border-radius:4px;flex:none;width:26px;height:auto}.scan-remove-btn{color:var(--text-faint);cursor:pointer;background:0 0;border:none;flex:none;padding:0 2px;font-size:18px;line-height:1}.scan-remove-btn:hover{color:var(--red)}.scan-list-actions{justify-content:space-between;gap:10px;margin-top:4px;display:flex}@media (width<=640px){.row{flex-wrap:wrap;row-gap:8px}.cell-name{flex-basis:100%}.cell-type,.cell-num{text-align:left;flex:none}.cell-num .k,.cell-num .v{display:inline}.cell-num .k{margin-right:4px}.stepper{order:5}.brand-row{gap:10px}.brand h1{font-size:18px}.chip-groups{gap:12px}.filter-tail{justify-content:space-between;width:100%;margin-left:0}}.auth-gate{background:var(--surface);border:1px solid var(--border-soft);text-align:center;border-radius:12px;max-width:380px;margin:15vh auto 0;padding:28px}.auth-gate h1{color:var(--accent);margin-bottom:6px;font-size:22px}.auth-gate p{color:var(--text-muted);margin:0 0 18px;font-size:13.5px}.auth-gate input{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);border-radius:8px;outline:none;margin-bottom:12px;padding:10px 12px;font-size:14px}.auth-gate input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.auth-gate button{background:var(--accent);color:#fff;cursor:pointer;width:100%;font-size:14px;font-weight:600;font-family:var(--font-body);border:none;border-radius:8px;padding:11px}.auth-gate button:hover{filter:brightness(1.08)}.auth-gate button:disabled{opacity:.5;cursor:not-allowed}.auth-gate .status,.modal .status{color:var(--text-faint);font-size:12.5px;font-family:var(--font-mono);margin-top:12px}.auth-gate .status.error,.modal .status.error{color:var(--red)}.auth-gate .status.ok,.modal .status.ok{color:var(--green)}.auth-tabs{gap:8px;margin-bottom:16px;display:flex}.auth-tabs .auth-tab{background:var(--surface-2);border:1px solid var(--border);width:auto;color:var(--text-muted);font-family:var(--font-body);cursor:pointer;border-radius:8px;flex:1;padding:9px;font-size:13px;font-weight:600}.auth-tabs .auth-tab.active{color:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.auth-tabs .auth-tab:hover:not(.active){color:var(--text)}.placeholder-note{background:var(--surface);border:1px solid var(--border-soft);color:var(--text-muted);border-radius:10px;margin-top:24px;padding:16px 18px;font-size:13.5px;line-height:1.6}
