*{box-sizing:border-box}
:root{--navy:#111b2d;--navy2:#21334d;--gold:#d2aa59;--cream:#faf8f3;--ink:#202938;--muted:#687386;--green:#176b45}
body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans SC",Arial,sans-serif}
button{font:inherit;cursor:pointer;border:0;border-radius:14px;font-weight:800}
button:disabled{opacity:.5;cursor:not-allowed}
.back{position:fixed;top:12px;left:12px;z-index:40;background:#fff;color:#253a58;text-decoration:none;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:800;box-shadow:0 5px 20px #0002}
.hero{text-align:center;background:radial-gradient(circle at 50% 0,#435979 0,#22334d 38%,#101827 100%);color:#fff;padding:80px 18px 44px}
.eyebrow{letter-spacing:2.3px;font-size:12px;font-weight:900;color:#f0d28f}
.eyebrow.dark{color:#9d762b}
.hero h1{font-size:clamp(29px,7vw,48px);margin:12px 0 7px}
.hero p{margin:0;color:#dbe2ed}
.eventline{margin:18px auto 0;border:1px solid #ffffff2d;background:#ffffff10;padding:11px 16px;border-radius:999px;display:inline-block;color:#f2dfb4;font-weight:800}
main{max-width:1120px;margin:auto;padding:22px 15px 60px}
.status-card{display:grid;grid-template-columns:1fr;gap:1px;background:#e3ded2;border:1px solid #e3ded2;border-radius:18px;overflow:hidden;margin-top:-4px;box-shadow:0 8px 30px #17203312}
.status-card>div{background:#fff;padding:16px}
.status-card .label{font-size:12px;color:#8a8f98;margin-bottom:6px}
.status-card strong{font-size:15px}
@media(min-width:700px){.status-card{grid-template-columns:1.3fr 1fr 1fr}}
.lobby{margin:22px 0;background:#fff;border:1px solid #e7e1d5;border-radius:24px;padding:28px;text-align:center;box-shadow:0 12px 35px #1c2b4210}
.live-pill{display:inline-block;border-radius:999px;padding:7px 11px;background:#fff0ef;color:#b3231b;font-size:12px;font-weight:900;letter-spacing:1px}
.lobby h2{font-size:26px;margin:14px 0 8px}
.wallet-badge{display:inline-block;margin:4px auto 18px;background:#eafff1;color:var(--green);border:1px solid #bde6cd;border-radius:999px;padding:9px 13px;font-weight:800;font-size:13px}
.countdown-wrap{background:#101827;color:#fff;border-radius:20px;padding:24px 14px}
.countdown-label{color:#d7deea;font-size:14px}
.countdown{font-variant-numeric:tabular-nums;font-size:clamp(42px,11vw,74px);line-height:1.1;font-weight:950;letter-spacing:1px;color:#f1d58f;margin:8px 0}
.server-note{font-size:12px;color:#9eabbf}
.stage-note{margin-top:14px;color:#6d7684;font-size:13px;line-height:1.7;background:#f5f7fa;border-radius:13px;padding:12px}
.lots-section{margin-top:28px}
.section-head{display:flex;gap:12px;align-items:end;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}
.section-head h2{margin:5px 0 0;font-size:22px}
.section-head span{font-size:13px;color:#7c8490}
.lots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:720px){.lots{grid-template-columns:repeat(5,minmax(0,1fr))}}
.lot{background:#fff;border:1px solid #e5e1d8;border-radius:17px;overflow:hidden;position:relative}
.lotno{position:absolute;top:8px;left:8px;z-index:2;background:#111b2de8;color:#f2d58c;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}
.lot img{width:100%;aspect-ratio:3/4;object-fit:contain;background:#efede8;display:block}
.lot-body{padding:11px}
.lot h3{font-size:13px;margin:0 0 7px;overflow-wrap:anywhere}
.lot p{margin:4px 0;color:#7a818c;font-size:11px}
.lot .bidline{font-size:12px;color:#8c671e;font-weight:800;margin-top:8px}
.rules-preview{margin-top:28px;background:#fff;border-radius:20px;padding:22px;border:1px solid #e5e1d8;line-height:1.8}
.rules-preview h2{margin-top:0}
.rules-preview p{color:#626c7b}
footer{text-align:center;padding:25px;color:#969ba3;font-size:12px}
.overlay{position:fixed;inset:0;z-index:100;background:#0a1220d9;display:grid;place-items:center;padding:14px}
.overlay[hidden]{display:none!important}
.gate-card{width:min(590px,100%);max-height:94vh;overflow:auto;background:#fff;border-radius:25px;padding:25px;box-shadow:0 25px 80px #0007}
.gate-kicker{text-align:center;color:#a47c31;letter-spacing:2px;font-size:11px;font-weight:900}
.gate-card>h2{text-align:center;font-size:27px;margin:7px 0 21px}
.gate-step{border:1px solid #e5e7eb;background:#fbfbfc;border-radius:18px;padding:18px;position:relative}
.gate-step+.gate-step{margin-top:14px}
.stepno{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#111b2d;color:#f1d58f;font-weight:900;font-size:13px}
.gate-step h3{margin:11px 0 5px}
.gate-step p{color:#687386;line-height:1.7}
.primary{background:#192b46;color:#fff;padding:14px 18px}
.big{width:100%;font-size:17px;padding:16px}
.connect-status{margin-top:12px;border-radius:12px;padding:11px;background:#f2f4f7;color:#667085;text-align:center;font-size:13px}
.connect-status.ok{background:#e9fff3;border:1px solid #b6e8cb;color:#176b45;font-weight:850}
.rulebox{background:#fff8e8;border:1px solid #eedba7;border-radius:14px;padding:12px 14px;margin:12px 0}
.rulebox p{margin:6px 0;color:#665322}
.gate-foot{text-align:center;color:#8b9099;font-size:12px;margin-top:14px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:150;background:#101827;color:#fff;border-radius:999px;padding:10px 16px;font-size:13px;display:none;box-shadow:0 6px 24px #0004}
button:focus-visible,a:focus-visible{outline:3px solid #d7ae5d;outline-offset:3px}


.wins-float,.admin-time{position:fixed;bottom:14px;z-index:55;background:#fff;color:#203654;border:1px solid #d8dde6;box-shadow:0 8px 26px #0002;border-radius:999px;padding:11px 14px;font-size:13px}.wins-float{left:14px}.admin-time{right:14px}.wins-float span{background:#192b46;color:#fff;border-radius:999px;padding:2px 7px;margin-left:4px}.live-stage{margin:22px 0;background:#fff;border:1px solid #e7e1d5;border-radius:24px;padding:18px;box-shadow:0 12px 35px #1c2b4210}.live-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.lot-timer{font-variant-numeric:tabular-nums;background:#101827;color:#f2d58c;border-radius:999px;padding:8px 13px;font-weight:950}.featured{display:grid;gap:18px}.featured-img{background:#efede8;border-radius:18px;overflow:hidden;min-height:280px;display:grid;place-items:center}.featured-img img{width:100%;max-height:560px;object-fit:contain;display:block}.featured-info{min-width:0}.lot-tag{display:inline-block;background:#192b46;color:#f2d58c;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.featured-info h2{font-size:clamp(24px,5vw,38px);margin:12px 0 6px}.featured-info>p{color:#78808c}.bid-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.bid-cards>div{background:#f6f7f9;border-radius:15px;padding:14px}.bid-cards span{display:block;color:#7c8490;font-size:12px}.bid-cards b{font-size:20px;color:#8c671e;display:block;margin-top:5px;overflow-wrap:anywhere}.leader{background:#eafff1;color:#176b45;border:1px solid #bde6cd;border-radius:13px;padding:11px;text-align:center;font-weight:800}.bid-btn{width:100%;margin-top:14px;background:#a31616;color:#fff;padding:18px;font-size:22px;border-radius:16px;box-shadow:0 9px 25px #9f15152c}.custom-bid{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.custom-bid input,.admin-dialog input{width:100%;border:1px solid #d8dde6;border-radius:12px;padding:13px;font:inherit}.custom-bid button{background:#293d5d;color:#fff;padding:0 15px}.bid-note{font-size:12px!important;line-height:1.6}.cancelled{margin:22px 0;background:#fff;border:1px solid #efd1d1;border-radius:24px;padding:30px;text-align:center}.cancel-icon{width:54px;height:54px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#ffe9e9;color:#a31616;font-weight:950;font-size:28px}.lot.current{outline:3px solid #d4a84f}.lot.sold{opacity:.86}.lot-status{margin-top:7px;font-size:11px;font-weight:900;color:#687386}.lot.current .lot-status{color:#b1221b}.lot.sold .lot-status{color:#176b45}.dialog{background:#fff;border-radius:22px;padding:20px;width:min(620px,100%);max-height:92vh;overflow:auto}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-head h2{margin:0}.dialog-head button{width:38px;height:38px;border-radius:50%;background:#eef1f5;color:#25384f;font-size:24px}.admin-explain{color:#657083;line-height:1.7}.admin-status{background:#f4f6f8;border-radius:13px;padding:12px;line-height:1.6;margin-bottom:15px}.field-label{display:block;color:#79818d;font-size:12px;margin-bottom:6px}.full{width:100%;margin-top:8px}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 18px}.quick-grid button{background:#edf1f6;color:#25384f;padding:12px}.quick-grid #startNow{background:#203654;color:#fff}.danger{background:#a31616;color:#fff;padding:14px}.hammer{background:#a16b14!important;color:#fff!important}.small{font-size:12px;color:#7b8490}.win-row{border-bottom:1px solid #e6e8ec;padding:13px 0;line-height:1.6}.win-row:last-child{border-bottom:0}.win-row b{color:#8c671e}.empty{padding:20px;text-align:center;color:#7a8290}.admin-time:active,.wins-float:active{transform:translateY(1px)}
@media(min-width:780px){.featured{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.lots{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.custom-bid{grid-template-columns:1fr}.custom-bid button{padding:12px}.wins-float,.admin-time{font-size:12px;padding:10px 12px}.wins-float{bottom:12px}.admin-time{bottom:12px}}