@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--gold: #c9a227;--gold2: #f0cf52;--ink: #0e0f12;--panel: #1c1d22;--panel2: #232530;--line: #34363f;--muted: #9aa0ad;--text: #f3f4f7}html,body{height:100%}body{font-family:Be Vietnam Pro,gg sans,system-ui,sans-serif;color:var(--text);min-height:100vh;padding:14px;background:radial-gradient(900px 420px at 18% -8%,rgba(201,162,39,.16),transparent 60%),radial-gradient(820px 420px at 86% 4%,rgba(80,160,255,.1),transparent 60%),radial-gradient(700px 600px at 50% 120%,rgba(46,158,91,.08),transparent 60%),#0b0c0f;background-attachment:fixed}.loading{display:flex;align-items:center;justify-content:center;min-height:80vh;color:var(--muted);text-align:center}.hero{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;margin-bottom:18px;border-radius:16px;background:linear-gradient(120deg,#c9a22733,#1c1d2299 55%);border:1px solid rgba(201,162,39,.35);box-shadow:0 8px 30px #0006,inset 0 0 40px #c9a2270d}.hero-l{display:flex;align-items:center;gap:12px}.logo{font-size:30px;filter:drop-shadow(0 0 8px rgba(240,207,82,.6))}.title{font-weight:800;font-size:23px;letter-spacing:3px;background:linear-gradient(90deg,#fff,var(--gold2) 60%,var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 18px rgba(240,207,82,.25)}.subtitle{font-size:12px;color:var(--muted);letter-spacing:.5px}.hero-r{display:flex;align-items:center;gap:12px}.me{font-size:13px;color:var(--muted);padding:5px 12px;border-radius:20px;background:#ffffff0d;border:1px solid var(--line)}.submit-btn{background:transparent;color:var(--gold2);border:1px solid var(--gold);border-radius:20px;padding:7px 15px;font-weight:700;font-size:12.5px;cursor:pointer;white-space:nowrap}.submit-btn:hover{background:#c9a22726}.pill{font-size:12px;font-weight:700;padding:6px 12px;border-radius:20px;display:inline-flex;align-items:center;gap:7px}.pill.live{color:#ff5a5a;background:#ff3c3c1f;border:1px solid rgba(255,60,60,.35)}.pill.idle{color:var(--muted);background:#ffffff0d;border:1px solid var(--line)}.pill .dot{width:8px;height:8px;border-radius:50%;background:#ff4d4d;box-shadow:0 0 8px #ff4d4d;animation:blink 1.2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.sec-head h2{font-size:14px;font-weight:800;color:#d9c178;margin:18px 4px 10px;letter-spacing:1.5px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.card{position:relative;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;--glow: #94a3b8}.card.r-legendary{--glow: #ffd23f}.card.r-epic{--glow: #b06bf2}.card.r-rare{--glow: #2ad3ee}.card.r-uncommon{--glow: #36d399}.card.r-common{--glow: #9aa6b6}.card{border-color:color-mix(in srgb,var(--glow) 45%,var(--line));box-shadow:0 4px 16px #00000073}.card:hover{transform:translateY(-4px);border-color:var(--glow);box-shadow:0 10px 26px #0000008c}.card-img{position:relative;height:138px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);overflow:hidden}.card-img .aura{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.04),transparent 65%)}.card-img img{position:relative;z-index:1;max-width:86%;max-height:86%;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.55));animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.card-body{padding:11px 13px 13px;display:flex;flex-direction:column;gap:4px;flex:1}.card-name{font-weight:700;font-size:14px;line-height:1.3;height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price{display:flex;align-items:baseline;gap:5px;margin-top:2px}.price .num{font-size:22px;font-weight:800;color:var(--gold2);line-height:1.1}.price .coin{font-size:14px}.plabel{font-size:10.5px;color:var(--muted)}.meta-row{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;gap:6px;margin-top:2px}.timer{color:#cfd3da}.timer.urgent{color:#ff5a5a;font-weight:800;animation:blink 1s infinite}.hold.you{color:#3fd07a;font-weight:800}.hold.rival{color:#ffb454}.hold.none{color:#6d7178}.card.preview{opacity:.92}.soon{color:#8fb3ff;font-weight:600}.src{color:var(--muted);font-size:10.5px}.bid-btn{margin-top:auto;position:relative;overflow:hidden;border:0;cursor:pointer;border-radius:11px;padding:11px;font-weight:800;font-size:14px;color:#1b1408;background:linear-gradient(180deg,var(--gold2),var(--gold));box-shadow:0 4px 14px #c9a22759}.bid-btn:hover{filter:brightness(1.07)}.bid-btn:active{transform:scale(.97)}.bid-btn:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-20deg)}.card:hover .bid-btn:after{animation:shimmer .9s}@keyframes shimmer{to{left:140%}}.card.pulse{animation:bidpulse .7s ease}@keyframes bidpulse{0%{box-shadow:0 0 0 0 var(--glow)}to{box-shadow:0 0 0 14px transparent}}.empty-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;background:#ffffff08;border:1px dashed var(--line)}.empty-emoji{font-size:30px;opacity:.8}.empty-card b{font-size:15px}.empty-sub{font-size:12px;color:var(--muted);margin-top:3px}footer{text-align:center;color:#6d7178;font-size:11px;margin:24px 0 10px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040508a6;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .15s}@keyframes fade{0%{opacity:0}}.modal{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--gold);border-radius:18px;padding:22px;width:min(360px,92vw);box-shadow:0 20px 60px #0009,0 0 30px -10px var(--gold)}.modal h3{font-weight:800;color:var(--gold2);margin-bottom:8px;letter-spacing:1px}.modal-item{font-weight:700;margin-bottom:4px;font-size:15px}.modal-min{color:var(--muted);font-size:13px;margin-bottom:12px}.modal input{width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:#15161a;color:#fff;font-size:17px;font-weight:700}.submit-modal{width:min(440px,95vw)}.pick-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin:12px 0;padding-right:4px}.pick-list::-webkit-scrollbar{width:8px}.pick-list::-webkit-scrollbar-thumb{background:#3a3c45;border-radius:4px}.pick{--glow: #9aa6b6;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:#15161a;cursor:pointer;transition:border-color .12s,background .12s}.pick.r-legendary{--glow: #ffd23f}.pick.r-epic{--glow: #b06bf2}.pick.r-rare{--glow: #2ad3ee}.pick.r-uncommon{--glow: #36d399}.pick:hover{border-color:color-mix(in srgb,var(--glow) 60%,var(--line))}.pick.sel{border-color:var(--glow);background:color-mix(in srgb,var(--glow) 12%,#15161a)}.pick-img{width:46px;height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:9px;background:radial-gradient(circle,color-mix(in srgb,var(--glow) 22%,transparent),transparent 70%)}.pick-img img{max-width:100%;max-height:100%;object-fit:contain}.pick-info{flex:1;min-width:0}.pick-name{font-weight:700;font-size:13.5px;line-height:1.25}.pick-sub{font-size:11.5px;color:var(--muted);margin-top:2px}.pick-check{width:22px;height:22px;flex-shrink:0;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;color:transparent;font-size:12px;font-weight:900}.pick.sel .pick-check{background:var(--glow);border-color:var(--glow);color:#1b1408}.pick-floor{margin-bottom:14px}.pick-floor label{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.pick-floor #floor-min-lbl{color:var(--gold2)}.pick-floor input{width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:#15161a;color:#fff;font-size:16px;font-weight:700}.wd-btn{flex-shrink:0;background:linear-gradient(180deg,var(--gold2),var(--gold));color:#1b1408;border:0;border-radius:9px;padding:8px 13px;font-weight:800;font-size:12.5px;cursor:pointer;white-space:nowrap}.wd-btn:hover{filter:brightness(1.07)}.wd-btn:disabled{opacity:.5;cursor:default}.quick{display:flex;gap:8px;margin:10px 0 14px}.quick button{flex:1;padding:8px;border-radius:8px;border:1px solid var(--line);background:#ffffff0d;color:#d9c178;font-weight:700;cursor:pointer;font-size:12px}.quick button:hover{border-color:var(--gold)}.modal-actions{display:flex;gap:10px}.modal-actions button{flex:1;padding:12px;border-radius:10px;border:0;font-weight:800;cursor:pointer;font-size:14px}.btn-ghost{background:#34363f;color:#ddd}.btn-gold{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#1b1408}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,24px);z-index:60;opacity:0;pointer-events:none;visibility:hidden;background:#1c1d22;color:#fff;padding:13px 20px;border-radius:12px;font-size:14px;font-weight:600;border:1px solid var(--line);max-width:92vw;text-align:center;transition:transform .28s cubic-bezier(.2,.9,.3,1.3),opacity .25s,visibility .25s;box-shadow:0 10px 30px #00000080}#toast.show{transform:translate(-50%);opacity:1;visibility:visible}#toast.ok{border-color:#2e9e5b;box-shadow:0 10px 30px #00000080,0 0 18px -6px #2e9e5b}#toast.err{border-color:#c0392b;box-shadow:0 10px 30px #00000080,0 0 18px -6px #c0392b}@media (max-width: 520px){.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.title{font-size:19px}.subtitle{display:none}.card-img{height:110px}}