:root{--bg:oklch(15% .018 265);--bg-raised:oklch(20% .022 265);--bg-overlay:oklch(25% .028 265);--line:oklch(31% .02 265);--line-strong:oklch(40% .03 265);--text:oklch(94% .008 250);--text-dim:oklch(72% .015 255);--text-faint:oklch(56% .015 255);--accent:oklch(76% .19 55);--accent-deep:oklch(62% .17 50);--accent-ink:oklch(20% .05 55);--accent-glow:oklch(76% .19 55/.16);--gold:oklch(82% .13 85);--silver:oklch(80% .02 260);--danger:oklch(66% .19 25);--tier-x:oklch(76% .19 55);--tier-s:oklch(82% .13 85);--tier-a:oklch(78% .11 230);--tier-b:oklch(74% .1 180);--tier-c:oklch(66% .02 260);--tier-d:oklch(52% .02 260);--tier-e:oklch(44% .02 260);--type-attack:oklch(66% .19 25);--type-defense:oklch(70% .12 230);--type-stamina:oklch(75% .13 145);--type-balance:oklch(78% .12 85);--type-special:oklch(70% .15 310);--font-display:"Barlow Condensed", "Noto Sans TC", sans-serif;--font-body:"Noto Sans TC", system-ui, sans-serif;--text-base:clamp(.9375rem, .9rem + .2vw, 1rem);--text-lg:1.125rem;--text-xl:clamp(1.4rem, 1.2rem + .8vw, 1.9rem);--text-hero:clamp(2.2rem, 1.6rem + 2.6vw, 3.6rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-section:clamp(2rem, 1.4rem + 2.5vw, 4rem);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--duration-fast:.15s;--duration-normal:.28s;--ease-out:cubic-bezier(.16, 1, .3, 1);--shadow-card:0 2px 10px oklch(0% 0 0/.35);--shadow-pop:0 8px 28px oklch(0% 0 0/.5)}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--text);background:radial-gradient(60rem 40rem at 85% -10%, var(--accent-glow), transparent 60%), radial-gradient(50rem 35rem at -15% 110%, oklch(70% .12 230/.08), transparent 60%), var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100svh;margin:0;line-height:1.6}img{max-width:100%}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}#root{max-width:1180px;padding:0 clamp(.75rem, 2vw, 1.5rem) var(--space-section);flex-direction:column;min-height:100svh;margin:0 auto;display:flex}.site-header{align-items:center;gap:var(--space-4) var(--space-6);padding:var(--space-4) 0;border-bottom:1px solid var(--line);z-index:10;background:color-mix(in oklch, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap;display:flex;position:sticky;top:0}.brand{align-items:baseline;gap:var(--space-2);display:flex}.brand-name{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);font-weight:900;line-height:1}.brand-name .x{color:var(--accent);text-shadow:0 0 18px var(--accent-glow)}.brand-sub{color:var(--text-faint);letter-spacing:.08em;font-size:.8rem}.btn-refresh{border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text-dim);font:inherit;cursor:pointer;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;padding:2px 10px;font-size:.8rem}.btn-refresh:hover:not(:disabled){color:var(--accent);border-color:var(--accent-deep)}.btn-refresh:disabled{opacity:.6;cursor:wait}nav[aria-label=主導覽]{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;margin-left:auto;display:flex}.tabs{gap:var(--space-1);display:flex}.nav-import{appearance:none;border:1px solid var(--accent-deep);background:color-mix(in oklch, var(--accent) 12%, transparent);color:var(--accent);cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:var(--text-base);letter-spacing:.04em;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border-radius:999px;padding:.4em 1em}.nav-import:hover{background:var(--accent);color:var(--accent-ink)}.nav-import:active{transform:scale(.96)}.tab{appearance:none;cursor:pointer;color:var(--text-dim);font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);letter-spacing:.06em;transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;border-radius:999px;padding:.45em 1em}.tab:hover{color:var(--text);background:var(--bg-overlay)}.tab:active{transform:scale(.96)}.tab[aria-selected=true]{color:var(--accent-ink);background:var(--accent);border-color:var(--accent-deep);box-shadow:0 0 16px var(--accent-glow)}.tab .count{opacity:.75;margin-left:.35em;font-size:.75em}main{flex:1}.page{padding-top:var(--space-6)}.page-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);letter-spacing:.05em;margin:0 0 var(--space-1)}.page-desc{color:var(--text-dim);margin:0 0 var(--space-6);max-width:60ch}.tier-badge{border-radius:var(--radius-sm);min-width:2.1em;font-family:var(--font-display);letter-spacing:.05em;color:var(--bg);background:var(--tier-c);justify-content:center;align-items:center;padding:.05em .4em;font-size:.95rem;font-weight:700;line-height:1.5;display:inline-flex}.tier-badge[data-group=x]{background:var(--tier-x);box-shadow:0 0 10px var(--accent-glow)}.tier-badge[data-group=s]{background:var(--tier-s)}.tier-badge[data-group=a]{background:var(--tier-a)}.tier-badge[data-group=b]{background:var(--tier-b)}.tier-badge[data-group=c]{background:var(--tier-c)}.tier-badge[data-group=d]{background:var(--tier-d);color:var(--text)}.tier-badge[data-group=e]{background:var(--tier-e);color:var(--text)}.tier-badge[data-group=none]{background:var(--bg-overlay);color:var(--text-faint);border:1px dashed var(--line-strong)}.type-tag{color:var(--text-dim);align-items:center;gap:.35em;font-size:.8rem;display:inline-flex}.type-tag:before{content:"";background:var(--type-color,var(--text-faint));border-radius:50%;width:.55em;height:.55em}.part-chip{background:var(--bg-overlay);border:1px solid var(--line);color:var(--text-dim);white-space:nowrap;border-radius:999px;align-items:center;gap:.4em;padding:.15em .6em;font-size:.85rem;display:inline-flex}.btn{appearance:none;border:1px solid var(--line-strong);background:var(--bg-overlay);color:var(--text);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);padding:.5em 1.2em;font-weight:500}.btn:hover{border-color:var(--accent-deep);background:color-mix(in oklch, var(--bg-overlay) 80%, var(--accent-deep))}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent-deep);font-weight:700}.btn-primary:hover{background:color-mix(in oklch, var(--accent) 88%, white)}.btn-ghost-danger{border-color:var(--line);color:var(--text-faint);background:0 0}.btn-ghost-danger:hover{border-color:var(--danger);color:var(--danger);background:0 0}.btn-ghost-danger:disabled{opacity:.4;cursor:not-allowed}.btn-ghost-danger:disabled:hover{border-color:var(--line);color:var(--text-faint)}.btn-danger{background:var(--danger);color:oklch(18% .03 25);border-color:var(--danger);font-weight:700}.btn-danger:hover{background:color-mix(in oklch, var(--danger) 88%, white);border-color:var(--danger)}.empty-state{text-align:center;padding:var(--space-section) var(--space-4);border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:color-mix(in oklch, var(--bg-raised) 60%, transparent)}.empty-state h3{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:.04em;margin:0 0 var(--space-2)}.empty-state p{color:var(--text-dim);margin:0 0 var(--space-6)}.site-footer{margin-top:var(--space-section);padding-top:var(--space-4);border-top:1px solid var(--line);color:var(--text-faint);font-size:.8rem;line-height:1.8}.site-footer a{color:var(--text-dim);text-underline-offset:3px}.site-footer a:hover{color:var(--accent)}.footer-privacy{margin-top:var(--space-2);opacity:.75}@media (width<=640px){.site-header{align-items:stretch;gap:var(--space-2);padding:var(--space-3) 0;flex-direction:column;position:static}nav[aria-label=主導覽]{justify-content:space-between;gap:var(--space-2);margin-left:0}.tabs{gap:2px}.tab{font-size:var(--text-base);letter-spacing:.03em;padding:.4em .7em}.nav-import{font-size:var(--text-base);padding:.4em .85em}.page{padding-top:var(--space-4)}.page-desc{margin-bottom:var(--space-4)}.deck-hero{gap:var(--space-3)}.deck-actions{text-align:left;width:100%}.btn-share{margin-left:0}.alternates table{font-size:.82rem}.alternates th,.alternates td{padding:var(--space-2) var(--space-2)}}.build-hero{align-items:flex-end;gap:var(--space-4) var(--space-8);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.build-actions{align-items:center;gap:var(--space-4);margin-left:auto;display:flex}.build-count{font-family:var(--font-display);color:var(--accent);white-space:nowrap;font-weight:700}.build-actions .btn-share{margin:0}.build-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(19rem,100%),1fr));align-items:start;display:grid}.slot-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(160deg, var(--bg-overlay), var(--bg-raised) 55%);box-shadow:var(--shadow-card);overflow:hidden}.slot-card[data-complete=true]{border-color:var(--accent-deep)}.slot-head{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);display:flex;position:relative}.slot-no{font-family:var(--font-display);color:var(--line-strong);flex-shrink:0;font-size:1.6rem;font-weight:900}.slot-preview{align-items:center;gap:var(--space-3);min-width:0;display:flex}.slot-img{object-fit:contain;filter:drop-shadow(0 3px 8px oklch(0% 0 0/.4));flex-shrink:0;width:56px;height:56px}.slot-img-empty{border:1px dashed var(--line-strong);width:56px;height:56px;color:var(--text-faint);font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;font-size:1.4rem;display:grid}.slot-img-mix{flex-shrink:0;align-items:center;display:flex}.slot-img-mix img{object-fit:contain;filter:drop-shadow(0 3px 8px oklch(0% 0 0/.4));width:40px;height:40px}.slot-img-mix img:nth-child(2){margin-left:-8px}.slot-title{font-family:var(--font-display);min-width:0;font-size:1.1rem;font-weight:700;line-height:1.25}.slot-combo{color:var(--accent)}.slot-clear{top:var(--space-2);right:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-faint);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;font-size:.75rem;position:absolute}.slot-clear:hover{color:var(--danger);border-color:var(--danger)}.slot-fields{gap:var(--space-2);padding:var(--space-3) var(--space-4);flex-direction:column;display:flex}.part-select{align-items:center;gap:var(--space-3);display:flex}.part-select-label{letter-spacing:.14em;color:var(--text-faint);flex-shrink:0;width:3.8em;font-size:.78rem}.part-select-control{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.part-select select{appearance:none;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);min-width:0;color:var(--text);font:inherit;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--text-faint) 50%), linear-gradient(135deg, var(--text-faint) 50%, transparent 50%);background-position:calc(100% - 15px),calc(100% - 10px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;flex:1;padding:.45em 2em .45em .7em;font-size:.9rem}.part-select select:focus-visible{outline:2px solid var(--accent-deep);border-color:var(--accent-deep)}.slot-status{padding:var(--space-2) var(--space-4) var(--space-3);font-size:.85rem}.status-pending{color:var(--text-faint)}.status-custom{color:var(--accent);font-weight:600}.status-meta{color:var(--text-dim)}.status-meta strong{color:var(--text);font-family:var(--font-display)}.import-steps{margin:0 0 var(--space-3);gap:var(--space-2);padding-left:1.4em;display:grid}.import-steps li{line-height:1.9}.bookmarklet{margin:0 var(--space-2);border:1px dashed var(--accent-deep);color:var(--accent);cursor:grab;border-radius:999px;padding:2px 12px;text-decoration:none;display:inline-block}.import-alt{color:var(--text-faint);margin:0 0 var(--space-2);font-size:.85rem}.import-alt code{margin-top:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg);border-radius:var(--radius-sm);-webkit-user-select:all;user-select:all;font-size:.78rem;display:block;overflow-x:auto}.import-textarea{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--text);padding:var(--space-2);margin-bottom:var(--space-2);resize:vertical;font-size:.8rem}.import-textarea:focus-visible{outline:2px solid var(--accent-deep)}.import-result{margin:var(--space-2) 0 0;color:var(--text-dim);white-space:pre-wrap;font-size:.85rem}.import-method{border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3)}.import-method-primary{border-color:var(--accent-deep);background:radial-gradient(120% 120% at 0% 0%, var(--accent-glow), transparent 60%), var(--bg-raised)}.import-method>h4{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);flex-wrap:wrap;font-size:1rem;display:flex}.import-tag{color:var(--accent-ink);background:var(--accent);letter-spacing:.04em;border-radius:999px;padding:1px 8px;font-size:.72rem;font-weight:600}.import-method>summary{cursor:pointer;color:var(--text-dim);font-size:.9rem;font-weight:500}.import-method[open]>summary{margin-bottom:var(--space-2);color:var(--text)}.import-file-input{display:none}.import-method-primary .import-steps li code{background:var(--bg);border-radius:4px;padding:0 4px}.bookmarklet-copy{border:1px solid var(--accent-deep);border-radius:var(--radius-sm);background:color-mix(in oklch, var(--accent) 12%, transparent);color:var(--accent);font:inherit;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);padding:4px 14px;font-weight:600}.bookmarklet-copy:hover{background:var(--accent);color:var(--accent-ink)}.import-note{color:var(--text-faint);margin-top:var(--space-1);font-size:.82rem;display:block}.hover-thumb{cursor:help;border-bottom:1px dotted var(--line-strong);outline:none;position:relative}.hover-thumb-pop{padding:var(--space-2);background:var(--bg-overlay);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);pointer-events:none;z-index:200;animation:thumb-pop var(--duration-fast) var(--ease-out);position:fixed;transform:translate(-50%,calc(-100% - 8px))}.hover-thumb-pop img{object-fit:contain;width:120px;height:120px;display:block}@keyframes thumb-pop{0%{opacity:0;transform:translate(-50%,calc(-100% - 2px))}}.deck-hero{align-items:flex-end;gap:var(--space-4) var(--space-8);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.deck-actions{text-align:right;align-self:center;margin-left:auto}.deck-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(17rem,100%),1fr));align-items:stretch;display:grid}.bey-card{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(160deg, var(--bg-overlay), var(--bg-raised) 55%);box-shadow:var(--shadow-card);flex-direction:column;display:flex;position:relative;overflow:hidden}.bey-card:before{content:"";background:linear-gradient(90deg, var(--accent), transparent 70%);opacity:.9;height:3px;position:absolute;inset:0 0 auto}.bey-card .slot{top:var(--space-3);right:var(--space-4);font-family:var(--font-display);color:var(--line-strong);font-size:2.4rem;font-weight:900;line-height:1;position:absolute}.bey-card .bey-head{gap:var(--space-4);align-items:center;display:flex}.bey-card .bey-img{object-fit:contain;filter:drop-shadow(0 4px 10px oklch(0% 0 0/.45));width:84px;height:84px}.bey-card .bey-img-placeholder{border:1px dashed var(--line-strong);width:84px;height:84px;color:var(--text-faint);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:1.6rem;display:grid}.bey-card h3{font-family:var(--font-display);letter-spacing:.03em;margin:0;font-size:1.35rem;font-weight:700;line-height:1.2}.bey-parts{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.bey-parts .part-row{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:color-mix(in oklch, var(--bg) 55%, transparent);border:1px solid var(--line);display:flex}.part-row .part-kind{letter-spacing:.14em;color:var(--text-faint);flex-shrink:0;width:3.8em;font-size:.78rem}.part-row .part-name{margin-right:auto;font-weight:500}.bey-meta{gap:var(--space-4);color:var(--text-dim);margin-top:auto;font-size:.82rem;display:flex}.bey-meta strong{color:var(--text);font-family:var(--font-display);font-size:1rem}.source-tag{letter-spacing:.06em;border:1px solid var(--accent-deep);color:var(--accent);border-radius:999px;align-items:center;padding:.1em .6em;font-size:.75rem;display:inline-flex}.source-tag[data-source=site]{border-color:var(--gold);color:var(--gold)}.deck-warning{gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-md);border:1px solid color-mix(in oklch, var(--gold) 45%, transparent);background:color-mix(in oklch, var(--gold) 10%, transparent);color:var(--text-dim);align-items:baseline;display:flex}.alternates{margin-top:var(--space-8)}.alternates h3{font-family:var(--font-display);letter-spacing:.05em;margin:0 0 var(--space-3)}.alt-hint{color:var(--text-faint);margin:0 0 var(--space-3);font-size:.85rem}.alt-group{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-raised);margin-bottom:var(--space-2);overflow:hidden}.alt-group summary{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);list-style:none;display:flex}.alt-group summary::-webkit-details-marker{display:none}.alt-group summary:before{content:"▸";color:var(--accent);flex-shrink:0}.alt-group[open] summary:before{content:"▾"}.alt-group summary:hover{background:color-mix(in oklch, var(--bg-overlay) 70%, transparent)}.alt-group summary img,.alt-group .alt-img-empty{object-fit:contain;flex-shrink:0;width:40px;height:40px}.alt-group .alt-img-empty{border:1px dashed var(--line-strong);color:var(--text-faint);font-family:var(--font-display);border-radius:50%;place-items:center;display:grid}.alt-group .alt-blade{font-weight:600}.alt-group .alt-count{color:var(--text-faint);font-size:.82rem}.alt-group table{border-top:1px solid var(--line)}.alternates table{border-collapse:collapse;width:100%;font-size:.9rem}.alternates th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line-strong);font-size:.75rem;font-weight:500}.alternates td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line)}.alternates tr:hover td{background:color-mix(in oklch, var(--bg-overlay) 60%, transparent)}.score-note{margin-top:var(--space-6);color:var(--text-faint);max-width:72ch;font-size:.8rem}.onboard-grid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));align-items:start;display:grid}.onboard-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raised);padding:var(--space-6);box-shadow:var(--shadow-card);position:relative}.onboard-primary{border-color:var(--accent-deep);background:radial-gradient(120% 90% at 0% 0%, var(--accent-glow), transparent 55%), var(--bg-raised)}.onboard-step{top:var(--space-4);right:var(--space-4);font-family:var(--font-display);color:var(--text-faint);opacity:.5;font-size:2rem;font-weight:900;position:absolute}.onboard-primary .onboard-step{color:var(--accent)}.onboard-card h3{margin:0 0 var(--space-2);font-size:var(--text-lg);padding-right:2.6rem}.onboard-card>p{color:var(--text-dim);margin:0 0 var(--space-4)}.btn-share{margin-top:var(--space-2);border:1px solid var(--accent-deep);border-radius:var(--radius-sm);background:color-mix(in oklch, var(--accent) 12%, transparent);color:var(--accent);font:inherit;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);margin-left:auto;padding:4px 14px;font-size:.9rem;font-weight:600;display:block}.btn-share:hover:not(:disabled){background:var(--accent);color:var(--accent-ink)}.btn-share:disabled{opacity:.6;cursor:wait}.share-error{margin-top:var(--space-1);color:var(--danger);font-size:.8rem;display:block}.alt-config .sep{color:var(--text-faint);padding:0 .15em}.modal-overlay{z-index:100;padding:var(--space-4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:modal-fade var(--duration-fast) var(--ease-out);background:oklch(8% .01 265/.6);place-items:center;display:grid;position:fixed;inset:0}.modal-panel{background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:min(560px,100%);max-height:min(86vh,720px);box-shadow:var(--shadow-pop);animation:modal-rise var(--duration-normal) var(--ease-out);flex-direction:column;display:flex}.modal-head{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--line);display:flex}.modal-head h3{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.02em;margin:0}.modal-close{border:1px solid var(--line);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-dim);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;flex-shrink:0;font-size:.9rem}.modal-close:hover{color:var(--accent);border-color:var(--accent-deep)}.modal-body{padding:var(--space-4);overflow-y:auto}.confirm-message{margin:0 0 var(--space-6);color:var(--text-dim);line-height:1.7}.confirm-actions{justify-content:flex-end;gap:var(--space-3);display:flex}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}}.inv-toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.inv-search{border-radius:var(--radius-md);border:1px solid var(--line-strong);background:var(--bg-raised);color:var(--text);font:inherit;flex:14rem;padding:.55em 1em}.inv-search::placeholder{color:var(--text-faint)}.inv-search:focus{border-color:var(--accent-deep);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.chip-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-chip{appearance:none;border:1px solid var(--line);color:var(--text-dim);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);background:0 0;border-radius:999px;padding:.3em .9em;font-size:.88rem}.filter-chip:hover{border-color:var(--accent-deep);color:var(--text)}.filter-chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent-deep);color:var(--accent-ink);font-weight:600}.filter-chip:disabled{cursor:default}.filter-chip:disabled[aria-pressed=true]{background:color-mix(in oklch, var(--accent) 78%, transparent);opacity:1}.filter-chip:disabled:hover{border-color:var(--accent-deep);color:var(--accent-ink)}.inv-summary{align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6);border-radius:var(--radius-md);background:var(--bg-raised);border:1px solid var(--line);color:var(--text-dim);flex-wrap:wrap;font-size:.9rem;display:flex}.inv-summary strong{color:var(--accent);font-family:var(--font-display);font-size:1.15rem}.inv-summary .spacer{margin-left:auto}.product-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(13.5rem,100%),1fr));display:grid}.product-card{appearance:none;text-align:left;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--bg-raised);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;position:relative}.product-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-card);transform:translateY(-2px)}.product-card[aria-pressed=true]{border-color:var(--accent-deep);background:linear-gradient(160deg, color-mix(in oklch, var(--accent) 12%, var(--bg-raised)), var(--bg-raised) 60%);box-shadow:0 0 0 1px var(--accent-deep), 0 0 18px var(--accent-glow)}.product-card .owned-mark{top:var(--space-2);right:var(--space-2);background:var(--bg-overlay);width:1.5rem;height:1.5rem;color:var(--text-faint);border:1px solid var(--line);border-radius:50%;place-items:center;font-size:.9rem;font-weight:700;transition:inherit;display:grid;position:absolute}.product-card[aria-pressed=true] .owned-mark{background:var(--accent);color:var(--accent-ink);border-color:var(--accent-deep)}.product-card .product-img{aspect-ratio:1;object-fit:contain;width:100%;padding:var(--space-2)}.product-card .product-img-empty{aspect-ratio:1;width:100%;color:var(--text-faint);border:1px dashed var(--line);border-radius:var(--radius-md);font-family:var(--font-display);place-items:center;font-size:1.4rem;display:grid}.product-card .product-id{font-family:var(--font-display);letter-spacing:.08em;color:var(--text-faint);font-size:.85rem}.product-card .product-name{justify-content:space-between;align-items:center;gap:var(--space-2);font-weight:600;line-height:1.3;display:flex}.product-card .product-parts{gap:var(--space-1);flex-wrap:wrap;margin-top:auto;display:flex}.inv-tabs{gap:var(--space-1);margin-top:var(--space-4);border-bottom:1px solid var(--line);display:flex}.inv-tab{appearance:none;color:var(--text-dim);font:inherit;padding:var(--space-2) var(--space-4);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:600}.inv-tab:hover{color:var(--text)}.inv-tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.extra-body{margin-top:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.extra-group h4{margin:0 0 var(--space-2);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);font-size:.85rem;font-weight:500}.no-results{color:var(--text-faint);text-align:center;padding:var(--space-8)}.tier-rows{gap:var(--space-2);margin-bottom:var(--space-8);flex-direction:column;display:flex}.tier-row{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-raised);grid-template-columns:3.4rem 1fr;display:grid;overflow:hidden}.tier-row .tier-label{font-family:var(--font-display);color:var(--bg);background:var(--row-color,var(--tier-c));place-items:center;font-size:1.5rem;font-weight:900;display:grid}.tier-row[data-group=d] .tier-label,.tier-row[data-group=e] .tier-label{color:var(--text)}.tier-row .tier-blades{gap:var(--space-2);padding:var(--space-3);flex-wrap:wrap;display:flex}.blade-chip{border:1px solid var(--line);background:var(--bg-overlay);color:var(--text-dim);border-radius:999px;align-items:center;gap:.45em;padding:.25em .75em;font-size:.9rem;display:inline-flex}.blade-chip[data-owned=true]{border-color:var(--accent-deep);color:var(--text)}.blade-chip .dot{background:var(--line-strong);border-radius:50%;width:.5em;height:.5em}.blade-chip[data-owned=true] .dot{background:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.combo-table-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-raised);overflow-x:auto}.combo-table{border-collapse:collapse;width:100%;min-width:40rem;font-size:.9rem}.combo-table th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);padding:var(--space-3);border-bottom:1px solid var(--line-strong);background:var(--bg-raised);font-size:.75rem;font-weight:500;position:sticky;top:0}.combo-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line)}.combo-table tr:last-child td{border-bottom:none}.combo-table tr:hover td{background:color-mix(in oklch, var(--bg-overlay) 70%, transparent)}.combo-table .rank{font-family:var(--font-display);color:var(--text-faint);font-weight:700}.combo-table tr:nth-child(-n+3) .rank{color:var(--gold)}.combo-table .combo-name{font-weight:600}.buildable{border:1px solid var(--accent-deep);color:var(--accent);white-space:nowrap;border-radius:999px;align-items:center;padding:.1em .6em;font-size:.78rem;display:inline-flex}.buildable[data-ok=false]{border-color:var(--line);color:var(--text-faint)}.tier-note{color:var(--text-faint);margin-top:var(--space-3);font-size:.8rem}