@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@500;700;900&display=swap');

:root { --gold:#f6c945; --gold-2:#ffe58a; --ink:#101114; --panel:#1a1b20; --line:rgba(255,255,255,.1); --muted:#a7a8ae; }
* { box-sizing:border-box; margin:0; padding:0; -webkit-tap-highlight-color:transparent; }
[hidden] { display:none !important; }
html { color-scheme:dark; }
body { min-height:100vh; font-family:"Noto Sans TC",system-ui,sans-serif; color:#f8f8f8; background:#101114; }
button,input,textarea,select { font:inherit; }
button,a { transition:transform .18s ease,filter .18s ease,background .18s ease,border-color .18s ease; }
button { cursor:pointer; }
button:active,a:active { transform:scale(.97); }
.market-nav { min-height:64px; padding:9px max(14px,calc((100vw - 1180px)/2)); display:flex; align-items:center; gap:18px; border-bottom:1px solid rgba(246,201,69,.25); background:#08090b; }
.brand img { display:block; width:auto; height:43px; }
.nav-title { display:flex; align-items:center; gap:9px; margin-right:auto; }
.nav-title span,.activation-symbol,.confirm-symbol { display:grid; place-items:center; width:32px; aspect-ratio:1; border-radius:50%; color:#17140a; background:var(--gold); font-weight:900; box-shadow:0 0 24px rgba(246,201,69,.25); }
.nav-title strong { font-size:16px; }
.nav-actions { display:flex; align-items:center; gap:8px; }
.nav-actions a,.nav-actions button { min-height:40px; padding:8px 12px; border:1px solid var(--line); border-radius:6px; color:#fff; background:#202126; text-decoration:none; font-weight:800; }
.balance { height:40px; padding:0 12px; display:flex; align-items:center; gap:7px; border:1px solid rgba(246,201,69,.32); border-radius:6px; background:#211d0d; color:var(--gold-2); }
.balance img,.detail-meta img { width:18px; height:18px; image-rendering:pixelated; }
.market-shell { width:min(1180px,100%); margin:0 auto; padding:34px 14px 60px; }
.market-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; padding:18px 0 30px; }
.market-heading span,.seller-head span,.form-copy>span { color:var(--gold); font-size:11px; font-weight:900; }
.market-heading h1 { margin-top:4px; font-size:38px; line-height:1.15; }
.market-heading p { margin-top:8px; color:var(--muted); font-size:14px; }
.market-metrics { min-width:116px; text-align:right; }
.market-metrics strong,.market-metrics span { display:block; }
.market-metrics strong { color:var(--gold); font-size:27px; }.market-metrics span { color:var(--muted); font-size:12px; }
.market-browser { display:grid; grid-template-columns:230px minmax(0,1fr); gap:18px; align-items:start; }
.filter-panel { position:sticky; top:14px; padding:14px; border:1px solid var(--line); border-radius:8px; background:#18191d; }
.search-field span,.listing-form label>span { display:block; margin-bottom:7px; color:#c7c8cd; font-size:12px; font-weight:800; }
input,textarea,select { width:100%; border:1px solid rgba(255,255,255,.13); border-radius:6px; outline:0; color:#fff; background:#101115; }
input,select { min-height:42px; padding:8px 10px; } textarea { padding:11px; resize:vertical; line-height:1.55; }
input:focus,textarea:focus,select:focus { border-color:var(--gold); box-shadow:0 0 0 3px rgba(246,201,69,.1); }
.filter-head { margin:18px 0 8px; }.filter-head strong { font-size:13px; }.filter-head button { display:none; }
.category-list { display:grid; gap:5px; }
.category-list button { min-height:40px; padding:8px 10px; border:0; border-radius:5px; color:#c9c9ce; background:transparent; text-align:left; font-weight:800; }
.category-list button:hover,.category-list button.active { color:#17140a; background:var(--gold); }
.listing-toolbar { min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
.listing-toolbar select { width:auto; min-width:142px; }
.listing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.listing-card { min-width:0; overflow:hidden; border:1px solid var(--line); border-radius:7px; background:#191a1f; cursor:pointer; }
.listing-card:hover { transform:translateY(-4px); border-color:rgba(246,201,69,.48); box-shadow:0 18px 40px rgba(0,0,0,.28); }
.listing-card-image { position:relative; aspect-ratio:16/10; overflow:hidden; background:#25262c; }
.listing-card-image img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .35s ease; }.listing-card:hover img { transform:scale(1.035); }
.listing-card-image span { position:absolute; left:8px; bottom:8px; padding:4px 7px; border-radius:4px; color:#17140a; background:var(--gold); font-size:10px; font-weight:900; }
.listing-card-body { padding:12px; }.listing-card h2 { overflow:hidden; font-size:16px; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; }
.listing-seller { margin:7px 0 12px; display:flex; align-items:center; gap:7px; color:var(--muted); font-size:12px; }
.seller-avatar { width:23px; height:23px; display:grid; place-items:center; overflow:hidden; flex:0 0 auto; border-radius:50%; background:#36373d; font-size:10px; }.seller-avatar img { width:100%; height:100%; object-fit:cover; }
.listing-bottom { display:flex; align-items:center; justify-content:space-between; gap:8px; }.coin-price { display:flex; align-items:center; gap:6px; color:var(--gold-2); }.coin-price img { width:17px; height:17px; image-rendering:pixelated; }.listing-bottom small { color:#8d8e94; }
.empty-state { min-height:250px; display:grid; place-content:center; gap:7px; text-align:center; border:1px dashed var(--line); color:var(--muted); }.empty-state b { color:#fff; }
.seller-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }.seller-head h2 { margin-top:4px; font-size:27px; }.seller-head button,.activation-panel button,.form-actions button { padding:10px 15px; border:1px solid var(--line); border-radius:6px; color:#fff; background:#24252b; font-weight:900; }
.market-message { margin-bottom:14px; padding:11px 13px; border:1px solid rgba(246,201,69,.4); border-radius:6px; color:var(--gold-2); background:#211d0d; }
.market-message.error { border-color:#ef4444; color:#fecaca; background:#2a1113; }
.activation-actions { display:grid; gap:9px; justify-items:stretch; }.activation-actions label,.terms-check { display:flex!important; align-items:flex-start; gap:8px; color:#c8c9ce; font-size:11px; line-height:1.5; }.activation-actions input,.terms-check input { width:17px!important; min-height:17px!important; flex:0 0 auto; accent-color:var(--gold); }.activation-actions a,.terms-check a,.confirm-panel label a { margin-inline:3px; color:var(--gold-2); }.activation-actions button:disabled { cursor:not-allowed; color:#777; border-color:#393a40; background:#2a2b30; }
.activation-panel { min-height:180px; padding:30px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:22px; border:1px solid rgba(246,201,69,.3); border-radius:8px; background:#191811; }.activation-symbol { width:52px; font-size:25px; }.activation-panel h3 { font-size:22px; }.activation-panel p { margin-top:7px; color:var(--muted); }.activation-panel button { color:#17140a; border-color:var(--gold); background:var(--gold); }
.seller-tabs { display:flex; gap:4px; overflow:auto; border-bottom:1px solid var(--line); }.seller-tabs button { flex:0 0 auto; padding:12px 15px; border:0; border-bottom:2px solid transparent; color:var(--muted); background:transparent; font-weight:900; }.seller-tabs button.active { color:var(--gold); border-bottom-color:var(--gold); }
.seller-tab { display:none; padding-top:18px; }.seller-tab.active { display:block; }
.seller-list,.record-list { display:grid; gap:9px; }.own-item,.record-item { display:grid; align-items:center; gap:14px; padding:12px; border:1px solid var(--line); border-radius:7px; background:#191a1f; }.own-item { grid-template-columns:74px minmax(0,1fr) auto; }.own-item img { width:74px; aspect-ratio:1; object-fit:cover; border-radius:5px; }.own-item h3 { font-size:15px; }.own-item p,.record-item p { margin-top:5px; color:var(--muted); font-size:12px; }.status { color:var(--gold); }.own-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }.own-actions button { padding:7px 9px; border:1px solid var(--line); border-radius:5px; color:#fff; background:#292a30; font-size:12px; font-weight:800; }.own-actions .delete { color:#fca5a5; }
.record-item { grid-template-columns:minmax(0,1fr) auto auto; }.record-item strong { color:var(--gold-2); }.record-item time { color:#898a91; font-size:11px; }
.listing-form { max-width:760px; display:grid; grid-template-columns:1fr 1fr; gap:14px; padding:22px; border:1px solid var(--line); border-radius:8px; background:#191a1f; }.form-copy,.listing-form>label:nth-of-type(3),.listing-form>label:nth-of-type(4),.listing-form>label:nth-of-type(5),.image-preview,.terms-check,.form-actions { grid-column:1/-1; }.form-copy h3 { margin:4px 0; }.form-copy p,label small { color:var(--muted); font-size:11px; }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.listing-form label small { display:block; margin-top:6px; }.image-preview { min-height:180px; display:grid; place-items:center; overflow:hidden; border:1px dashed rgba(255,255,255,.16); border-radius:6px; color:#77787e; background:#121317; }.image-preview img { width:100%; max-height:360px; object-fit:contain; }.form-actions { display:flex; justify-content:flex-end; gap:8px; }.form-actions button:last-child { color:#17140a; border-color:var(--gold); background:var(--gold); }
.market-modal { position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:18px; }.modal-backdrop { position:absolute; inset:0; width:100%; border:0; background:rgba(0,0,0,.76); backdrop-filter:blur(8px); }.detail-panel { position:relative; width:min(900px,100%); max-height:min(720px,92vh); overflow:auto; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr); border:1px solid rgba(246,201,69,.3); border-radius:8px; background:#17181c; box-shadow:0 30px 100px rgba(0,0,0,.55); animation:modal-in .24s ease both; }.modal-close { position:absolute; top:10px; right:10px; z-index:2; width:38px; height:38px; border:1px solid var(--line); border-radius:50%; color:#fff; background:rgba(0,0,0,.55); font-size:24px; }.detail-image { min-height:430px; background:#0e0f12; }.detail-image img { width:100%; height:100%; display:block; object-fit:contain; }.detail-copy { padding:34px 28px; }.detail-copy>span { color:var(--gold); font-size:11px; font-weight:900; }.detail-copy h2 { margin:8px 0; font-size:27px; }.seller-line { margin-bottom:18px; display:flex; align-items:center; gap:8px; color:var(--muted); font-size:13px; }.detail-copy>p { min-height:120px; color:#ced0d5; line-height:1.75; white-space:pre-wrap; overflow-wrap:anywhere; }.detail-meta { margin:22px 0 12px; display:flex; align-items:center; justify-content:space-between; gap:10px; }.detail-meta div { display:flex; align-items:center; gap:7px; color:var(--gold-2); font-size:22px; }.detail-meta span { color:var(--muted); font-size:12px; }.detail-copy>button { width:100%; min-height:48px; border:0; border-radius:6px; color:#17140a; background:var(--gold); font-weight:900; }.detail-copy>button:disabled { cursor:not-allowed; color:#777; background:#34353a; }
.confirm-panel { position:relative; width:min(420px,100%); padding:28px; border:1px solid rgba(246,201,69,.35); border-radius:8px; background:#191a1f; text-align:center; animation:modal-in .22s ease both; }.confirm-symbol { width:46px; margin:0 auto 12px; font-size:22px; }.confirm-panel p { margin:10px 0 20px; color:var(--muted); }.confirm-panel label { display:flex; align-items:center; gap:9px; padding:12px; border:1px solid var(--line); border-radius:6px; text-align:left; }.confirm-panel input { width:18px; min-height:18px; accent-color:var(--gold); }.confirm-panel>div { margin-top:16px; display:grid; grid-template-columns:1fr 1fr; gap:8px; }.confirm-panel button { min-height:44px; border:1px solid var(--line); border-radius:6px; color:#fff; background:#292a30; font-weight:900; }.confirm-panel #confirmBuy { color:#17140a; border-color:var(--gold); background:var(--gold); }.confirm-panel #confirmBuy:disabled { color:#777; border-color:#35363b; background:#2b2c31; cursor:not-allowed; }
.loading { position:fixed; inset:0; z-index:200; display:grid; place-content:center; gap:10px; background:rgba(10,10,12,.72); backdrop-filter:blur(4px); text-align:center; }.loading span { width:34px; height:34px; margin:auto; border:3px solid rgba(255,255,255,.15); border-top-color:var(--gold); border-radius:50%; animation:spin .7s linear infinite; }.loading b { font-size:12px; }
.market-footer { width:min(1180px,calc(100% - 28px)); margin:0 auto 26px; padding-top:16px; display:flex; flex-wrap:wrap; gap:14px; border-top:1px solid var(--line); color:#85868d; font-size:11px; }.market-footer a { color:#c8c9ce; }
@keyframes spin { to { transform:rotate(360deg); } } @keyframes modal-in { from { opacity:0; transform:translateY(18px) scale(.98); } }

@media (max-width:820px) {
    .market-nav { min-height:58px; padding:8px 10px; gap:8px; }.brand img { height:36px; }.nav-title strong { display:none; }.nav-title { margin-right:auto; }.nav-actions { gap:5px; }.nav-actions a,.nav-actions button { min-height:36px; padding:7px 8px; font-size:12px; }.balance { height:36px; padding:0 8px; }
    .market-shell { padding:20px 10px 44px; }.market-heading { padding:8px 2px 20px; }.market-heading h1 { font-size:30px; }.market-heading p { font-size:12px; }.market-browser { grid-template-columns:1fr; gap:8px; }
    .filter-panel { position:relative; top:auto; padding:0; border:0; background:transparent; }.search-field { display:block; margin-bottom:8px; }.filter-head { min-height:48px; margin:0; padding:8px 11px; display:flex; align-items:center; justify-content:space-between; border:1px solid var(--line); border-radius:7px; background:#1c1d22; }.filter-head button { display:block; border:0; color:var(--gold); background:transparent; font-weight:900; }.category-list { max-height:0; overflow:hidden; transition:max-height .25s ease,padding .25s ease; }.filter-panel.open .category-list { max-height:320px; padding:7px 0; }.category-list button { background:#1c1d22; }
    .listing-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.listing-card-body { padding:10px; }.listing-card h2 { font-size:14px; }.listing-seller { margin-bottom:9px; }.listing-bottom { align-items:end; }.listing-bottom small { font-size:10px; }
    .activation-panel { padding:20px; grid-template-columns:auto 1fr; }.activation-panel button { grid-column:1/-1; }.seller-tabs { margin:0 -10px; padding:0 10px; }.listing-form { grid-template-columns:1fr; padding:14px; }.listing-form>* { grid-column:1!important; }
    .detail-panel { grid-template-columns:1fr; }.detail-image { min-height:0; aspect-ratio:16/10; }.detail-copy { padding:22px 18px; }.detail-copy>p { min-height:80px; }.own-item { grid-template-columns:58px minmax(0,1fr); }.own-item img { width:58px; }.own-actions { grid-column:1/-1; justify-content:stretch; }.own-actions button { flex:1; }
}
@media (max-width:410px) { .market-metrics { display:none; }.listing-grid { grid-template-columns:1fr; }.nav-actions a,.nav-actions button { padding-inline:6px; font-size:11px; } }
.vip-panel{margin-bottom:16px;padding:18px;display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr);gap:18px;align-items:center;border:1px solid rgba(246,201,69,.28);border-radius:8px;background:#17181c}.vip-copy>span{color:var(--gold);font-size:10px;font-weight:900}.vip-copy h3{margin:4px 0;font-size:20px}.vip-copy p{color:var(--muted);font-size:12px}.vip-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.vip-option{min-height:78px;padding:12px;display:grid;gap:2px;border:1px solid var(--line);border-radius:7px;color:#fff;background:#222329;text-align:left}.vip-option b{font-size:17px}.vip-option span{font-size:12px;font-weight:800}.vip-option small{color:var(--muted);font-size:10px}.vip-option:hover{transform:translateY(-2px)}.vip-one:hover{border-color:#f6c945}.vip-two:hover{border-color:#ef4444}.vip-name{color:#a7a8ae;font-weight:900}.vip-name.vip-1,.vip-1{color:#f6c945!important}.vip-name.vip-2,.vip-2{color:#ef4444!important}.discord-link{display:inline-block;margin-top:8px;color:#8ab4ff;font-size:12px;font-weight:800}
.market-carousel{position:relative;margin:-8px 0 24px;overflow:hidden;border:1px solid rgba(246,201,69,.3);border-radius:8px;background:#17181c;box-shadow:0 18px 50px rgba(0,0,0,.24);animation:market-rise .5s ease both}.market-carousel>a{height:190px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);color:#fff;text-decoration:none;animation:carousel-swap .42s ease both}.market-carousel img{width:100%;height:190px;object-fit:cover}.market-carousel>a>span{padding:28px;display:flex;flex-direction:column;justify-content:center;background:#111216}.market-carousel small{color:var(--gold);font-weight:900}.market-carousel strong{margin-top:7px;font-size:24px}.carousel-dots{position:absolute;right:16px;bottom:12px;display:flex;gap:6px}.carousel-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#666}.carousel-dots button.active{width:22px;border-radius:4px;background:var(--gold)}
.carousel-purchase{margin-bottom:16px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#17181c}.carousel-purchase>div:first-child>span{color:var(--gold);font-size:10px;font-weight:900}.carousel-purchase h3{margin:4px 0}.carousel-purchase p{color:var(--muted);font-size:12px}.carousel-form{margin-top:14px;display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:9px;align-items:end}.carousel-form label>span{display:block;margin-bottom:6px;color:#c7c8cd;font-size:11px;font-weight:800}.carousel-form button{min-height:42px;padding:8px 13px;border:0;border-radius:6px;color:#17140a;background:var(--gold);font-weight:900}.carousel-orders{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.carousel-order{padding:6px 8px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:10px}
.payment-choice{grid-column:1/-1;padding:0;display:flex;align-items:center;gap:7px;border:0}.payment-choice legend{margin-bottom:7px;color:#c7c8cd;font-size:12px;font-weight:800}.payment-choice label{position:relative}.payment-choice input{position:absolute;opacity:0;pointer-events:none}.payment-choice span{min-width:82px;min-height:38px;padding:8px 13px;display:grid;place-items:center;border:1px solid var(--line);border-radius:5px;color:var(--muted);background:#222329;font-size:12px;font-weight:900;cursor:pointer}.payment-choice input:checked+span{color:#17140a;border-color:var(--gold);background:var(--gold)}.custom-price{min-width:0;color:#ffe58a;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seller-summary{margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.seller-summary .seller-line{margin:0}.seller-summary>button{padding:6px 8px;flex:0 0 auto;border:1px solid var(--line);border-radius:5px;color:var(--gold-2);background:#24252b;font-size:11px;font-weight:800}.seller-profile{margin:0 0 16px;padding:12px;border:1px solid var(--line);border-radius:6px;background:#111216;color:#c8c9ce;font-size:12px;line-height:1.55}.seller-profile-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.seller-profile p+p{margin-top:6px}.discord-bound{color:#8ab4ff}.seller-links{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.seller-links a{padding:5px 7px;border:1px solid var(--line);border-radius:4px;color:var(--gold-2);text-decoration:none}.detail-meta div.custom{font-size:15px}
@media(max-width:820px){.market-carousel>a{height:150px;grid-template-columns:1fr}.market-carousel img{height:150px}.market-carousel>a>span{position:absolute;inset:auto 0 0;padding:32px 14px 14px;background:linear-gradient(transparent,rgba(0,0,0,.9))}.market-carousel strong{font-size:17px}.carousel-dots{bottom:10px}.vip-panel{grid-template-columns:1fr;padding:14px}.vip-options{grid-template-columns:1fr 1fr}.carousel-form{grid-template-columns:1fr 1fr}.carousel-form label:first-child,.carousel-form button{grid-column:1/-1}}
@media(max-width:410px){.vip-options{grid-template-columns:1fr}.seller-summary{align-items:flex-start}.seller-summary>button{white-space:nowrap}}
@keyframes market-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes carousel-swap{from{opacity:.35;transform:scale(1.01)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

/* Keep the marketplace on the same quiet, divided surface as the shop. */
body{background:#080909;color:#f4f6f5}
.market-nav{border-bottom-color:rgba(255,255,255,.17);background:#080909}
.nav-title span{width:29px;font-size:16px;box-shadow:none}
.nav-actions a,.nav-actions button{background:#161a1c}
.nav-actions button{border-color:rgba(246,201,69,.5);color:var(--gold)}
.market-heading{border-bottom:1px solid rgba(255,255,255,.17);margin-bottom:22px}
.market-heading h1{font-size:34px}
.market-heading p{max-width:480px;line-height:1.6}
.filter-panel{border-color:rgba(255,255,255,.16);background:#101416}
.category-list button:hover,.category-list button.active{background:#17402a;color:#a4f2bf}
.listing-toolbar{border-bottom:1px solid rgba(255,255,255,.13);padding-bottom:9px}
.listing-card,.own-item,.record-item,.listing-form{background:#14191c;border-color:rgba(255,255,255,.15)}
.listing-card:hover{transform:translateY(-3px);border-color:#f6c945;box-shadow:0 12px 26px rgba(0,0,0,.28)}
.listing-card-image{background:#21272a}
.seller-view{animation:market-rise .35s ease both}
.seller-head{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.17)}
.vip-panel,.carousel-purchase,.activation-panel{background:#111719;border-color:rgba(255,255,255,.17)}
.vip-option{background:#1c2225}
.market-carousel{border-color:rgba(255,255,255,.18);background:#14191c}
.market-carousel>a>span{background:#111719}
.listing-card,.vip-option,.home-market-card{will-change:transform}
.listing-grid .listing-card{animation:market-rise .36s ease both}
.listing-grid .listing-card:nth-child(2n){animation-delay:.05s}
.listing-grid .listing-card:nth-child(3n){animation-delay:.1s}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #f6c945;outline-offset:2px}
@media(max-width:820px){.market-heading{margin-bottom:12px}.market-heading h1{font-size:29px}.filter-head{background:#14191c}.category-list button{background:#14191c}.market-nav{flex-wrap:wrap}.nav-title{margin-right:auto}.nav-actions{min-width:0}.nav-actions button,.nav-actions a{white-space:nowrap}}
@media(max-width:480px){.market-nav{gap:6px}.brand img{height:31px}.nav-title span{width:25px;font-size:13px}.nav-actions{width:100%;justify-content:flex-end}.nav-actions a,.nav-actions button{min-height:34px}.market-shell{padding-top:15px}.market-heading{align-items:start}.market-heading p{font-size:12px}.listing-card:hover{transform:none}}
.vip-confirm-panel{max-height:92vh;overflow:auto;text-align:left}.vip-confirm-panel>.confirm-symbol,.vip-confirm-panel>h2,.vip-confirm-panel>p{display:block;text-align:center}.vip-confirm-panel>p{margin-bottom:12px}.vip-benefits{display:grid;gap:6px;margin:12px 0 14px;padding:12px;border-left:3px solid var(--gold);background:#111719;color:#dce3e8;font-size:12px;line-height:1.6}.vip-benefits b{color:var(--gold-2)}.vip-confirm-panel>label{margin-top:10px}.vip-contact-fields{display:grid;gap:10px;margin-top:14px}.vip-contact-fields label>span{display:block;margin-bottom:5px;color:#c7c8cd;font-size:12px;font-weight:800}.vip-contact-fields input{min-height:40px;padding:8px 10px}.vip-confirm-panel #vipContinue:disabled{cursor:not-allowed;color:#777;border-color:#35363b;background:#2b2c31}.activation-panel{grid-template-columns:auto 1fr;gap:18px}.activation-panel .activation-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:12px}.activation-panel .activation-actions label{flex:1}.activation-panel .activation-symbol{grid-row:1;width:45px;font-size:21px}.vip-option{position:relative;overflow:hidden}.vip-option::after,.listing-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.1) 50%,transparent 80%);transform:translateX(-130%);transition:transform .55s ease}.vip-option:hover::after,.listing-card:hover::after{transform:translateX(130%)}
@media(max-width:820px){.activation-panel{grid-template-columns:auto 1fr}.activation-panel .activation-actions{grid-column:1/-1;display:grid;justify-content:stretch}.vip-confirm-panel{padding:20px 16px}.vip-contact-fields{grid-template-columns:1fr 1fr}.vip-contact-fields label:last-child{grid-column:1/-1}}
@media(max-width:480px){.vip-contact-fields{grid-template-columns:1fr}.vip-contact-fields label:last-child{grid-column:auto}.activation-panel{padding:16px}.activation-panel h3{font-size:19px}.activation-panel p{font-size:12px}}