@import url("auction.css");
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--gold:#ecc66c;--text:#f4f5f9;--muted:#8994aa;--blue:#599cff}*{box-sizing:border-box}body{margin:0;background:#06080c;color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}header{background:#090c12;border-bottom:1px solid #ffffff0d}.header-inner{max-width:1248px;margin:auto;min-height:88px;display:flex;align-items:center;gap:28px;padding:12px 16px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0;font-size:20px;font-weight:800;letter-spacing:1px}.brand img{width:58px;height:58px;object-fit:cover;border-radius:50%;border:1px solid #c6a44f55}.gold{color:var(--gold)}.brand small{display:block;font-size:8px;letter-spacing:2.1px;color:#8d96a8;margin-top:4px}nav{display:flex;align-items:center;gap:4px}nav a,nav button{padding:12px 15px;border:0;background:transparent;border-radius:9px;color:#a8b0bf;font-weight:700;white-space:nowrap}nav .selected{background:#e7bf6312;color:var(--gold);border:1px solid #e7bf6322}nav a:hover,nav button:hover{color:#fff;background:#ffffff08}.account{margin-left:auto;display:flex;gap:10px;align-items:center}.account button,.account>a.login,.account>a.register{height:42px;border-radius:10px;padding:0 17px;white-space:nowrap;font-weight:800}.account .icon{padding:10px;width:40px;border-radius:50%;background:#131922;border:1px solid #ffffff0b}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.login{background:#131922;border:1px solid #2a3343}.register{background:linear-gradient(115deg,#f4d786,#d4a64b);color:#18130a;border:1px solid #f3d785;box-shadow:0 4px 18px #d7ae4e1a}.register span{margin-left:8px}main{min-height:calc(100vh - 174px);background:radial-gradient(ellipse at 78% 0,#16356b28,transparent 52%),radial-gradient(ellipse at 8% 95%,#9773220d,transparent 50%);padding:0 16px 90px}.hero{max-width:1216px;margin:auto;padding:50px 0 43px;text-align:center}.eyebrow{display:inline-flex;gap:9px;align-items:center;font-size:10px;letter-spacing:2.3px;color:#b8a578;font-weight:700}.eyebrow span{width:6px;height:6px;background:var(--gold);border-radius:50%;box-shadow:0 0 12px #efc86c80}h1{font-size:clamp(30px,4.2vw,66px);font-weight:800;letter-spacing:-2.8px;line-height:1.2;margin:19px 0 15px}h1 span{background:linear-gradient(110deg,#f3d784 0%,#d6ac53 40%,#79aafa 100%);background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:14px;margin:0}.auctions{max-width:1216px;margin:auto}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 25px;gap:16px}.tabs{display:flex;gap:10px}.tabs button{display:flex;align-items:center;gap:9px;background:transparent;border:1px solid transparent;color:#929caf;padding:11px 17px;border-radius:24px;font-weight:600}.tabs button.active{background:#e6c56e0e;border-color:#e6c56e44;color:#f7e2b4;box-shadow:0 3px 18px #dcb75709}.tabs button:hover{background:#ffffff08}.tabs button span{font-size:11px;background:#ffffff08;padding:2px 6px;border-radius:7px;min-width:19px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.live{background:#55d7c2}.soon{background:var(--gold)}.ended{background:#7593bd}.refresh{display:flex;align-items:center;gap:8px;padding:11px 16px;background:#121a27;border:1px solid #ffffff12;border-radius:10px;color:#d7dfed}.refresh svg{width:16px;height:16px}.empty{min-height:300px;border:1px solid #769bd01f;border-radius:18px;background:linear-gradient(120deg,#10141b,#0c1421 65%,#101827);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 20px;box-shadow:0 20px 60px #00000026;position:relative;overflow:hidden}.empty:before{content:'';position:absolute;width:230px;height:230px;top:-200px;left:calc(50% - 115px);background:#e8c56b;filter:blur(70px);opacity:.15}.orbit{position:relative;width:98px;height:98px;border-radius:50%;border:1px solid #d9b76313;display:grid;place-items:center;background:#e5c26b03;margin-bottom:19px}.box{width:66px;height:66px;background:linear-gradient(135deg,#e9c46413,#4b84f009);border:1px solid #d3b26621;border-radius:20px;display:grid;place-items:center;transform:rotate(-8deg)}.box svg{width:44px;height:44px;stroke:var(--gold);transform:rotate(8deg);stroke-width:1.5}.spark{position:absolute;width:5px;height:5px;border-radius:50%}.s1{background:var(--blue);right:3px;top:20px;box-shadow:0 0 15px var(--blue)}.s2{background:var(--gold);left:0;bottom:20px;box-shadow:0 0 15px var(--gold)}.empty h2{font-size:17px;font-weight:600;color:#c3ccdc;margin:0 0 9px;text-align:center}.empty p{color:#77849b;font-size:13px;text-align:center;margin:0}.empty-tag{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.3px;margin-top:22px;padding:6px 11px;border:1px solid #ffffff0a;border-radius:20px;color:#8291ab}.empty-tag span{width:4px;height:4px;border-radius:50%;background:var(--blue)}.info-strip{display:flex;justify-content:center;gap:32px;color:#707c91;font-size:11px;padding:22px}.info-strip span{display:flex;align-items:center;gap:8px}.info-strip a:hover{color:var(--gold)}.info-strip b{color:var(--gold);margin-left:6px}footer{background:#090c12;border-top:1px solid #ffffff0c;color:#7d899e;font-size:12px}footer>div{max-width:1248px;margin:auto;min-height:86px;display:flex;align-items:center;justify-content:space-between;padding:22px 16px;gap:20px}footer b{color:#cbb47e;font-weight:600}footer>div>div{display:flex;gap:22px}.powered{color:#535f74}dialog{width:min(460px,calc(100% - 32px));background:#111925;border:1px solid #b7984c66;border-radius:18px;color:#e8edf5;padding:32px;line-height:1.8}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h2{color:var(--gold);font-size:22px}dialog p{color:#a8b3c5}.close{float:right;border:0;background:transparent;font-size:25px}.refresh.busy svg{animation:spin .6s linear}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.hero{padding-top:54px;padding-bottom:51px}}@media(max-width:1050px){.header-inner{flex-wrap:wrap;gap:15px}nav{order:3;width:100%;justify-content:center;border-top:1px solid #ffffff08;padding-top:10px}h1{letter-spacing:-1.5px}}@media(max-width:600px){.header-inner{padding:12px}.brand{font-size:16px;gap:8px}.brand img{width:43px;height:43px}.brand small{font-size:6px}.account{gap:6px}.account button,.account>a.login,.account>a.register{padding:0 10px;height:36px;font-size:11px}.account .icon{width:32px;padding:7px}.register span{display:none}nav{gap:0;justify-content:space-between}nav a,nav button{font-size:11px;padding:10px}.hero{padding:38px 0 32px}h1{letter-spacing:-1px;line-height:1.3}h1 span{display:block}.hero p{font-size:12px}.toolbar{gap:8px}.tabs{gap:1px}.tabs button{gap:5px;padding:9px 8px;font-size:11px}.refresh{padding:9px}.refresh span{display:none}.empty{min-height:310px}.empty h2{font-size:15px}.info-strip{gap:14px;font-size:9px;padding:20px 0}footer>div{flex-direction:column;text-align:center;font-size:10px;gap:12px}main{padding-bottom:50px}.powered{display:none}}

.account>a.login,.account>a.register{display:inline-flex;align-items:center;justify-content:center}.account>a.icon{display:inline-flex;align-items:center;justify-content:center}