:root{font-size:10px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#f8fafc;background:#020617;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(min-width:1200px){:root{font-size:12px}}@media(min-width:1500px){:root{font-size:14px}}@media(min-width:1800px){:root{font-size:16px}}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-width:20rem;min-height:100vh}.page{height:100vh;display:flex;flex-direction:column;gap:.75rem;padding:.875rem;box-sizing:border-box;overflow:hidden}.controls{display:grid;grid-template-columns:1fr 17.5rem;gap:.75rem}.field{display:flex;flex-direction:column;gap:.375rem;font-size:.875rem}.field input{border:1px solid #334155;background:#0f172a;color:#f8fafc;border-radius:.5rem;padding:.625rem .75rem;font-size:.875rem;outline:none;box-sizing:border-box}.field input:focus{border-color:#64748b}.field input.field-input-invalid{border-color:#ef4444}.layout{flex:1;min-height:0;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;grid-template-columns:5fr 17.5rem;grid-template-rows:100%;display:grid}.layouts-wrapper{display:flex;height:100%;flex-direction:column;row-gap:.75rem}.layout-toolbar{display:grid;grid-template-columns:3fr 2fr;gap:.75rem;align-items:start;transition:grid-template-columns .32s ease}.toolbar-search{min-width:0}.global-warning-shell{min-width:0;width:100%;font-size:.875rem;line-height:1.125rem;box-sizing:border-box}.layout-body{flex:1;min-height:0;display:grid;grid-template-columns:3fr 2fr;gap:.75rem;overflow:hidden}.inventory-panels,.selected-panels{min-height:0;display:grid;gap:.75rem;overflow:hidden}.selected-panels .card-item,.selected-panels .card-item--hint{min-height:12.375rem}.inventory-panels,.selected-panels{grid-template-rows:1fr 1fr}.global-warning-shell{position:relative;height:2.75rem;max-width:0;opacity:0;overflow:visible;justify-self:start;pointer-events:none;transition:max-width .32s ease,opacity .22s ease,transform .32s ease}.global-warning-shell.is-visible{max-width:100%;opacity:1;pointer-events:auto}.selected-warning{position:absolute;top:0;left:0;width:100%;border:1px dashed #ef4444;border-radius:.625rem;background:#7f1d1d;color:#f8fafc;min-height:2.5rem;max-height:2.5rem;padding:.625rem .75rem;overflow:hidden;display:flex;font-size:.875rem;line-height:1.125rem;box-sizing:border-box;animation:warning-bg-pulse 3.2s ease-in-out infinite;transition:max-height .26s ease;z-index:8}.selected-warning__text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-warning-shell.is-visible:hover .selected-warning{max-height:8rem}.global-warning-shell.is-visible:hover .selected-warning__text{white-space:normal;overflow:visible;text-overflow:clip}.info-sidebar{flex:1;min-height:0;display:flex;flex-direction:column;gap:.75rem}.layout-faq{min-height:0;display:flex;flex-direction:column}.info-card{background:#111827;border:1px solid #1f2937;border-radius:.625rem;padding:.75rem;color:#e5e7eb;font-size:.8125rem;line-height:1.45}.info-card h3{margin:0 0 .5rem;font-size:.875rem;color:#f8fafc}.info-card p{margin:0;color:#cbd5e1}.submit-trade-btn{margin-top:auto;width:100%;border:1px solid #334155;border-radius:.5rem;background:#16a34a;color:#f8fafc;font-size:.875rem;font-weight:600;line-height:1;padding:.75rem;cursor:pointer;transition:filter .15s ease-in-out,transform .15s ease-in-out}.submit-trade-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-.03125rem)}.submit-trade-btn:disabled{background:#334155;color:#94a3b8;cursor:not-allowed}.toolbar-search input{width:100%;border:1px solid #334155;background:#0f172a;color:#f8fafc;border-radius:.5rem;padding:.625rem .75rem;font-size:.875rem;line-height:1.125rem;box-sizing:border-box;outline:none}.toolbar-search input:focus{border-color:#64748b}.panel{background:#111827;border:1px solid #1f2937;border-radius:.625rem;padding:.625rem;min-height:0;display:flex;flex-direction:column;gap:.625rem;overflow:hidden}.panel-scroll{flex:1;min-height:0;margin:0 -.625rem -.625rem;padding:0 .625rem .625rem}.custom-scrollbar{position:relative;overflow-y:visible;height:100%;min-height:0}.custom-scrollbar__viewport{height:100%;overflow-y:visible;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.custom-scrollbar__viewport::-webkit-scrollbar{width:0;height:0}.custom-scrollbar__track{position:absolute;top:0;right:0;bottom:0;width:.375rem;border-radius:999rem;background:#94a3b82e}.custom-scrollbar__thumb{width:100%;border-radius:999rem;background:#94a3b8b8;pointer-events:auto;cursor:pointer}.panel h2{margin:0;font-size:.9375rem;font-weight:600;color:#e5e7eb}.cards-grid{min-height:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(8.75rem,1fr));gap:.625rem;align-content:start;padding-right:.125rem}.cards-grid-small{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr))}.card-item{position:relative;border:1px solid #334155;background:#0b1220;border-radius:.625rem;padding:.5rem;display:flex;flex-direction:column;align-items:center;gap:.375rem;min-height:9.875rem}.card-item--danger{background:#2f1319;border-color:#b91c1c}.card-dim-overlay{position:absolute;inset:0;border-radius:.625rem;background:#0f172a94;opacity:0;pointer-events:none;transition:opacity .15s ease-in-out;z-index:2}.card-item--hover:hover .card-dim-overlay{opacity:1}.card-item--hint{align-items:center;justify-content:center;text-align:center;background:linear-gradient(120deg,#0b1220 40%,#1e293b,#0b1220 60%);background-size:300% 300%;animation:shimmer 4s linear infinite;border-style:dashed;min-height:12.375rem}.card-item--hint-warning{background:#0b1220}.card-item--hint-line{min-height:6rem;grid-column:1 / -1}.card-item--hint-gems-only{min-height:6.875rem}.trade-hint-gems-text{margin:0;color:#e2e8f0;font-size:.9375rem;font-weight:600;white-space:nowrap}.card-hint-text{margin:0;color:#e2e8f0;font-size:.9375rem;font-weight:600;text-align:center}.card-hint-text-warning{color:#d4d24a}.card-image-wrap{position:relative;width:6rem;height:6rem;align-self:center;z-index:3}.card-image{width:6rem;height:6rem;object-fit:cover;border-radius:.375rem;display:block;transition:filter .2s ease-in-out}.card-image--depleted{filter:grayscale(1)}.card-image-overlay{position:absolute;inset:0;border-radius:.375rem;background:#0f172a52;backdrop-filter:blur(.0875rem);-webkit-backdrop-filter:blur(.0875rem)}.card-count,.card-title{margin:0;position:relative;z-index:1}.card-count{font-size:.8125rem;color:#cbd5e1}.card-title{font-size:.8125rem;color:#e2e8f0}.card-actions{margin-top:auto;display:flex;justify-content:center;align-items:center;gap:.625rem}.card-actions--hover-inline{position:absolute;left:50%;transform:translate(-50%);top:7rem;margin:0;min-height:0;opacity:0;pointer-events:none;transition:opacity .15s ease-in-out;z-index:4}.card-item--hover:hover .card-actions--hover-inline{opacity:1;pointer-events:auto}.card-btn{border:none;border-radius:.5rem;width:2.375rem;height:2rem;cursor:pointer;color:#f8fafc;font-size:1.125rem;line-height:1}.card-btn:disabled{filter:saturate(.3);cursor:not-allowed}.card-btn--plus{background:#16a34a}.card-btn--minus{background:#2563eb}.state{margin:0;color:#94a3b8;font-size:.8125rem}.state--error{color:#f87171}@keyframes shimmer{0%,80%{background-position:150% 0}to{background-position:0% 0}}@keyframes warning-bg-pulse{0%,to{background:#200c18;border-color:#ef4444}50%{background:#3b0e18;border-color:#f87171}}