body[data-lookup-mode="catalog"] #processing:not([hidden]){display:flex;flex-direction:column}
body[data-lookup-mode="catalog"] #processing>.detail-top{order:-6}
body[data-lookup-mode="catalog"] #lookup-title{order:-5;margin-bottom:10px}
body[data-lookup-mode="catalog"] #lookup-description{order:-4}
body[data-lookup-mode="catalog"] #catalog-panel{order:-3}
body[data-lookup-mode="catalog"] #recognition{order:-2}
body[data-lookup-mode="catalog"] #processing>.processing-symbol{display:none}
body[data-lookup-mode="catalog"] #catalog-panel>summary{display:none}
body[data-lookup-mode="catalog"] #catalog-panel{border:0;background:none;padding:0}
#catalog-search{display:flex;flex-direction:column;gap:12px}
#catalog-search>label{margin:0;font-size:14px;color:#d4c5e6}
#catalog-query{width:100%;font-size:17px;min-height:54px;border-radius:16px;padding:14px 16px}
#catalog-submit{min-height:48px;background:linear-gradient(110deg,#cfafff,#a77be5);color:#231034;font-weight:750;border:0;border-radius:14px}
#catalog-filters{margin:2px 0 8px;padding:12px 16px;border:1px solid #a888c52b;border-radius:14px;background:#21192b80}
#catalog-filters summary{font-size:14px;color:#c7b5da;cursor:pointer}
.catalog-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.catalog-filter-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;min-width:0}
.catalog-filter-grid select{width:100%;min-width:0;font-size:16px}
#catalog-examples{font-size:12px;color:#a99ab7;margin:0;line-height:1.7}
.ebay-links{padding:16px;margin:14px 0;border:1px solid #b393da38;border-radius:16px;background:#251b3280;display:flex;flex-direction:column;gap:10px;clear:both}
.ebay-links>strong{font-size:15px}.ebay-links>div{display:flex;gap:10px;flex-wrap:wrap}.ebay-links a,.quote-source a{color:#d7b5ff;text-decoration:underline;text-underline-offset:4px;font-size:14px}.ebay-links>small,.quote-source small{color:#ad9cbe;font-size:12px;line-height:1.5}
.quote-source{margin-top:8px}.trade-card-source a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:480px){.catalog-filter-grid{grid-template-columns:1fr}}

.ebay-live-prices{display:grid;gap:12px;padding-top:12px;border-top:1px solid #c5a1e835}
.ebay-live-prices>strong{font-size:15px;color:#f0dfff}.ebay-live-prices>small{font-size:12px;line-height:1.6;color:#baa6ca}
.ebay-price-tile{display:grid;gap:9px;padding:15px;border:1px solid #c4a0e746;background:#1c1426;border-radius:14px;overflow-wrap:anywhere}
.ebay-price-tile>b{font-size:25px;line-height:1.2;color:#ead0ff;font-weight:700}
.ebay-price-tile>a{font-size:13px;line-height:1.6;color:#dbb9ff;text-decoration:underline;text-underline-offset:3px}
.ebay-price-tile>small{font-size:11px;line-height:1.7;color:#b39bc7}

/* One visible close control for every modal, including dynamically added dialogs.
   The full-height shell never scrolls or clips a fixed child outside its bounds. */
dialog.cs-modal-shell{
 position:fixed!important;inset:auto!important;
 top:var(--cs-viewport-top,0px)!important;left:var(--cs-viewport-left,0px)!important;
 width:var(--cs-viewport-width,100%)!important;max-width:none!important;
 height:100%!important;height:var(--cs-viewport-height,100dvh)!important;
 min-height:0!important;max-height:none!important;box-sizing:border-box!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
 overflow:hidden!important;background:transparent!important;box-shadow:none!important;
 transform:none!important;translate:none!important;scale:none!important;rotate:none!important;
 filter:none!important;perspective:none!important;contain:none!important;animation:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overscroll-behavior:none;
}
dialog.cs-modal-shell[open]{display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important}
dialog.cs-modal-shell:not([open]){display:none!important}
dialog.cs-modal-shell::backdrop{background:#090611d9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.cs-modal-shell>.cs-modal-bar{
 box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;
 flex:0 0 auto;align-self:stretch;position:relative;z-index:5;
 padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));
 background:#171020;min-height:68px;
}
.cs-close-control{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 box-sizing:border-box!important;flex:0 0 44px!important;
 width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
 max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;
 border:2px solid #efddff!important;border-radius:6px!important;
 background:#d8b8ff!important;color:#24102f!important;opacity:1!important;visibility:visible!important;
 font:700 26px/1 system-ui!important;text-indent:0!important;overflow:visible!important;
 box-shadow:0 3px 12px #0006!important;cursor:pointer;touch-action:manipulation;
 -webkit-tap-highlight-color:transparent;transform:none!important;filter:none!important;
 mix-blend-mode:normal!important;isolation:isolate;
}
dialog.cs-modal-shell>.cs-modal-bar>.viewport-close{
 position:static!important;inset:auto!important;float:none!important;order:0!important;
 flex:0 0 48px!important;width:48px!important;height:48px!important;
 min-width:48px!important;min-height:48px!important;z-index:6!important;
 clip:auto!important;clip-path:none!important;
}
.cs-close-control svg{display:block!important;width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:3!important;stroke-linecap:round!important;pointer-events:none!important;flex:none!important;opacity:1!important}
.cs-close-control::before,.cs-close-control::after{content:none!important;display:none!important}
.cs-close-control:hover{background:#ebd7ff!important}
.cs-close-control:active{background:#cba0fa!important}
.cs-close-control:disabled{cursor:wait!important}
.cs-close-control[hidden]{display:none!important}
.cs-close-control:focus-visible{outline:3px solid #fff!important;outline-offset:3px!important;box-shadow:0 0 0 7px #24102f!important}
.cs-modal-shell>.cs-modal-panel{
 box-sizing:border-box;flex:0 1 auto;min-height:0;min-width:0;max-height:100%;
 width:min(var(--cs-panel-width,780px),calc(100% - 28px));
 margin:0 auto max(14px,env(safe-area-inset-bottom));padding:var(--cs-panel-padding,27px);
 overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
 scroll-padding-block:18px;scrollbar-width:thin;scrollbar-color:#9574b5 #19121f;
 background:#19121f;color:#f3e8fc;border:1px solid #c9a3ef45;border-radius:24px;
 box-shadow:0 16px 60px #0007;
}
.cs-modal-shell.b-picker-dialog{--cs-panel-width:840px}
.cs-modal-shell.b-slot-dialog{--cs-panel-width:410px}
.cs-modal-shell.b-choose-dialog{--cs-panel-width:440px}
.cs-modal-shell.profile-dialog{--cs-panel-width:510px;--cs-panel-padding:0px}
.cs-modal-shell.trade-dialog{--cs-panel-width:820px;--cs-panel-padding:24px}
.cs-modal-shell.share-dialog{--cs-panel-width:520px;--cs-panel-padding:28px}
.cs-modal-shell.binder-privacy-dialog{--cs-panel-width:480px;--cs-panel-padding:25px}
#friend-view.cs-modal-shell{--cs-panel-width:1000px;--cs-panel-padding:25px 30px}
#visit-card-dialog.cs-modal-shell,#public-card-dialog.cs-modal-shell{--cs-panel-width:800px;--cs-panel-padding:24px}
#ctr-camera-dialog.cs-modal-shell{--cs-panel-width:620px;--cs-panel-padding:22px}
.cs-modal-shell .visit-topbar,.cs-modal-shell .friends-add-top{padding-right:0}
.b-picker-dialog>.cs-modal-panel>.secondary{margin-top:16px;font-size:11px}
.b-choose-dialog>.cs-modal-panel>.secondary{margin-top:18px;font-size:11px}
.b-slot-dialog>.cs-modal-panel>img{display:block;max-width:65%;max-height:34svh;object-fit:contain;border-radius:10px;margin:10px auto 20px;filter:drop-shadow(0 12px 15px #0005)}
.b-slot-dialog>.cs-modal-panel>p:not(.b-footnote){font-size:11px;text-align:center;line-height:1.8;color:#a78ab9}
#b-slot-dialog>.cs-modal-panel>#b-slot-title{margin:14px 0 8px;font-size:clamp(23px,5vw,30px);line-height:1.2;overflow-wrap:anywhere}
@media(max-width:600px){
 .cs-modal-shell>.cs-modal-panel{width:calc(100% - 16px);border-radius:20px}
 .cs-modal-shell.b-dialog{--cs-panel-padding:21px}
 .cs-modal-shell.b-slot-dialog{--cs-panel-width:370px}
 .cs-modal-shell.b-choose-dialog{--cs-panel-width:400px}
 .cs-modal-shell.trade-dialog{--cs-panel-padding:18px}
 .cs-modal-shell.binder-privacy-dialog{--cs-panel-padding:21px}
 #friend-view.cs-modal-shell{--cs-panel-padding:17px 16px}
 #visit-card-dialog.cs-modal-shell,#public-card-dialog.cs-modal-shell{--cs-panel-padding:19px}
 .b-slot-dialog>.cs-modal-panel>img{max-height:32svh}
}
@media(forced-colors:active){
 .cs-close-control{forced-color-adjust:none!important;background:ButtonFace!important;color:ButtonText!important;border-color:ButtonText!important}
 .cs-close-control:focus-visible{outline-color:Highlight!important}
}

/* Card removal is a small local action, not a screen close control. */
#list .card>button.delete{width:28px;height:28px;min-width:28px;min-height:28px;max-width:28px;max-height:28px;padding:0;border-radius:6px;font:500 20px/1 system-ui;display:grid;place-items:center;color:#d1bddf;background:#231b2dea;border:1px solid #bfa0db36;touch-action:manipulation}
#list .card>button.delete:hover{color:#ffe0de;background:#492b3a;border-color:#edb1b780}
#list .card>button.delete:focus-visible{outline:2px solid #e5c6ff;outline-offset:3px}