:root{color-scheme:dark;--bg:#0c1413;--surface:#15211e;--surface2:#1b2925;--border:#293a34;--muted:#92a89f;--text:#eef8f2;--mint:#72e1b4;--lime:#c6ed8a;--gold:#f4c873;--rose:#ed99ab;--radius:19px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--mint)}input,select{outline:none}input:focus,select:focus,button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
.app-shell{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh;max-width:1680px;margin:auto}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--border);background:#101b18;padding:29px 16px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;margin:1px 11px 34px;font-size:24px;font-weight:800;letter-spacing:-1px}.brand img{width:38px;height:38px}.brand .star{color:var(--mint)}.side-label{font-size:10px;letter-spacing:2.2px;color:#759083;font-weight:800;text-transform:uppercase;margin:10px 15px}.side-links{display:grid;gap:5px}.nav-btn{border:0;background:transparent;color:#a8bdb2;border-radius:12px;text-align:left;display:flex;gap:13px;padding:13px 16px;font-weight:650;font-size:14px;align-items:center;width:100%;transition:.18s}.nav-btn .nav-icon{font-size:19px;width:22px;text-align:center}.nav-btn:hover{background:#1c2a25;color:#fff}.nav-btn.active{background:#234236;color:#b1f7ce}.sidebar-bottom{margin-top:auto;padding:0 8px}.demo-panel{background:linear-gradient(145deg,#203e30,#17271e);border:1px solid #3a5744;border-radius:18px;padding:18px 16px;margin-bottom:14px}.demo-panel strong{font-size:14px}.demo-panel p{color:#bad3c0;font-size:12px;line-height:1.6;margin:8px 0 0}.tiny-pill{display:inline-flex;align-items:center;background:#2b4f3e;color:#b4f7cf;border-radius:99px;padding:5px 9px;font-weight:700;font-size:10px;letter-spacing:.4px}.sidebar-meta{color:#6c8979;font-size:11px;padding:4px 9px;line-height:1.5}.main{min-width:0;padding:27px 40px 80px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;gap:14px}.topbar-left{display:flex;align-items:center;gap:12px}.breadcrumb{font-size:13px;font-weight:750;color:#80998e;letter-spacing:.2px}.topright{display:flex;align-items:center;gap:10px}.search-slim{border:1px solid var(--border);background:#14211d;border-radius:11px;color:#adc6bb;padding:11px 15px;font-size:12px;min-width:255px;text-align:left}.avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#3c6551;color:#e8fff2;font-weight:800;font-size:13px;border:2px solid #6cbd91}.main h1{font-size:clamp(30px,3.2vw,45px);margin:0 0 6px;line-height:1.12;letter-spacing:-1.6px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;text-transform:uppercase;color:var(--mint);margin:0 0 10px}.subheading{font-size:14px;color:var(--muted);line-height:1.6;margin:0 0 25px}.hstack{display:flex;gap:12px;align-items:center}.between{display:flex;align-items:center;justify-content:space-between;gap:15px}.flexwrap{flex-wrap:wrap}.mt8{margin-top:8px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mb16{margin-bottom:16px}.small{font-size:12px}.muted{color:var(--muted)}.micro{font-size:10px;color:var(--muted)}.strong{font-weight:800}.section-title{margin:0;font-size:20px;letter-spacing:-.5px}.section-desc{color:var(--muted);font-size:12px;margin:5px 0 0}.section-header{display:flex;justify-content:space-between;align-items:center;margin:32px 0 17px;gap:12px}.btn{border-radius:11px;padding:12px 17px;border:1px solid var(--border);background:#20312a;color:#f0fcf6;font-size:12px;font-weight:800;transition:background .15s,transform .15s;white-space:nowrap}.btn:hover:not(:disabled){background:#294437;transform:translateY(-1px)}.btn.primary{color:#0a2419;background:var(--mint);border-color:var(--mint)}.btn.primary:hover{background:#a0f6cd}.btn.ghost{background:transparent}.btn.warning{color:#ffe0d7;border-color:#835849;background:#402c29}.btn.s{padding:8px 12px;font-size:11px;border-radius:9px}.btn.wide{width:100%}.btn.linklike{background:none;border:0;color:var(--mint);padding:6px}.btnsquare{width:38px;height:38px;padding:0;font-size:17px}.chip{border:1px solid #345042;background:#1b3528;color:#b2f1c9;border-radius:90px;padding:5px 9px;font-size:10px;font-weight:750;white-space:nowrap}.chip.gold{color:#f7da9b;background:#483c24;border-color:#60502d}.chip.gray{background:#24332d;border-color:#33453b;color:#b6cdc0}.chip.pink{background:#4a3038;border-color:#69444e;color:#f4afbf}.chip.tiny{padding:4px 7px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat{padding:20px 20px 18px;background:var(--surface);border:1px solid var(--border);border-radius:16px;position:relative;overflow:hidden;min-height:128px}.stat .ico{position:absolute;top:15px;right:15px;color:#82c6a2;font-size:23px}.stat .lab{font-size:12px;color:#a1b6aa}.stat .num{font-weight:850;font-size:31px;letter-spacing:-1.3px;margin:13px 0 4px}.stat .caption{color:#759386;font-size:10px}.hero{background:linear-gradient(116deg,#26493b 0%,#1d3c34 44%,#172d25 100%);border:1px solid #335747;border-radius:23px;min-height:240px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;padding:31px 34px;position:relative;margin-bottom:19px}.hero:after{content:"";position:absolute;width:340px;height:340px;border:1px solid #ffffff12;border-radius:50%;right:-80px;top:-70px;box-shadow:0 0 0 37px #ffffff06,0 0 0 77px #ffffff05;pointer-events:none}.hero-copy{z-index:1;max-width:560px}.hero h2{font-size:32px;letter-spacing:-1.2px;line-height:1.15;margin:7px 0 12px}.hero p{color:#c0d9c8;max-width:430px;font-size:13px;line-height:1.7;margin:0 0 19px}.hero-art{z-index:1;position:relative;min-width:258px;height:205px}.hero-art .card-art{position:absolute;width:130px;height:185px;box-shadow:0 18px 35px #09110c55}.hero-art .card-art:first-child{transform:rotate(-17deg);left:22px;top:18px}.hero-art .card-art:nth-child(2){transform:rotate(12deg);left:119px;top:0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px}.panel.soft{background:#172520}.panels-two{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:18px}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.binder-card{border-radius:16px;border:1px solid var(--border);background:#182720;padding:17px;min-height:175px;display:flex;flex-direction:column;position:relative;overflow:hidden}.binder-card:after{content:"";position:absolute;right:-35px;top:-44px;border-radius:50%;width:130px;height:130px;background:var(--binder-color,#9bd49a);opacity:.1;filter:blur(5px)}.binder-glyph{font-size:33px;margin-bottom:16px;position:relative}.binder-card h3{font-size:16px;margin:0 0 4px;letter-spacing:-.3px}.binder-card p{font-size:11px;color:var(--muted);margin:0}.binder-card .binder-foot{margin-top:auto;padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:6px}.card-art{aspect-ratio: .71;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:space-between;border-radius:14px;border:2px solid #d4eacb;box-shadow:inset 0 0 0 4px #ffffff28;background:linear-gradient(145deg,var(--card-a),var(--card-b));padding:12px 11px;color:#fff}.card-art:before{content:"";position:absolute;width:160px;height:160px;border:2px solid #ffffff2e;border-radius:50%;top:20%;left:50%;transform:translateX(-50%);box-shadow:0 0 0 21px #ffffff0d,0 0 0 44px #ffffff08}.card-art:after{content:"";position:absolute;left:-15%;top:44%;width:130%;height:2px;background:#ffffff48;transform:rotate(-26deg)}.card-art>*{z-index:1;position:relative}.card-art .card-top{display:flex;align-items:center;justify-content:space-between;gap:4px}.card-art .card-title{font-size:11px;font-weight:900;line-height:1.18;max-width:90%;text-shadow:0 1px 3px #0007}.card-art .card-no{font-size:8px;opacity:.85;font-weight:800}.card-art .card-symbol{font-size:clamp(42px,5vw,84px);text-align:center;filter:drop-shadow(0 6px 8px #18251b60);line-height:1}.card-art .card-footer{font-size:8px;background:#101d1970;border-radius:5px;padding:5px 7px;backdrop-filter:blur(3px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-card{width:66px;flex:0 0 66px}.mini-card .card-art{height:88px;padding:6px;border-radius:7px}.mini-card .card-symbol{font-size:30px}.mini-card .card-title{font-size:8px}.mini-card .card-no,.mini-card .card-footer{display:none}.card-art.feature{height:245px;aspect-ratio:auto}.card-art.feature .card-title{font-size:17px}.card-art.feature .card-symbol{font-size:103px}.card-art.feature .card-no{font-size:11px}.card-art.feature .card-footer{font-size:11px}.item-row{padding:12px 0;display:flex;gap:13px;align-items:center;border-bottom:1px solid var(--border)}.item-row:last-child{border-bottom:0}.item-row .item-main{flex:1;min-width:0}.item-row strong{font-size:13px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.item-row p{color:var(--muted);font-size:11px;margin:4px 0 0}.price{font-weight:850;font-size:15px;white-space:nowrap}.sample-note{font-size:10px;color:#8fa997}.empty{text-align:center;padding:45px 14px;color:var(--muted)}.empty .empty-icon{font-size:35px;margin-bottom:10px}.empty h3{color:var(--text);font-size:17px}.empty p{font-size:12px;line-height:1.6}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0}.field{background:#101b18;border:1px solid var(--border);border-radius:11px;padding:11px 13px;color:var(--text);font-size:13px;min-height:42px}.field::placeholder{color:#6c897d}.field:focus{border-color:#72e1b4}.toolbar .field{min-width:170px}.grow{flex:1;min-width:170px}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:13px}.inventory-card{border-radius:15px;background:var(--surface);border:1px solid var(--border);padding:12px;display:flex;flex-direction:column;gap:9px}.inventory-card .card-art{height:166px;width:117px;align-self:center}.inventory-card .card-art .card-symbol{font-size:62px}.inventory-card h3{font-size:13px;margin:0}.inventory-card .label{font-size:10px;color:var(--muted)}.inventory-card .btn{font-size:10px;padding:8px}.inventory-card .actions{display:flex;gap:6px;margin-top:auto}.inventory-card .actions .btn{flex:1}.tabs{display:flex;gap:7px;overflow-x:auto;margin-bottom:15px;padding-bottom:2px}.tab{border:1px solid var(--border);color:#a9bdb1;padding:10px 13px;border-radius:10px;font-size:12px;background:transparent;font-weight:700;white-space:nowrap}.tab.on{background:#2a4b39;color:#c6ffde;border-color:#3d7555}.pill-status{display:inline-block;border:1px solid #455f4e;padding:3px 8px;border-radius:50px;font-size:10px;color:#c5dbc9}.discovery-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:20px}.swipe-card{background:linear-gradient(155deg,#223e32,#172720);border:1px solid #3b5d49;border-radius:22px;padding:22px;min-height:440px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.swipe-card:before{content:"";position:absolute;background:radial-gradient(ellipse,#6ac39429,transparent 70%);inset:10% 0 40%;pointer-events:none}.swipe-card .card-art{height:237px;width:168px;z-index:1;box-shadow:0 15px 25px #03100a7a;transform:rotate(-3deg)}.swipe-card .card-art .card-symbol{font-size:94px}.swipe-card .card-art .card-title{font-size:15px}.swipe-card .card-art .card-footer{font-size:9px}.swipe-card h3{margin:19px 0 3px;font-size:23px;letter-spacing:-.6px}.swipe-card p{color:#a6c8b6;font-size:12px;text-align:center;margin:4px 0}.swipe-actions{display:flex;gap:10px;width:100%;justify-content:center;z-index:1;margin-top:18px}.swipe-actions .btn{min-width:120px}.trader-row{border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;align-items:center;gap:10px;background:#192921;margin-bottom:9px}.trader-row .trader-copy{flex:1;min-width:0}.trader-row strong{font-size:13px}.trader-row p{margin:4px 0 0;color:var(--muted);font-size:11px}.match-ring{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:3px solid var(--mint);border-radius:50%;font-size:12px;font-weight:850;color:var(--mint)}.target-box{background:#1c3026;border:1px solid #43634e;border-radius:14px;padding:15px}.target-box .minigrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.target-box .minigrid .metric{font-size:20px;font-weight:850}.target-box .minigrid .metriccap{font-size:10px;color:#99b4a2;margin-top:4px}.user-tag{display:flex;align-items:center;gap:8px}.user-tag .round{height:29px;width:29px;display:grid;place-items:center;border-radius:50%;background:#486a54;color:#e8f8eb;font-size:12px;font-weight:800}.trade-offer{border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:12px;background:#172620}.trade-offer .trade-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:15px 0}.trade-col{border-radius:12px;background:#22342b;padding:13px}.trade-col .cap{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#97b4a3;font-weight:800}.trade-col strong{display:block;margin:6px 0;font-size:13px}.trade-col .money{font-size:20px;font-weight:850}.notice{padding:13px 15px;border-radius:12px;border:1px solid #405946;background:#22352a;font-size:12px;color:#c5ddce;line-height:1.6}.notice.warn{border-color:#685538;background:#372f22;color:#ead2a1}.step{display:flex;gap:12px;margin:14px 0}.step .numstep{display:grid;place-items:center;border-radius:50%;border:1px solid #4b7255;background:#233d2d;color:var(--mint);font-weight:900;font-size:12px;width:28px;height:28px;flex:0 0 28px}.step b{font-size:12px}.step p{font-size:11px;color:var(--muted);margin:4px 0;line-height:1.6}.modal-wrap{position:fixed;inset:0;background:#020b09cc;z-index:50;display:grid;place-items:center;padding:15px;backdrop-filter:blur(6px)}.modal{width:min(610px,100%);max-height:min(92vh,920px);overflow:auto;background:#15251e;border:1px solid #4c6b53;border-radius:22px;box-shadow:0 30px 70px #000a;padding:25px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:19px}.modal-head h2{font-size:22px;letter-spacing:-.5px;margin:0}.modal-head p{color:var(--muted);font-size:12px;margin:6px 0 0}.close-btn{border:1px solid var(--border);background:#26392e;color:#daeede;border-radius:9px;width:32px;height:32px;font-size:18px}.form-stack{display:grid;gap:14px}.form-stack label{display:grid;gap:7px;font-size:12px;font-weight:750}.form-stack .field{width:100%}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.catalog-list{max-height:310px;overflow:auto;border:1px solid var(--border);border-radius:13px;padding:0 12px}.catalog-list .item-row{cursor:pointer}.catalog-list .item-row:hover{background:#233c2e}.selected-line{padding:10px 12px;background:#2a4637;color:#cff9de;border:1px solid #52765f;border-radius:10px;font-size:12px}.offer-option{padding:12px;border:1px solid #365442;border-radius:12px;margin:9px 0;cursor:pointer}.offer-option.active{background:#254634;border-color:#76d5a7}.offer-option:hover{border-color:#84d1a3}.offer-option p{font-size:11px;color:#abbdad;margin:5px 0}.offer-option .hstack{justify-content:space-between}.checkrow{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--border);padding:10px 0}.checkrow input{accent-color:var(--mint)}.checkrow label{font-size:12px;flex:1}.toast{position:fixed;right:22px;bottom:23px;background:#2d593f;color:#ecfff1;border:1px solid #6dbf8d;box-shadow:0 10px 35px #0009;padding:14px 20px;border-radius:13px;font-size:12px;z-index:100;max-width:350px;transform:translateY(120px);opacity:0;transition:.25s;pointer-events:none}.toast.show{transform:translateY(0);opacity:1}.divider{height:1px;background:var(--border);margin:15px 0}.file-input{width:100%;font-size:12px;accent-color:var(--mint)}.code-big{font-size:40px;font-weight:900;letter-spacing:12px;color:var(--gold);text-align:center;padding:14px;background:#302e20;border:1px dashed #8a7241;border-radius:13px}.footer-mobile{display:none}.privacy-tag{color:#b6ceb9;font-size:11px;line-height:1.6}.right-align{text-align:right}.danger-text{color:#f7b1aa}.inline-head{font-size:15px;margin:0 0 8px}.kbd{font-family:ui-monospace,monospace;font-size:11px;padding:3px 6px;border:1px solid #52775b;border-radius:5px}.mobile-only{display:none}
@media(max-width:1160px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.main{padding:24px 24px 85px}.sidebar{padding-left:9px;padding-right:9px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{min-width:195px}.hero-art .card-art:first-child{left:0}.hero-art .card-art:nth-child(2){left:83px}.three-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.app-shell{display:block}.sidebar{display:none}.main{padding:19px 15px 95px}.topbar{margin-bottom:22px}.topright .search-slim{display:none}.mobile-only{display:block}.topbar-left .brand{margin:0;font-size:22px}.topbar-left .brand img{width:34px;height:34px}.breadcrumb{display:none}.hero{padding:24px 22px;min-height:218px}.hero h2{font-size:28px;max-width:295px}.hero p{font-size:12px;max-width:285px}.hero-art{position:absolute;right:-66px;bottom:-72px;opacity:.31;transform:scale(.85)}.hero-copy{position:relative}.hero-copy .hstack{flex-wrap:wrap}.panels-two,.discovery-layout{grid-template-columns:1fr}.stat{min-height:117px;padding:17px}.stat .num{font-size:27px}.three-grid{grid-template-columns:1fr 1fr;gap:9px}.binder-card{padding:13px;min-height:165px}.binder-card h3{font-size:14px}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.inventory-card{padding:10px}.inventory-card .card-art{width:103px;height:148px}.inventory-card .card-art .card-symbol{font-size:54px}.inventory-card .actions{flex-wrap:wrap}.inventory-card .actions .btn{flex:1 1 45%}.section-header{margin-top:26px}.section-title{font-size:18px}.footer-mobile{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:space-around;background:#0f1a17f7;backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:8px max(5px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom));gap:2px}.footer-mobile button{border:0;background:transparent;color:#9bb0a3;display:flex;flex-direction:column;align-items:center;gap:5px;font-weight:650;font-size:9px;padding:4px 9px;border-radius:9px}.footer-mobile button span{font-size:20px}.footer-mobile button.active{color:var(--mint)}.modal{padding:19px;border-radius:18px}.trade-offer .trade-split{gap:8px}.trade-col{padding:10px}.trade-col .money{font-size:17px}}
@media(max-width:390px){.main{padding-left:10px;padding-right:10px}.stat-grid{gap:8px}.stat{padding:13px}.stat .num{font-size:24px}.hero{padding:20px 17px}.hero h2{font-size:25px}.inventory-card .card-art{width:91px;height:137px}.btn{padding:10px 11px}.trade-offer .trade-split{grid-template-columns:1fr}.target-box .minigrid{gap:4px}}

#swipe-card{touch-action:pan-y;user-select:none}

/* v0.2: social marketplace-style card discovery */
.market-intro{margin:22px 0 18px;padding:25px 29px;border:1px solid #385b49;border-radius:20px;background:radial-gradient(circle at 95% 15%,#406d5148,transparent 32%),linear-gradient(120deg,#1c3c30,#14231f);display:flex;justify-content:space-between;gap:20px;align-items:center;overflow:hidden}
.market-intro h2{font-size:25px;letter-spacing:-.65px;line-height:1.15;margin:7px 0 9px}.market-intro p{max-width:570px;font-size:12px;color:#a9c5b5;line-height:1.65;margin:0}.market-overline{color:#a6ebbd;font-size:10px;font-weight:800;letter-spacing:1.8px}.market-intro-symbol{font-size:74px;font-weight:300;color:#6fd8a171;line-height:1}
.market-toolbar{margin:20px 0 17px}.market-search{display:flex;align-items:center;gap:12px;border:1px solid #3a5646;background:#182a23;border-radius:14px;padding:0 17px;height:56px;transition:.15s}.market-search:focus-within{border-color:#78dda6;box-shadow:0 0 0 3px #76db9d19}.market-search span{font-size:25px;color:#8bd4ab}.market-search input{width:100%;font-size:14px;flex:1;border:0;outline:0;background:transparent;color:#ecfff1;min-width:0}.market-search input::placeholder{color:#88a495}.market-filterbar{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0 23px}.market-filter{border:1px solid #31483c;background:#16241e;border-radius:999px;padding:11px 16px;font-size:12px;font-weight:700;color:#c3d7c9;white-space:nowrap}.market-filter:hover{border-color:#719983}.market-filter.on{border-color:#72dfa5;background:#27533c;color:#c2f9d9}.market-results-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:13px}.market-results-head>div{display:flex;flex-direction:column;gap:4px}.market-results-head strong{font-size:18px;letter-spacing:-.35px}.market-sort-label{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#97aea1;font-size:12px}.market-sort-label .field{font-size:12px;padding:9px 29px 9px 12px;min-height:37px;border-radius:9px;background:#192922}
.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.market-card{min-width:0;background:#15241e;border:1px solid #31483b;border-radius:18px;overflow:hidden;transition:transform .16s,border-color .16s;display:flex;flex-direction:column}.market-card:hover{transform:translateY(-2px);border-color:#55896d}.market-cover{height:228px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 48%,#44634c,#243e32 49%,#192c24 80%);overflow:hidden}.market-cover:after{content:"";position:absolute;bottom:0;left:0;right:0;height:42px;background:linear-gradient(transparent,#0b1e128a);pointer-events:none}.market-art{height:180px!important;width:128px!important;box-shadow:0 16px 25px #06140eac;transform:rotate(-4deg);z-index:1}.market-art .card-symbol{font-size:72px!important}.market-art .card-title{font-size:11px!important}.market-art .card-footer{font-size:7px!important}.market-top-tags{position:absolute;left:11px;top:11px;right:52px;z-index:2;display:flex}.market-tag{font-size:10px;font-weight:800;color:#dcf4e4;background:#214f39de;border:1px solid #6aa98388;border-radius:100px;padding:6px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-tag.match{background:#366e4de8}.market-tag.subtle{color:#bfd5c8;background:#20382fe0;border-color:#4c6650}.market-save{z-index:3;position:absolute;top:10px;right:10px;border:1px solid #71957f7d;background:#14291ee8;color:#fff;border-radius:100%;height:34px;width:34px;font-size:21px;display:grid;place-items:center;line-height:1}.market-save.on{color:#ff9db3;background:#3d2830}
.market-body{padding:15px;display:flex;flex-direction:column;gap:9px;flex:1}.market-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.market-heading h3{font-size:15px;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.market-heading strong{font-size:15px;color:#d1f8dc;white-space:nowrap}.market-set{color:#a3b9ae;font-size:11px;line-height:1.5;margin:-3px 0 0;min-height:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:1px}.market-chips span{border:1px solid #3c5444;background:#22382c;color:#a9c3b5;border-radius:5px;padding:4px 6px;font-size:9px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-seller{border-top:1px solid #2d4435;padding-top:11px;margin-top:auto}.market-person{padding:0;display:flex;gap:9px;align-items:center;text-align:left;border:0;background:none;color:#e9f6ec;width:100%;min-width:0}.market-person:hover .market-person-name{text-decoration:underline}.market-avatar{width:32px;height:32px;flex:0 0 32px;background:linear-gradient(130deg,#4f956a,#2a5a49);border:1px solid #6eab7c;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#eaffed;font-weight:850}.market-person-name{font-size:11px;font-weight:750;display:flex;flex-direction:column;gap:3px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-person-name small{font-size:10px;font-weight:500;color:#91b2a0}.market-offer{width:100%;display:flex;justify-content:space-between;margin-top:4px;font-size:12px}.market-empty{grid-column:1/-1;background:#17261f;border:1px solid #30493a;border-radius:15px;padding:20px;text-align:center}.market-empty .empty{padding:28px 10px 10px}.market-social{margin-top:38px;border-top:1px solid #2d4237;padding-top:25px}.market-people{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:17px}.market-person-card{border:1px solid #304d3d;border-radius:14px;padding:15px 8px;background:#15261e;color:#f0f8ee;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.market-person-card:hover{background:#1c3428}.market-person-card strong{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.market-person-card .micro{text-align:center}.market-avatar.large{height:48px;width:48px;flex:0 0 48px;font-size:15px}.market-person-card .chip{font-size:10px}.market-disclaimer{color:#91a89c;font-size:11px;line-height:1.7;margin-top:24px}
@media(max-width:1140px){.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-cover{height:218px}}
@media(max-width:760px){.market-intro{margin:9px 0 16px;padding:19px 18px}.market-intro h2{font-size:22px}.market-intro-symbol{display:none}.market-search{height:52px}.market-filterbar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none;margin-bottom:17px}.market-filterbar::-webkit-scrollbar{display:none}.market-filter{font-size:11px;padding:10px 13px}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.market-cover{height:176px}.market-art{height:139px!important;width:99px!important}.market-art .card-symbol{font-size:53px!important}.market-art .card-title{font-size:9px!important}.market-art .card-footer{font-size:6px!important}.market-body{padding:11px;gap:7px}.market-heading h3,.market-heading strong{font-size:12px}.market-set{font-size:10px}.market-top-tags{top:7px;left:7px;right:35px}.market-tag{font-size:9px;padding:5px 6px}.market-save{width:27px;height:27px;top:7px;right:7px;font-size:18px}.market-offer{font-size:10px;padding:9px}.market-person-name{font-size:10px}.market-chips span{font-size:8px}.market-people{display:flex;overflow-x:auto}.market-person-card{min-width:136px}.market-results-head strong{font-size:15px}.market-sort-label{font-size:10px;gap:5px}.market-sort-label .field{font-size:10px;padding:7px 5px;max-width:135px}.footer-mobile button{padding:4px 3px;font-size:9px;min-width:0;flex:1}}
@media(max-width:390px){.market-cover{height:148px}.market-art{height:114px!important;width:82px!important}.market-art .card-symbol{font-size:41px!important}.market-heading h3,.market-heading strong{font-size:11px}.market-body{padding:9px}.market-offer{font-size:9px;padding:8px 6px}.market-chips{display:none}}
.collection-summary{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:22px 0 25px;padding:22px 25px;background:linear-gradient(125deg,#1f4933,#162b22);border:1px solid #3a694b;border-radius:18px}
.collection-summary strong{display:block;font-size:21px;margin:8px 0;letter-spacing:-.4px}
.collection-summary p{margin:0;font-size:12px;color:#9fc7ab}
.collection-summary-icon{font-size:45px;color:#88dab1}
@media(max-width:760px){.collection-summary{padding:19px}.collection-summary strong{font-size:18px}.collection-summary-icon{font-size:34px}}

/* v0.3: real Pokémon catalog browser; separate from simulated marketplace */
.catalog-intro{margin:22px 0 18px;padding:25px 29px;border-radius:19px;border:1px solid #426c50;background:linear-gradient(120deg,#204633,#142920);display:flex;justify-content:space-between;gap:14px;align-items:center}
.catalog-intro h2{font-size:25px;margin:8px 0}.catalog-intro p{margin:0;max-width:610px;color:#aac8b6;line-height:1.6;font-size:12px}.catalog-intro-glyph{font-size:80px;line-height:1;color:#7be2a266}
.catalog-controls{padding:2px 0 4px}.catalog-mode-bar{display:flex;gap:8px;margin:18px 0 13px}.catalog-mode{border:1px solid #315643;border-radius:99px;background:#182b22;color:#b1cbb9;padding:11px 19px;font-size:12px;font-weight:800}.catalog-mode.active{border-color:#81d9a2;color:#ddffe8;background:#315b3f}
.catalog-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#91aa9b;font-size:11px;margin:10px 0 24px}.catalog-chips button{border:1px solid #365442;color:#d1eadd;border-radius:99px;padding:6px 11px;background:#1c3226;font-size:11px}
.catalog-results-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0;font-size:15px}
.catalog-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.catalog-real-tile{display:flex;flex-direction:column;background:#17271e;color:#e6f9ec;border:1px solid #375541;border-radius:15px;overflow:hidden;text-align:left;padding:0;min-width:0;cursor:pointer}.catalog-real-tile:hover,.catalog-set-tile:hover{border-color:#85d7a4;transform:translateY(-1px)}
.catalog-image-holder{height:208px;background:radial-gradient(#345b42,#14271c);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px}.catalog-image-holder img{height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 9px 11px #0007)}.catalog-no-image{color:#b4c8bb;font-size:11px;text-align:center}.catalog-real-label{padding:12px;display:flex;flex-direction:column;gap:6px;min-width:0}.catalog-real-label strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-real-label span{font-size:10px;color:#9dbca8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-real-label span:last-child{color:#a3f0bf;font-weight:700}
.catalog-set-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.catalog-set-tile{background:#17271e;color:#eff9f0;border:1px solid #35543f;border-radius:15px;min-width:0;min-height:150px;padding:16px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;text-align:left;cursor:pointer}.catalog-set-tile strong{font-size:13px}.set-symbol{width:100%;height:47px;display:flex;align-items:center}.set-symbol img{max-height:45px;max-width:100%;object-fit:contain}
.catalog-empty{min-height:230px;border:1px dashed #41624c;background:#17271d;border-radius:16px;padding:34px 16px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:9px}.catalog-empty span{font-size:38px;color:#85cba4}.catalog-empty h3{font-size:17px;margin:0}.catalog-empty p{max-width:430px;color:#9db8a7;font-size:12px;line-height:1.7;margin:0}
.catalog-pager{display:flex;justify-content:center;margin:20px 0}.catalog-detail{display:grid;grid-template-columns:155px 1fr;gap:16px}.catalog-detail-image{display:flex;justify-content:center;align-items:center;padding:8px;background:#1d3629;border-radius:13px;color:#9bb9a5;min-height:210px}.catalog-detail-image img{max-height:245px;max-width:100%;object-fit:contain}.catalog-detail-copy{min-width:0}.catalog-detail-copy p{font-size:12px;color:#b3cebc;line-height:1.6}.catalog-art-frame{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#1d3626;border-radius:10px;width:100%;height:100%}.catalog-art-frame img{height:100%;width:100%;object-fit:contain}.inventory-card .catalog-art-frame{width:103px;height:148px}.mini-card .catalog-art-frame{height:100%;width:100%}
@media(max-width:1180px){.catalog-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.catalog-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-set-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-intro-glyph{display:none}}
@media(max-width:600px){.catalog-intro{padding:19px}.catalog-intro h2{font-size:22px}.catalog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.catalog-set-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.catalog-image-holder{height:170px}.catalog-real-label{padding:9px}.catalog-detail{grid-template-columns:110px 1fr}.catalog-detail-image{min-height:160px}.catalog-detail-image img{max-height:180px}.catalog-chips{gap:6px}}

/* v0.4 account & sync */
.account-btn{cursor:pointer;font-size:10px;letter-spacing:.25px;min-height:34px;padding:8px 10px}.account-btn:hover{border-color:#72e1b4;background:#244334}
.avatar-button{cursor:pointer;white-space:nowrap;flex:0 0 37px}.avatar-button:hover{outline:2px solid #72e1b4}
.account-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 19px;border:1px solid #39684f;border-radius:15px;background:linear-gradient(90deg,#204635,#192c25);margin:0 0 17px}
.account-banner strong{font-size:14px}.account-banner p{font-size:11px;color:#adcdba;line-height:1.55;margin:5px 0 0}
.account-banner .btn{flex-shrink:0}.account-details{padding:15px;border:1px solid #365241;background:#182a22;border-radius:12px;line-height:1.6}
.account-details p{margin:0 0 7px;font-size:12px}.account-details p:last-child{margin-bottom:0}
.auth-switch{margin:6px 0 16px}.cloud-loading{padding:45px 25px;text-align:center;max-width:600px;margin:40px auto}
.cloud-loading h2{font-size:25px;letter-spacing:-.5px}.cloud-loading p{color:#a0bcb0;font-size:13px}
@media(max-width:760px){.account-banner{align-items:flex-start;flex-direction:column;padding:14px}.account-banner .btn{width:100%}.account-btn{font-size:9px;padding:6px 7px;max-width:146px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topright{gap:7px}.topbar-left .brand{font-size:20px}.avatar-button{width:33px;height:33px;flex-basis:33px}.auth-switch{gap:5px}.auth-switch .btn{flex:1 1 auto}}