*,*:before,*:after{box-sizing:border-box}:root{--page-pad: clamp(12px, 2.2vw, 20px);--card-radius: 16px;--card-pad: clamp(14px, 2.4vw, 24px);--max-page: 1200px;--max-card: 980px}body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#111827 0,#020617 55%,#000);color:#e5e7eb;overflow-x:hidden}#root{min-height:100vh}.root-shell{min-height:100vh;display:flex;flex-direction:column;color:#e5e7eb}.top-nav{background:#020617;width:100%}.top-nav-inner{width:100%;max-width:var(--max-page);margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:.4rem var(--page-pad);gap:.75rem}.top-nav-left{display:flex;align-items:center;gap:.6rem;min-width:0}.nav-logo{height:40px;width:auto}.nav-brand{font-weight:600;font-size:1rem;white-space:nowrap}.top-nav-links{display:flex;gap:.9rem;flex-wrap:wrap;justify-content:flex-end}.nav-link{color:#e5e7eb;text-decoration:none;font-size:.9rem}.nav-link:hover{text-decoration:underline}.nav-search-wrapper{padding:.6rem var(--page-pad) .75rem;border-top:1px solid rgba(148,163,184,.2);background:#020617}.nav-search-inner{max-width:var(--max-page);margin:0 auto;position:relative;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.search-row,.nav-search-wrapper .search-row{width:100%;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.nav-search-select,.nav-search-input,.search-input{border-radius:999px;border:1px solid rgba(148,163,184,.4);background:#0b1326;color:#e5e7eb;padding:.55rem .85rem;font-size:.95rem;min-height:40px}.nav-search-select{flex:0 0 auto}.nav-search-input,.search-input{flex:1 1 220px;min-width:160px}.nav-search-input:focus,.search-input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 1px #2563eb99}.nav-search-dropdown{position:absolute;top:110%;left:0;right:0;background:#0f172af7;border:1px solid rgba(148,163,184,.3);border-radius:12px;padding:.4rem;list-style:none;margin:0;box-shadow:0 10px 30px #00000080;z-index:999}.nav-search-option{display:flex;gap:.5rem;padding:.4rem;border-radius:8px;cursor:pointer}.nav-search-option:hover{background:#3b82f633}.nav-search-thumb{width:40px;height:auto;border-radius:4px}.nav-search-name{font-weight:600}.nav-search-meta{font-size:.75rem;color:#9ca3af}.root-content{flex:1 1 auto;padding:var(--page-pad);display:flex;justify-content:center;align-items:stretch;min-height:0}.root-content-inner{width:100%;max-width:var(--max-page);margin:0 auto;display:flex;justify-content:center;align-items:stretch}.app-shell{width:100%;max-width:var(--max-card);margin:0 auto;background:#0f172af2;border-radius:var(--card-radius);box-shadow:0 24px 60px #0009;border:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;align-self:stretch;min-height:0}.app-container{width:100%;max-width:100%;min-width:0;padding:var(--card-pad);margin:0;background:transparent;border:0;border-radius:0;box-shadow:none;height:auto}.cd2-page{max-width:980px}.cd2-header{align-items:flex-start;gap:.75rem}.cd2-badges{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.cd2-badge{text-transform:capitalize;font-weight:700}.cd2-top{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:1rem;margin-bottom:1rem;align-items:start}.cd2-image-panel{padding:.9rem;display:flex;align-items:flex-start;justify-content:center}.cd2-image{width:100%;height:auto;border-radius:14px;display:block;box-shadow:0 14px 40px #0000008c}.cd2-info-panel{display:flex;flex-direction:column;gap:.85rem;min-width:0}.cd2-name-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.cd2-name{margin:0;font-size:1.8rem;line-height:1.15;letter-spacing:.2px}.cd2-stock-pill{flex:0 0 auto;font-size:.78rem;font-weight:800;padding:.25rem .65rem;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#020617a6;color:#e5e7eb;white-space:nowrap}.cd2-stock-pill--in{border-color:#60a5faa6;box-shadow:0 0 0 1px #2563eb40 inset}.cd2-stock-pill--out{opacity:.75}.cd2-meta{display:flex;flex-wrap:wrap;gap:.6rem .9rem;font-size:.95rem;color:#cbd5e1}.cd2-mana{padding-left:.9rem;border-left:1px solid rgba(148,163,184,.25)}.cd2-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.cd2-stat{border-radius:14px;border:1px solid rgba(55,65,81,.85);background:#0f172a8c;padding:.85rem}.cd2-stat-label{font-size:.78rem;color:#9ca3af}.cd2-stat-value{font-size:1.35rem;font-weight:900;margin-top:2px}.cd2-hint{font-size:.9rem;color:#9ca3af}.cd2-variants{padding:1rem}.cd2-variants-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.6rem}.cd2-variants-sub{font-size:.8rem;color:#9ca3af}.cd2-table{border-radius:14px;overflow:hidden;border:1px solid rgba(55,65,81,.85);background:#02061740}.cd2-table-head,.cd2-row{display:grid;grid-template-columns:140px 180px 120px 90px minmax(0,1fr);gap:.75rem;align-items:center;padding:.75rem .85rem}.cd2-table-head{font-size:.78rem;color:#9ca3af;border-bottom:1px solid rgba(55,65,81,.9);background:#0f172a59}.cd2-row{border-bottom:1px solid rgba(55,65,81,.6)}.cd2-row:last-child{border-bottom:none}.cd2-row--oos{opacity:.55}.cd2-right{text-align:right}.cd2-cond{display:flex;align-items:center;gap:.5rem;min-width:0}.cd2-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.cd2-dot--in{background:#60a5fae6;box-shadow:0 0 14px #3b82f659}.cd2-dot--out{background:#fff3}.cd2-cond-text{font-weight:900}.cd2-cell{color:#e5e7eb;min-width:0}.cd2-stock{font-weight:900}.cd2-actions{display:flex;justify-content:flex-end;align-items:center;gap:.6rem;flex-wrap:wrap}.cd2-price{font-weight:950;min-width:100px;text-align:right}.cd2-select{border-radius:999px;border:1px solid rgba(148,163,184,.4);background:#020617;color:#e5e7eb;padding:.48rem .8rem;font-size:.9rem;min-height:40px}.cd2-add{padding:.55rem .95rem;min-height:40px}.cd2-add--disabled{opacity:.6}.cd2-empty{padding:.9rem;color:#9ca3af}.cd2-footnote{margin-top:.7rem;font-size:.8rem;color:#9ca3af}@media(max-width:768px){.cd2-top{grid-template-columns:1fr}.cd2-page{max-width:100%}.cd2-stats{grid-template-columns:1fr}.cd2-table{border:none;background:transparent}.cd2-table-head{display:none}.cd2-row{grid-template-columns:1fr;gap:.6rem;padding:.85rem;margin-bottom:.75rem;border-radius:14px;border:1px solid rgba(55,65,81,.8);background:#0f172acc}.cd2-row:last-child{border-bottom:1px solid rgba(55,65,81,.8)}.cd2-actions{justify-content:flex-start}.cd2-price{min-width:0;text-align:left}.cd2-select,.cd2-add{width:100%}}@media(max-width:480px){.cd2-name-row{flex-direction:column;align-items:flex-start}.cd2-stock-pill{margin-top:.25rem}.cd2-name{font-size:1.45rem}}.app-logo{width:220px;max-width:80vw;height:auto}.landing-header{text-align:center;margin-bottom:1.25rem}.app-main{max-width:600px;margin:0 auto}.hero-title{font-size:1.9rem;margin-bottom:16px}.contact-text{font-size:1rem;margin-bottom:24px}.contact-email{color:#62c1ff;text-decoration:none;font-size:1.1rem;font-weight:600}.contact-email:hover{text-decoration:underline}.socials{margin-top:8px}.socials-label{display:block;margin-bottom:8px;font-weight:600}.socials-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.social-link{color:#f5f5f5;text-decoration:none;padding:6px 12px;border-radius:999px;border:1px solid #3a3f5a;font-size:.9rem}.social-link:hover{background:#1a1d2b}.app-header{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.app-title{font-size:1.5rem;font-weight:700}.app-subtitle{font-size:.9rem;color:#9ca3af}.search-row{margin-bottom:1rem}.btn{border-radius:999px;border:none;padding:.55rem 1rem;font-size:.95rem;font-weight:500;cursor:pointer;background:linear-gradient(to right,#4f46e5,#0ea5e9);color:#f9fafb;white-space:nowrap;min-height:40px}.btn:disabled{opacity:.6;cursor:default}.btn-secondary{background:transparent;border:1px solid rgba(148,163,184,.6);color:#e5e7eb}.layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.8fr);gap:1rem}.card-panel,.inventory-panel{background:#0f172acc;border-radius:12px;border:1px solid rgba(55,65,81,.8);padding:.9rem}.panel-title{font-size:1rem;font-weight:600;margin-bottom:.5rem}.result-list{list-style:none;padding:0;margin:0;max-height:480px;overflow-y:auto}.result-item{border-radius:10px;padding:.45rem;margin-bottom:.4rem;border:1px solid transparent;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .06s ease}.result-item:hover{background:#1e40af40;border-color:#3b82f6cc}.result-item.selected{background:#1e40af80;border-color:#60a5fae6;transform:translateY(-1px)}.result-item-inner{display:flex;gap:.6rem;align-items:center}.result-thumb{width:52px;height:auto;border-radius:6px;box-shadow:0 4px 16px #0009}.result-name{font-weight:600}.result-meta{font-size:.78rem;color:#9ca3af}.result-mana{font-size:.75rem;color:#6b7280}.selected-card-header{display:flex;gap:.75rem;align-items:flex-start;flex-wrap:wrap;margin-bottom:.75rem}.selected-thumb{width:90px;border-radius:8px;box-shadow:0 8px 24px #000000b3}.selected-info-primary{font-weight:600}.selected-info-meta{font-size:.9rem;color:#9ca3af}.selected-info-type{font-size:.8rem;color:#6b7280}.badge{display:inline-flex;align-items:center;padding:.12rem .5rem;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;background:#1f2937e6;border:1px solid rgba(75,85,99,.8);color:#e5e7eb}.badge-foil{background:linear-gradient(90deg,#22c55e,#06b6d4);color:#022c22;border-color:transparent}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-bottom:.8rem}.form-field label{display:block;font-size:.78rem;margin-bottom:.15rem;color:#9ca3af}.form-field input,.form-field select{width:100%;padding:.5rem .55rem;border-radius:10px;border:1px solid rgba(75,85,99,.9);background:#020617;color:#e5e7eb;font-size:.95rem;min-height:40px}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.form-message{font-size:.78rem}.form-message.ok{color:#a7f3d0}.form-message.err{color:#fecaca}.inventory-panel{overflow-x:auto}.inventory-table{width:100%;min-width:520px;border-collapse:collapse;font-size:.85rem}.inventory-table th,.inventory-table td{border-bottom:1px solid rgba(55,65,81,.9);padding:.45rem .35rem}.inventory-table th{text-align:left;font-weight:500;color:#9ca3af}.inventory-table tbody tr{cursor:pointer}.inventory-table tbody tr:hover{background:#1f2937b3}.inventory-row-active{background:#1e40af80}@keyframes spin{to{transform:rotate(360deg)}}.app-footer{padding:12px var(--page-pad) 20px;text-align:center;font-size:.85rem;color:#a0a3b8;border-top:1px solid #26293a;width:100%}@media(max-width:1024px){.layout{grid-template-columns:1fr}}@media(max-width:768px){.nav-logo{height:34px}.top-nav-inner{gap:.5rem}.top-nav-links{gap:.6rem}.nav-link{font-size:.9rem}.form-grid{grid-template-columns:1fr}.result-list{max-height:360px}}@media(max-width:480px){.nav-brand{display:none}.hero-title{font-size:1.55rem}.selected-thumb{width:76px}.btn,.nav-search-select{width:100%}.cd2-page{max-width:900px}.cd2-header{align-items:flex-start;gap:.75rem}.cd2-badges{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.cd2-badge{text-transform:capitalize;font-weight:600}.cd2-top{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:1rem;margin-bottom:1rem}.cd2-image-panel{padding:.75rem;display:flex;align-items:flex-start;justify-content:center}.cd2-image{width:100%;height:auto;border-radius:12px;display:block;box-shadow:0 10px 30px #0000008c}.cd2-info-panel{display:flex;flex-direction:column;gap:.75rem}.cd2-name-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.cd2-name{margin:0;font-size:1.35rem;line-height:1.2}.cd2-stock-pill{flex:0 0 auto;font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#020617a6;color:#e5e7eb;white-space:nowrap}.cd2-stock-pill--in{border-color:#60a5faa6;box-shadow:0 0 0 1px #2563eb40 inset}.cd2-stock-pill--out{opacity:.75}.cd2-meta{display:flex;flex-wrap:wrap;gap:.6rem .75rem;font-size:.9rem;color:#cbd5e1}.cd2-mana{padding-left:.75rem;border-left:1px solid rgba(148,163,184,.25)}.cd2-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.cd2-stat{border-radius:12px;border:1px solid rgba(55,65,81,.8);background:#0f172a8c;padding:.75rem}.cd2-stat-label{font-size:.78rem;color:#9ca3af}.cd2-stat-value{font-size:1.25rem;font-weight:800;margin-top:2px}.cd2-hint{font-size:.85rem;color:#9ca3af}.cd2-variants{padding:.9rem}.cd2-variants-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.cd2-variants-sub{font-size:.78rem;color:#9ca3af}.cd2-table{border-radius:12px;overflow:hidden;border:1px solid rgba(55,65,81,.8);background:#02061740}.cd2-table-head,.cd2-row{display:grid;grid-template-columns:140px 180px 110px 90px 1fr;gap:.75rem;align-items:center;padding:.65rem .75rem}.cd2-table-head{font-size:.78rem;color:#9ca3af;border-bottom:1px solid rgba(55,65,81,.9)}.cd2-row{border-bottom:1px solid rgba(55,65,81,.6)}.cd2-row:last-child{border-bottom:none}.cd2-row--oos{opacity:.55}.cd2-right{text-align:right}.cd2-cond{display:flex;align-items:center;gap:.5rem}.cd2-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.cd2-dot--in{background:#60a5fae6;box-shadow:0 0 14px #3b82f659}.cd2-dot--out{background:#fff3}.cd2-cond-text{font-weight:800}.cd2-cell{color:#e5e7eb}.cd2-stock{font-weight:800}.cd2-actions{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;flex-wrap:wrap}.cd2-price{font-weight:900;min-width:90px;text-align:right}.cd2-select{border-radius:999px;border:1px solid rgba(148,163,184,.4);background:#020617;color:#e5e7eb;padding:.45rem .7rem;font-size:.85rem}.cd2-add{padding:.55rem .85rem}.cd2-add--disabled{opacity:.6}.cd2-empty{padding:.8rem;color:#9ca3af}.cd2-footnote{margin-top:.6rem;font-size:.78rem;color:#9ca3af}@media(max-width:768px){.cd2-top{grid-template-columns:1fr}.cd2-page{max-width:100%}.cd2-stats{grid-template-columns:1fr}.cd2-table{border:none;background:transparent}.cd2-table-head{display:none}.cd2-row{grid-template-columns:1fr;gap:.6rem;padding:.8rem;margin-bottom:.75rem;border-radius:12px;border:1px solid rgba(55,65,81,.8);background:#0f172acc}.cd2-row:last-child{border-bottom:1px solid rgba(55,65,81,.8)}.cd2-actions{justify-content:flex-start}.cd2-price{min-width:0;text-align:left}.cd2-select,.cd2-add{width:100%}}.cd2-name-row{flex-direction:column;align-items:flex-start}.cd2-stock-pill{margin-top:.25rem}}