.modal-markt .modal-box{width:700px;max-width:calc(100vw - 24px);padding:0;border:1px solid #a2b7cb;border-radius:7px;background:linear-gradient(130deg,#26384a,#111e2d);color:#dfe9f3;box-shadow:0 16px 70px #0009}
.modal-markt .modal-head{margin:0;padding:13px 20px;border-bottom:1px solid #abc1d33b}.modal-markt #modal-body{padding:0}
.markt-merchant{font-family:'Multiverse Nunito Sans',Arial}
.markt-heading{display:flex;align-items:center;gap:15px;padding:17px 22px;background:radial-gradient(ellipse at 10% 10%,#b9d5e726,transparent 65%);border-bottom:1px solid #a7bdce33}
.markt-portrait{display:grid;place-items:center;width:68px;height:68px;flex:none;border:1px solid #9db4c978;border-radius:5px;background:radial-gradient(circle,#5978906b,#102336);box-shadow:inset 0 0 0 3px #0f203354}
.markt-heading small{color:#b6cbdc;font-size:8px;letter-spacing:1.5px}.markt-heading h2{font:700 25px 'Multiverse Cinzel',Georgia;color:#f0dfb4;margin:4px 0}.markt-heading p{font-size:11px;line-height:1.5;color:#a7bdd1;margin:0}
.markt-tabs{display:grid;grid-template-columns:1fr 1fr;padding:0 20px;border-bottom:1px solid #aec4da33}.markt-tabs button{min-height:41px;border:0;border-bottom:2px solid transparent;background:none;color:#9eb5ca;font:850 11px 'Multiverse Nunito Sans',Arial;cursor:pointer}.markt-tabs button.active{border-color:#e6d295;color:#edda9d;background:linear-gradient(transparent,#ccb97710)}
.markt-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 20px;max-height:350px;overflow:auto;scrollbar-width:thin;scrollbar-color:#8ca7bd66 transparent}
.markt-potion{text-align:center;border:1px solid #90a9bd66;border-radius:5px;padding:15px 13px;background:radial-gradient(ellipse at 50% 25%,#8cb2d01c,transparent 65%),#091a2b66}
.markt-potion-art{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 11px;border:1px solid #adc5d64d;border-radius:5px;background:#0a182466}.markt-potion-art img{width:52px;height:52px;object-fit:contain;image-rendering:pixelated}
.markt-potion h3{font-size:14px;color:#e4edf4;margin:0 0 5px}.markt-potion p{font-size:10px;color:#9db6cd;margin:0 0 10px}.markt-price{font-size:12px;color:#e8d197}
.markt-buy-actions{display:flex;justify-content:center;gap:8px;margin-top:13px}.markt-merchant input{width:59px;min-width:0;border:1px solid #8ea8bf66;border-radius:4px;background:#102033;color:#e0eaf4;padding:7px;font:750 11px 'Multiverse Nunito Sans',Arial}
.markt-transaction{border:1px solid #e2cf92;border-radius:4px;background:linear-gradient(#f2dfa3,#bca150);color:#292211;font:900 11px 'Multiverse Nunito Sans',Arial;padding:8px 17px;cursor:pointer}.markt-transaction:hover{filter:brightness(1.12)}.markt-transaction:disabled{opacity:.5;cursor:wait}
.markt-content.selling{display:flex;flex-direction:column;gap:7px}
.markt-bulk{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 20px 0;padding:12px;border:1px solid #c8b77466;border-radius:5px;background:linear-gradient(115deg,#b09a4920,#091b2d55)}.markt-bulk>div{display:grid;gap:4px;min-width:0}.markt-bulk strong{font-size:12px;color:#e5eaf0}.markt-bulk span{font-size:11px;color:#b8c9d8}.markt-bulk b{color:#efda9a}.markt-bulk small{font-size:9px;color:#93adc1;line-height:1.4}.markt-sell-all{flex:none;white-space:nowrap;min-height:36px}.markt-sell-all:disabled{cursor:default}@media(max-width:520px){.markt-bulk{margin:12px 12px 0;gap:8px;padding:10px}.markt-bulk strong{font-size:11px}.markt-bulk span{font-size:10px}.markt-bulk small{font-size:8px}.markt-sell-all{padding:8px 11px}}
.markt-sale-row{display:flex;align-items:center;gap:10px;padding:7px 9px;border:1px solid #92acc336;border-radius:4px;background:#0b1a2c4d;min-height:58px;flex:none}
.markt-item-art{display:grid;place-items:center;width:44px;height:44px;flex:none;background:#0b1826;border:1px solid #8ca5bd8c;border-radius:4px}.markt-item-art.q1{border-color:#76bb76}.markt-item-art.q2{border-color:#4e9bf4}.markt-item-art.q3{border-color:#bd84e9}.markt-item-art.q4{border-color:#e0b96f}.markt-item-art img{width:40px;height:40px;object-fit:contain}
.markt-item-copy{min-width:0;flex:1}.markt-item-copy strong{display:block;font-size:11px;line-height:1.3;color:#dce7f2;overflow-wrap:anywhere}.markt-item-copy small{display:block;color:#9fb7ce;font-size:9px;margin-top:4px}.markt-sale-row input{width:51px}.markt-sale-row .markt-transaction{padding:7px 12px}
.markt-empty{padding:28px 12px;color:#9eb5ca;text-align:center;font-size:12px}.markt-message{padding:0 20px;margin:0 0 12px;color:#d0c091;font-size:11px;line-height:1.5}.markt-message:empty{display:none}
.markt-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid #a2b9cd33;background:#0b172340;font-size:11px;color:#9eb6cb}.markt-footer strong{color:#e5cf94}.markt-footer small{font-size:9px;color:#879fb5}
@media(max-width:520px){.modal-markt .modal-box{max-width:calc(100vw - 16px)}.markt-heading{padding:14px;gap:10px}.markt-heading h2{font-size:22px}.markt-heading p{font-size:10px}.markt-content{padding:12px;gap:8px;max-height:48dvh}.markt-potion{padding:12px 8px}.markt-potion h3{font-size:12px}.markt-potion p{font-size:9px}.markt-tabs{padding:0 12px}.markt-tabs button{font-size:10px}.markt-buy-actions{gap:5px;flex-wrap:wrap}.markt-transaction{padding:8px 13px}.markt-sale-row{gap:6px;padding:6px}.markt-item-copy strong{font-size:10px}.markt-sale-row input{width:40px;padding:5px}.markt-sale-row .markt-transaction{font-size:9px;padding:7px}.markt-item-art{width:35px;height:35px}.markt-item-art img{width:32px;height:32px}.markt-item-copy small{font-size:8px}.markt-footer{padding:11px 13px;flex-wrap:wrap;gap:5px}}