/* King NFT Market — dark & gold, phone-first. No backdrop-filter. */
.km-wrap{max-width:1180px;margin:0 auto;padding:84px 14px 110px;color:#eee;font-family:Inter,system-ui,sans-serif}
.km-hero{position:relative;overflow:hidden;border-radius:22px;padding:22px 18px 18px;background:radial-gradient(120% 140% at 0% 0%,rgba(212,160,23,.28),transparent 55%),radial-gradient(90% 120% at 100% 100%,rgba(140,60,255,.18),transparent 60%),linear-gradient(160deg,#16110a,#0b0b0f 70%);border:1px solid rgba(212,160,23,.45);box-shadow:0 10px 40px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,215,120,.06)}
.km-hero h1{margin:0;font-family:Orbitron,sans-serif;font-size:1.45rem;letter-spacing:.5px}
.km-gt{background:linear-gradient(90deg,#fff3c4,#d4a017 45%,#ffe08a 60%,#b8860b);-webkit-background-clip:text;background-clip:text;color:transparent}
.km-hero p{margin:8px 0 0;color:#cfc6b0;font-size:.86rem;line-height:1.45}
.km-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.km-stat{background:rgba(0,0,0,.45);border:1px solid rgba(212,160,23,.3);border-radius:12px;padding:7px 11px;font-size:.74rem;color:#bbb}
.km-stat b{display:block;color:#ffd76a;font-size:.98rem;font-family:Orbitron,sans-serif}
.km-crownbg{position:absolute;right:-8px;top:-12px;font-size:6.5rem;opacity:.09;transform:rotate(14deg);pointer-events:none}
.km-feat{margin:16px 0 4px;border-radius:18px;padding:14px;background:linear-gradient(135deg,#1c1405,#0d0d10);border:1px solid #d4a017;position:relative}
.km-feat h2{margin:0 0 2px;font-size:1rem;color:#ffd76a;font-family:Orbitron,sans-serif}
.km-feat .km-sub{font-size:.76rem;color:#aaa;margin-bottom:10px}
.km-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}
.km-strip .km-card{flex:0 0 150px;scroll-snap-align:start}
.km-tabs{display:flex;gap:6px;margin:18px 0 12px;overflow-x:auto;padding-bottom:4px}
.km-tab{flex:0 0 auto;background:#141418;border:1px solid #2c2c33;color:#ccc;border-radius:999px;padding:9px 14px;font-weight:700;font-size:.82rem;cursor:pointer;font-family:inherit}
.km-tab.on{background:linear-gradient(135deg,#d4a017,#8a6410);color:#000;border-color:#ffd76a}
.km-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
.km-tools input,.km-tools select{background:#111;border:1px solid #333;color:#eee;border-radius:10px;padding:9px 10px;font-size:.84rem;font-family:inherit;min-width:0}
.km-tools input{flex:1 1 180px}
.km-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:8px}
.km-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 11px;font-size:.76rem;font-weight:700;cursor:pointer;background:#121216;color:#ddd;border:1px solid var(--cc,#444);font-family:inherit}
.km-chip i{width:9px;height:9px;border-radius:50%;background:var(--cc,#888);display:inline-block}
.km-chip.on{background:var(--cc,#d4a017);color:#000}
.km-chip.on i{background:#000}
.km-chip small{opacity:.75;font-weight:600}
.km-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:640px){.km-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:960px){.km-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.km-hero h1{font-size:2rem}}
.km-card{position:relative;border-radius:16px;padding:2px;background:linear-gradient(135deg,#ffe9a8,#b8860b 30%,#5a3d05 50%,#d4a017 70%,#fff1c2);cursor:pointer;overflow:hidden;transition:transform .18s}
.km-card:hover,.km-card:focus-visible{transform:translateY(-3px)}
.km-card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.38) 50%,transparent 65%);transform:translateX(-120%);transition:transform .7s;pointer-events:none;border-radius:16px}
.km-card:hover::after,.km-card:active::after{transform:translateX(120%)}
.km-in{background:#0c0c10;border-radius:14px;overflow:hidden;height:100%;display:flex;flex-direction:column}
.km-img{position:relative;aspect-ratio:1/1;background:#17171c;display:flex;align-items:center;justify-content:center;overflow:hidden}
.km-img img{width:100%;height:100%;object-fit:cover;display:block}
.km-ph{font-size:2.2rem;opacity:.4}
.km-crown{position:absolute;top:0;left:0;background:linear-gradient(135deg,#ffd76a,#b8860b);color:#000;font-size:.62rem;font-weight:800;padding:3px 8px 3px 6px;border-bottom-right-radius:12px}
.km-cc{position:absolute;top:6px;right:6px;background:rgba(0,0,0,.72);border:1px solid var(--cc);color:#fff;font-size:.6rem;font-weight:800;border-radius:999px;padding:2px 7px}
.km-fav{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,.65);border:none;border-radius:50%;width:30px;height:30px;font-size:.9rem;cursor:pointer;line-height:30px;padding:0}
.km-body{padding:8px 9px 10px}
.km-name{font-weight:800;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.km-coll{font-size:.68rem;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.km-price{margin-top:6px;font-family:Orbitron,sans-serif;font-size:.8rem;color:#ffd76a}
.km-usd{font-size:.66rem;color:#8f8;font-family:Inter,sans-serif}
.km-warn{display:inline-block;margin-top:5px;font-size:.6rem;color:#ffb347;border:1px solid rgba(255,179,71,.45);border-radius:6px;padding:1px 5px}
.km-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:11px;padding:10px 14px;font-weight:800;font-size:.84rem;cursor:pointer;font-family:inherit;background:linear-gradient(135deg,#ffd76a,#d4a017 50%,#a87808);color:#000;text-decoration:none}
.km-btn.sm{padding:6px 10px;font-size:.72rem;border-radius:9px;margin-top:7px;width:100%}
.km-btn.ghost{background:#17171c;color:#ffd76a;border:1px solid rgba(212,160,23,.5)}
.km-btn.red{background:#2a1214;color:#ff8a8a;border:1px solid #6a2a2e}
.km-btn[disabled]{opacity:.5;cursor:not-allowed}
.km-empty{grid-column:1/-1;text-align:center;padding:28px 14px;border:1px dashed #3a3020;border-radius:16px;color:#bbb;font-size:.86rem;background:#0e0d0b}
.km-empty b{display:block;color:#ffd76a;font-size:1rem;margin-bottom:6px}
.km-note{font-size:.74rem;color:#999;margin:6px 0 10px;line-height:1.45}
.km-row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #1f1f25;font-size:.82rem}
.km-row span:last-child{text-align:right;color:#fff;word-break:break-all}
.km-sheet-bg{position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:100000;display:none}
.km-sheet{position:fixed;left:0;right:0;bottom:0;max-height:92vh;overflow-y:auto;z-index:100001;background:linear-gradient(180deg,#141109,#0b0b0e 30%);border-top:2px solid #d4a017;border-radius:20px 20px 0 0;padding:16px 16px calc(28px + env(safe-area-inset-bottom));display:none;box-sizing:border-box}
@media(min-width:760px){.km-sheet{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);width:720px;border:2px solid #d4a017;border-radius:20px}}
.km-sheet.show,.km-sheet-bg.show{display:block}
.km-x{position:sticky;top:0;float:right;background:#222;border:1px solid #444;color:#fff;border-radius:50%;width:34px;height:34px;cursor:pointer;font-size:1rem;z-index:2}
.km-det{display:grid;gap:14px}
@media(min-width:760px){.km-det{grid-template-columns:300px 1fr}}
.km-det .km-img{border-radius:14px;border:2px solid #d4a017}
.km-det h3{margin:0;font-size:1.1rem;color:#fff}
.km-badges{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.km-badge{font-size:.66rem;font-weight:800;border-radius:999px;padding:3px 8px;background:#1d1a10;border:1px solid #d4a017;color:#ffd76a}
.km-badge.v{background:linear-gradient(135deg,#ffd76a,#b8860b);color:#000}
.km-badge.w{border-color:#ff9f43;color:#ffb347;background:#21160a}
.km-traits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:6px}
@media(min-width:760px){.km-traits{grid-template-columns:repeat(3,minmax(0,1fr))}}
.km-trait{background:#121216;border:1px solid #2b2617;border-radius:10px;padding:6px 8px;font-size:.72rem}
.km-trait small{display:block;color:#b99a4a;text-transform:uppercase;font-size:.58rem;letter-spacing:.4px}
.km-trait b{color:#fff;word-break:break-word}
.km-steps{margin:10px 0;display:grid;gap:6px}
.km-step{display:flex;gap:10px;align-items:center;background:#121216;border:1px solid #2a2a30;border-radius:12px;padding:9px 11px;font-size:.8rem}
.km-step .n{flex:0 0 26px;height:26px;border-radius:50%;background:#26262c;color:#aaa;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.75rem}
.km-step.run{border-color:#d4a017}.km-step.run .n{background:#d4a017;color:#000}
.km-step.ok{border-color:#2f7d4f}.km-step.ok .n{background:#39d98a;color:#000}
.km-step.err{border-color:#7d2f2f}.km-step.err .n{background:#ff6b6b;color:#000}
.km-msg{font-size:.8rem;margin-top:8px;padding:8px 10px;border-radius:10px;background:#141418;border:1px solid #2a2a30;display:none}
.km-msg.show{display:block}.km-msg.err{border-color:#7d2f2f;color:#ff9a9a}.km-msg.ok{border-color:#2f7d4f;color:#8ff0b8}
.km-input{width:100%;box-sizing:border-box;background:#0f0f12;border:1px solid #3a3a42;color:#fff;border-radius:11px;padding:11px;font-size:1rem;font-family:inherit}
.km-share{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.km-toast{position:fixed;left:50%;bottom:86px;transform:translateX(-50%);background:#1d1a10;border:1px solid #d4a017;color:#ffd76a;border-radius:12px;padding:9px 14px;font-size:.82rem;z-index:100002;display:none;max-width:90vw}
.km-toast.show{display:block}
.km-act{display:flex;gap:10px;align-items:center;padding:8px;border-radius:12px;background:#111115;border:1px solid #232329;margin-bottom:6px;font-size:.8rem}
.km-act img,.km-act .km-ph{width:44px;height:44px;border-radius:9px;object-fit:cover;flex:0 0 44px;background:#1b1b20;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.km-act .t{flex:1;min-width:0}.km-act .t div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.km-tag{font-size:.62rem;font-weight:800;border-radius:6px;padding:2px 6px;margin-right:4px}
.km-tag.sold{background:#39d98a;color:#000}.km-tag.listed{background:#d4a017;color:#000}
.km-soon{opacity:.55}
.km-lpwrap{grid-column:1/-1;margin-top:8px;border:1px solid #3a3020;border-radius:16px;background:#0e0d0b;padding:4px 10px 10px}
.km-lpwrap>summary{cursor:pointer;list-style:none;padding:10px 4px;color:#ffd76a;font-weight:800;font-size:.95rem}
.km-lpwrap>summary::-webkit-details-marker{display:none}
.km-lpwrap>summary::after{content:'▾';float:right;color:#D4A017;transition:transform .2s}
.km-lpwrap[open]>summary::after{transform:rotate(180deg)}
.km-lpwrap>summary small{display:block;color:#9a8a60;font-weight:500;font-size:.72rem;margin-top:2px}
.km-solpick{display:flex;flex-direction:column;gap:8px;max-width:300px;margin:12px auto 0}
.km-solpick .km-btn{display:flex;align-items:center;justify-content:center;gap:8px}
.km-solpick img{border-radius:6px}
.km-img video{width:100%;height:100%;object-fit:cover;display:block;background:#000}
