.rot-picker-overlay{--modal-overlay-inset-bottom:max(1rem,env(safe-area-inset-bottom));z-index:13100;padding:max(1rem,env(safe-area-inset-top))1rem var(--modal-overlay-inset-bottom);box-sizing:border-box;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;overflow-y:auto}@media (min-width:640px){.rot-picker-overlay{padding:max(1rem,env(safe-area-inset-top))1.25rem var(--modal-overlay-inset-bottom)}}@media (min-width:1024px){.rot-picker-overlay{padding:max(1rem,env(safe-area-inset-top))2rem var(--modal-overlay-inset-bottom)}}.rot-picker-backdrop{inset:0 0 calc(-1*var(--modal-overlay-inset-bottom))0;background:var(--modal-backdrop,rgba(0,0,0,.58));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;border:none;margin:0;padding:0;position:absolute}.rot-picker-panel{z-index:1;overscroll-behavior:contain;background:var(--bg-elevated,#fff);width:100%;max-width:520px;min-height:0;max-height:min(720px,100%);color:var(--text,#111);border:1px solid var(--border,#ddd);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-lg,0 12px 40px rgba(0,0,0,.18));flex-direction:column;flex:1 1 0;display:flex;position:relative}@media (min-width:640px){.rot-picker-panel{max-width:min(100%,680px)}.rot-picker-panel.rot-picker-panel--listing-fields{max-width:min(100%,720px)}}@media (min-width:768px){.rot-picker-panel{max-width:min(100%,760px)}}@media (min-width:1024px){.rot-picker-panel{max-width:min(100%,920px)}}@media (min-width:768px){.rot-picker-panel.rot-picker-panel--listing-fields{max-width:min(100%,880px)}}@media (min-width:1024px){.rot-picker-panel.rot-picker-panel--listing-fields{max-width:min(100%,980px)}}.rot-picker-head{border-bottom:1px solid var(--border,#eee);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}@media (min-width:768px){.rot-picker-head{padding:1rem 1.25rem}}@media (min-width:1024px){.rot-picker-head{padding:1.05rem 1.5rem}}.rot-picker-title{letter-spacing:-.02em;margin:0;font-size:1rem;font-weight:600}.rot-picker-close{border-radius:var(--radius-sm,6px);width:2rem;height:2rem;color:var(--text-muted,#666);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.rot-picker-close:hover{background:var(--bg-hover,rgba(0,0,0,.06));color:var(--text,#111)}.rot-picker-search-wrap{flex-shrink:0;padding:.65rem 1rem .5rem}@media (min-width:768px){.rot-picker-search-wrap{padding:.75rem 1.25rem .6rem}}@media (min-width:1024px){.rot-picker-search-wrap{padding:.75rem 1.5rem .65rem}}.rot-picker-search-input{box-sizing:border-box;width:100%;min-height:var(--app-search-input-min-height,40px);border-radius:var(--radius-sm,8px);border:1px solid var(--border,#ddd);background:var(--bg,#fafafa);color:var(--text,#111);font-size:var(--app-text-field-font-size,1rem);padding:.45rem .65rem}.rot-picker-search-input:focus-visible{border-color:color-mix(in srgb,var(--accent)42%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent)14%,transparent);outline:none}@media (max-width:519px){.rot-picker-panel--rot-selected .rot-picker-search-wrap{display:none}}.rot-picker-mobile-selection{display:none}@media (max-width:519px){.rot-picker-mobile-selection{border:none;border-bottom:1px solid color-mix(in srgb,var(--border,#eee)88%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-muted,rgba(22,163,74,.12))70%,transparent),color-mix(in srgb,var(--bg-elevated,#fff)94%,var(--text,#111)6%));cursor:pointer;width:100%;font:inherit;color:inherit;text-align:left;-webkit-tap-highlight-color:transparent;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;margin:0;padding:.55rem 1rem .6rem;display:flex}.rot-picker-mobile-selection:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent)55%,transparent);outline:none}.rot-picker-mobile-selection-main{flex:1;align-items:center;gap:.65rem;min-width:0;display:flex}.rot-picker-mobile-selection-change{color:var(--accent,#16a34a);letter-spacing:.01em;flex-shrink:0;font-size:.8125rem;font-weight:600}.rot-picker-mobile-selection-sprite{border-radius:10px;flex-shrink:0;width:48px;height:48px;position:relative;box-shadow:0 4px 14px -6px rgba(0,0,0,.45)}.rot-picker-mobile-selection-text{flex:1;min-width:0}.rot-picker-mobile-selection-name{letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9375rem;font-weight:600;line-height:1.2;overflow:hidden}.rot-picker-mobile-selection-sub{margin:.2rem 0 0;font-size:.6875rem;line-height:1.2}.rot-picker-mobile-selection-sub .rarity{width:-moz-fit-content;width:fit-content;max-width:100%;display:inline-block}}.rot-picker-sprite--rainbow{position:relative}.rot-picker-sprite--rainbow:after{content:"";mix-blend-mode:overlay;opacity:.5;pointer-events:none;border-radius:inherit;background:red;animation:4s linear infinite index-rainbow-hue-rotate;position:absolute;top:0;bottom:0;left:0;right:0}.rot-picker-body{flex-direction:column;flex:1;gap:0;min-height:0;display:flex;overflow:hidden}@media (min-width:520px){.rot-picker-panel:not(.rot-picker-panel--listing-fields) .rot-picker-body{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(220px,1fr) minmax(240px,1fr);align-items:stretch;gap:0;display:grid}}@media (min-width:768px){.rot-picker-panel:not(.rot-picker-panel--listing-fields) .rot-picker-body{grid-template-columns:minmax(240px,1fr) minmax(280px,1fr)}}@media (min-width:1024px){.rot-picker-panel:not(.rot-picker-panel--listing-fields) .rot-picker-body{grid-template-columns:minmax(260px,1fr) minmax(320px,1fr)}}@media (min-width:640px){.rot-picker-panel--listing-fields .rot-picker-body{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(11.5rem,3fr) minmax(15rem,7fr);align-items:stretch;gap:0;display:grid}}@media (min-width:768px){.rot-picker-panel--listing-fields .rot-picker-body{grid-template-columns:minmax(12rem,3fr) minmax(16rem,7fr)}}@media (min-width:1024px){.rot-picker-panel--listing-fields .rot-picker-body{grid-template-columns:minmax(13rem,3fr) minmax(18rem,7fr)}}.rot-picker-results{overscroll-behavior:contain;touch-action:pan-y;flex:1 1 0;min-height:0;padding:.25rem .5rem .75rem 1rem;overflow-y:auto}@media (max-width:519px){.rot-picker-results{flex:1 1 0;min-height:5.25rem;max-height:none}.rot-picker-body:has(.rot-picker-detail:not(.rot-picker-detail--empty)) .rot-picker-results{display:none}.rot-picker-body:has(.rot-picker-detail:not(.rot-picker-detail--empty)) .rot-picker-detail:not(.rot-picker-detail--empty){border-top:none;flex:1 1 0;min-height:0;max-height:none;padding-top:.5rem}}@media (min-width:520px){.rot-picker-panel:not(.rot-picker-panel--listing-fields) .rot-picker-results{flex:unset;min-height:0}}@media (min-width:640px){.rot-picker-panel--listing-fields .rot-picker-results{flex:unset;min-height:0}}@media (min-width:768px){.rot-picker-results{padding:.35rem .65rem 1rem 1.15rem}}@media (min-width:1024px){.rot-picker-results{padding:.4rem .75rem 1rem 1.35rem}}.rot-picker-result-row{text-align:left;border-radius:var(--radius-sm,8px);width:100%;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.6rem;margin-bottom:2px;padding:.4rem .5rem;display:flex}.rot-picker-result-row:hover{background:var(--bg-hover,rgba(0,0,0,.04))}.rot-picker-result-row.is-selected{background:var(--accent-muted,rgba(22,163,74,.12))}.rot-picker-sprite{background:color-mix(in srgb,var(--text-tertiary,#888)12%,transparent);border-radius:6px;flex-shrink:0;width:36px;height:36px}.rot-picker-result-text{flex-direction:column;gap:2px;min-width:0;display:flex}.rot-picker-result-name{white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.rot-picker-result-rar{color:var(--text-muted,#777);align-self:flex-start;width:-moz-fit-content;width:fit-content;max-width:100%;font-size:.6875rem}.rot-picker-detail{border-top:1px solid var(--border,#eee);overscroll-behavior:contain;touch-action:pan-y;flex:0 auto;min-height:0;max-height:min(38dvh,17.5rem);padding:.75rem 1rem 1rem;overflow-y:auto}@media (min-width:520px){.rot-picker-panel:not(.rot-picker-panel--listing-fields) .rot-picker-detail{border-top:none;border-left:1px solid var(--border,#eee);flex:unset;min-height:0;max-height:none}}@media (min-width:640px){.rot-picker-panel--listing-fields .rot-picker-detail{border-top:none;border-left:1px solid var(--border,#eee);flex:unset;min-height:0;max-height:none}}@media (min-width:768px){.rot-picker-detail{padding:1rem 1.25rem 1.15rem}}@media (min-width:1024px){.rot-picker-detail{padding:1.1rem 1.5rem 1.25rem}}.rot-picker-detail-head{align-items:center;gap:.65rem;margin-bottom:.75rem;display:flex}@media (min-width:1024px){.rot-picker-detail-head{gap:.85rem;margin-bottom:.9rem}}@media (max-width:519px){.rot-picker-detail .rot-picker-detail-head{display:none}}.rot-picker-detail-sprite{border-radius:10px;flex-shrink:0;width:72px;height:72px}@media (min-width:1024px){.rot-picker-detail-sprite{border-radius:12px;width:80px;height:80px}}.rot-picker-detail-name{margin:0;font-size:.9375rem;font-weight:600}.rot-picker-detail-sub{color:var(--text-muted,#777);margin:.15rem 0 0;font-size:.75rem}.rot-picker-detail-sub .rarity{width:-moz-fit-content;width:fit-content;max-width:100%;display:inline-block}.rot-picker-detail-fields{flex-direction:column;gap:1.5rem;display:flex}.rot-picker-footer-wrap{border-top:1px solid var(--border,#eee);background:color-mix(in srgb,var(--bg-elevated,#fff)96%,var(--text,#111)4%);flex-direction:column;flex-shrink:0;display:flex;box-shadow:0 -6px 20px -8px rgba(0,0,0,.35)}.rot-picker-queue{border-bottom:1px solid color-mix(in srgb,var(--border,#eee)82%,transparent);background:color-mix(in srgb,var(--bg,#0a0a0a)92%,var(--text-tertiary,#888)8%);flex-direction:column;gap:.35rem;padding:.55rem 0 0;display:flex}.rot-picker-queue-heading{letter-spacing:.09em;text-transform:uppercase;color:color-mix(in srgb,var(--text-muted,#888)90%,var(--text,#fff)10%);margin:0;padding:0 .85rem;font-size:.625rem;font-weight:700}.rot-picker-queue-scroller{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:.15rem .85rem .55rem;overflow-x:auto;overflow-y:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 .5rem,#000 calc(100% - .5rem),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 .5rem,#000 calc(100% - .5rem),transparent 100%)}.rot-picker-queue-inner{flex-direction:row;align-items:stretch;gap:.65rem;width:max-content;display:flex}.rot-picker-queue-item{flex-direction:column;flex:none;min-height:0;display:flex}.rot-picker-queue-card{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--border,#333)85%,var(--text-tertiary,#888)15%);background:color-mix(in srgb,var(--bg-elevated,#1a1a1a)94%,var(--text,#fff)6%);width:5.75rem;min-height:0;box-shadow:0 1px 0 0 color-mix(in srgb,var(--text,#fff)6%,transparent)inset,0 4px 14px -6px rgba(0,0,0,.5);border-radius:12px;flex-direction:column;flex:auto;align-items:stretch;gap:0;padding:.4rem .45rem 0;display:flex;position:relative}.rot-picker-queue-remove{z-index:3;border-radius:calc(var(--radius-sm,6px) - 2px);width:1.75rem;height:1.75rem;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;transition:background .12s,color .12s;display:inline-flex;position:absolute;top:.1rem;right:.1rem}@media (max-width:519px){.rot-picker-queue-remove{width:2rem;height:2rem}}.rot-picker-queue-remove:hover{background:color-mix(in srgb,var(--text)8%,transparent);color:color-mix(in srgb,#ef4444 85%,var(--text));outline:none}.rot-picker-queue-remove:focus-visible{background:color-mix(in srgb,var(--text)8%,transparent);color:color-mix(in srgb,#ef4444 85%,var(--text));outline:none}.rot-picker-queue-remove:focus-visible{box-shadow:0 0 0 2px var(--bg-elevated,#fff),0 0 0 4px color-mix(in srgb,var(--accent)40%,transparent)}.rot-picker-queue-traits{background:0 0;border:none;border-radius:0;flex-wrap:wrap;place-content:center;align-items:center;gap:.2rem .16rem;width:100%;min-height:0;margin:0;padding:0;display:flex}.rot-picker-queue-traits--empty{display:none}.rot-picker-queue-trait-img{object-fit:contain;flex:0 0 1.02rem;width:1.02rem;height:1.02rem}.rot-picker-queue-sprite-wrap{flex-shrink:0;justify-content:center;align-items:flex-start;margin:auto 0 0;padding:0;display:flex;position:relative}.rot-picker-queue-sprite{background:0 0;border-radius:10px;width:68px;height:68px;display:block}.rot-picker-queue-fallback{width:68px;height:68px;color:var(--text-muted,#777);background:color-mix(in srgb,var(--text-tertiary,#888)14%,transparent);border-radius:10px;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.rot-picker-queue-qty{min-width:1.2rem;height:1.2rem;color:var(--accent-contrast,#fff);background:var(--accent,#16a34a);box-shadow:0 0 0 2px color-mix(in srgb,var(--bg-elevated,#111)55%,transparent);border-radius:999px;justify-content:center;align-items:center;padding:0 .25rem;font-size:.625rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;bottom:.1rem;right:.05rem}.rot-picker-footer{border-top:none;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem 1rem;display:flex}@media (max-width:519px){.rot-picker-footer-wrap .rot-picker-footer{padding-bottom:max(.85rem,env(safe-area-inset-bottom));flex-direction:row;justify-content:stretch;align-items:center;gap:.65rem}.rot-picker-footer-wrap .rot-picker-footer .inv-edit-btn{flex:1 1 0;justify-content:center;width:auto;min-width:0;min-height:2.75rem}}@media (min-width:768px){.rot-picker-footer{gap:.6rem;padding:.85rem 1.25rem 1.05rem}}@media (min-width:1024px){.rot-picker-footer{padding:.9rem 1.5rem 1.1rem}}.rot-picker-footer .inv-edit-btn--save{align-items:center;gap:.35rem;display:inline-flex}.rot-picker-empty,.rot-picker-empty-hint{color:color-mix(in srgb,var(--text-muted,#777)72%,var(--text,#111)28%);margin:.5rem 0;font-size:.8125rem}.rot-picker-detail--empty{justify-content:center;align-items:center;min-height:4.5rem;padding-top:.35rem;padding-bottom:.35rem;display:flex}@media (max-width:519px){.rot-picker-detail.rot-picker-detail--empty{border:none;flex:0 0 0;min-height:0;max-height:0;margin:0;padding:0;overflow:hidden;display:none!important}}.rot-picker-panel.rot-picker-panel--shell-index-instant .rot-picker-body,.rot-picker-body.rot-picker-body--shell-index-instant{flex-direction:column;display:flex}.rot-picker-panel.rot-picker-panel--shell-index-instant .rot-picker-results{flex:1 1 0;min-height:0}@media (min-width:520px){.rot-picker-panel.rot-picker-panel--shell-index-instant .rot-picker-body{display:flex}}