*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;font-family:Tahoma,"Leelawadee UI",sans-serif;color:#f4f1ff;background:transparent}button,input{font:inherit}button{cursor:pointer}#market{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:5vh 5vw;background:rgba(4,5,9,.52);backdrop-filter:blur(2px)}#market.visible{display:flex}.panel{width:min(1040px,76vw);height:min(720px,84vh);background:linear-gradient(145deg,rgba(21,21,29,.97),rgba(12,13,18,.96));border:1px solid rgba(151,104,255,.35);border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.58);overflow:hidden}header{height:86px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.brand,.tools,.tools label,.summary,.amount,.receive{display:flex;align-items:center}.logo{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-weight:900;font-size:25px;background:linear-gradient(135deg,#9b63ff,#6840c5);box-shadow:0 0 28px rgba(143,84,255,.4)}h1{margin:0 0 2px 12px;font-size:25px}.brand p{margin:0 0 0 12px;color:#9c94ac;font-size:11px;letter-spacing:2px}.tools{gap:10px}.tools label{width:250px;height:42px;padding:0 13px;gap:8px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#292a31}.tools input{width:100%;border:0;outline:0;color:#fff;background:transparent}.tools button,#sellClose{width:42px;height:42px;border:0;border-radius:11px;color:#ddd;background:#303139;font-size:25px}.summary{height:74px;padding:12px 22px;gap:12px;border-bottom:1px solid rgba(255,255,255,.06)}.summary>div{min-width:150px;padding:8px 14px;border-radius:10px;background:rgba(255,255,255,.04)}.summary small{display:block;color:#9993a7;font-size:11px}.summary strong{font-size:19px;color:#bd91ff}.summary .live{margin-left:auto;min-width:auto;gap:8px;color:#aaa;font-size:12px}.live i{width:8px;height:8px;border-radius:50%;background:#51e38c;box-shadow:0 0 9px #51e38c}.grid{height:calc(100% - 160px);padding:16px 18px 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;overflow:auto}.grid::-webkit-scrollbar{width:5px}.grid::-webkit-scrollbar-thumb{background:#6840c5;border-radius:9px}.card{position:relative;min-height:176px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:linear-gradient(145deg,#2a2b32,#22232a);color:#fff;text-align:left;transition:.16s}.card:hover{transform:translateY(-2px);border-color:#925cff;box-shadow:0 10px 28px rgba(0,0,0,.3)}.card.out{opacity:.48}.card img{display:block;width:67px;height:67px;object-fit:contain;margin:1px auto 8px}.card h3{margin:0;text-align:center;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .meta{display:flex;justify-content:space-between;align-items:end;margin-top:10px}.card small{color:#8e8998}.card b{display:block;color:#c99eff;font-size:17px}.count{padding:4px 7px;border-radius:7px;background:rgba(255,255,255,.07);font-size:11px}#sellPanel{display:none;width:305px;min-height:555px;margin-left:14px;padding:18px;position:relative;border:1px solid rgba(151,104,255,.4);border-radius:18px;background:linear-gradient(160deg,rgba(27,25,36,.98),rgba(15,15,21,.98));box-shadow:0 28px 70px rgba(0,0,0,.55)}#sellPanel.open{display:block}#sellClose{position:absolute;right:13px;top:13px}.item-image{height:145px;display:grid;place-items:center;position:relative}.item-image img{width:120px;height:120px;object-fit:contain}.item-image span{position:absolute;left:0;bottom:4px;padding:4px 9px;border-radius:7px;color:#cab2ff;background:#38265e;font-size:11px}#sellPanel h2{text-align:center;margin:7px 0 3px}.stock{text-align:center;margin:0;color:#aaa}.stock b{color:#fff}.price{margin:18px 0 14px;padding:12px 14px;border-radius:11px;background:#27242f}.price small{display:block;color:#999}.price strong{font-size:25px;color:#c79bff}.amount-label{display:block;margin-bottom:7px;color:#aaa;font-size:12px}.amount{height:44px}.amount button{width:45px;height:44px;border:0;color:#fff;background:#3a3b44;font-size:20px}.amount button:first-child{border-radius:10px 0 0 10px}.amount button:last-child{border-radius:0 10px 10px 0}.amount input{width:100%;height:44px;border:1px solid #464750;outline:0;text-align:center;color:#fff;background:#24252b}.amount input::-webkit-inner-spin-button{display:none}.max{width:100%;margin:8px 0 14px;padding:8px;border:0;border-radius:8px;color:#cdb8ff;background:#302448}.receive{justify-content:space-between;padding:13px 0;border-top:1px solid rgba(255,255,255,.08)}.receive span{color:#aaa}.receive strong{font-size:21px;color:#63e99a}.confirm{width:100%;height:46px;border:0;border-radius:11px;color:#fff;font-weight:700;background:linear-gradient(90deg,#6e42ca,#9b5fff);box-shadow:0 8px 24px rgba(126,72,220,.3)}.confirm:disabled{opacity:.45;cursor:not-allowed}#status{min-height:34px;margin:10px 0 0;text-align:center;color:#ff7d89;font-size:12px}#status.ok{color:#68e59b}@media(max-width:1000px){#market{padding:3vh 3vw}.panel{width:calc(100vw - 350px)}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){#market{align-items:stretch;padding:2vh 2vw}.panel{width:100%;height:96vh}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}#sellPanel{position:absolute;right:3vw;top:8vh;height:auto}.tools label{width:180px}}