@charset "UTF-8";:root{--font-family: "Murecho", sans-serif;--bg: #000;--fg: hsl(60, 10%, 90%);--accent-fg: hsl(338, 100%, 50%);--accent-bg: hsl(60, 10%, 90%);--fg-dark: hsl(60, 10%, 30%);--card-bg: #1a1a1a;--debug-border: 1px solid #fff3;--header-bg: var(--bg);--header-fg: var(--fg);--header-accent-bg: transparent;--header-accent-fg: var(--accent-fg);--header-frame: hsla(338, 100%, 40%, 90%);--footer-bg: var(--bg);--footer-fg: var(--fg);--footer-accent-bg: var(--bg);--footer-accent-fg: var(--accent-fg);--button-fg: var(--accent-bg);--button-bg: var(--accent-fg);--button-hover-fg: hsl(60, 10%, 95%);--button-hover-bg: hsl(338, 100%, 40%);--buy-color: #ff4d6d;--buy-hover: #ff1e50;--buy-border: rgba(255, 0, 92, .6);--sell-color: #00c853;--sell-hover: #00a94d;--sell-border: rgba(0, 200, 83, .6);--header-bg: black;--header-fg: white;--header-accent-bg: lightgray;--header-accent-fg: black}*,*:before,*:after{box-sizing:border-box}html{overflow-y:scroll}html,body{min-height:100vh;min-height:100dvh;background-color:var(--bg, black);color:var(--fg, lightgray);font-family:var(--font-family);font-size:16px;margin:0}.container{width:100%;max-width:1080px;margin:0 auto}@media screen and (min-width: 1440px){.container{max-width:1320px}}@media screen and (min-width: 1920px){.container{max-width:1600px}}.row{display:flex;align-items:center;gap:1em}h1,h2,p{margin:0}h1{margin-top:2em;margin-bottom:1em}hr{width:100%;border:none;border-top:1px solid rgba(255,255,255,.2)}.form-grid{width:100%;display:grid;grid-template-columns:max-content auto max-content;gap:1em;column-gap:2em;align-items:center;justify-content:stretch}input{font-size:1em;padding:.8em 1em;background-color:#fff1;border:1px solid rgba(255,255,255,.1333333333);border-radius:8px;color:var(--fg)}input::placeholder{color:#fff2}.surface{background-color:#fff2;padding:1.6em 2em;border-radius:8px;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;gap:1.5em}.page-container{display:flex;flex-wrap:nowrap;align-items:flex-start;width:100%;margin:0 auto;padding:20px;border-radius:16px;background-color:#333;max-width:1080px}@media screen and (min-width: 1440px){.page-container{max-width:1320px}}@media screen and (min-width: 1920px){.page-container{max-width:1600px}}@media (max-width: 768px){.page-container,.page{width:100%}}.inventory-item{position:relative}.main-content{flex-grow:1;padding:15px;min-width:320px}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px}.search-bar{flex-grow:1;width:100%}.search-bar input{width:100%;padding:10px;font-size:14px;border:none;border-radius:14px;background:#fff;color:#555;outline:none}.search-bar input::placeholder{color:#aaa}.cart-container{display:flex;align-items:center}.cart-button{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;background:#333;color:#ccc;border:none;padding:6px 12px;font-size:14px;font-weight:700;border-radius:12px;cursor:pointer;transition:background-color .2s ease}.cart-button img{width:18px;height:18px;image-rendering:crisp-edges}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;justify-content:center}.inventory-item{border:1px solid #444;border-radius:16px;background:#484848;padding:10px;text-align:center;min-width:160px;max-width:100%;display:flex;flex-direction:column;justify-content:space-between}.inventory-item .item-image{max-width:100%;height:auto;border-radius:5px}.inventory-item p{margin:2px 0;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-item p:nth-child(3){font-size:.9rem;font-weight:700;color:#fff}.cart-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;z-index:998}.auth-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:450px;background:#000;color:#fff;padding:20px;border-radius:15px;text-align:center;border:2px solid var(--accent-fg, #ff4d6d);z-index:1003}.auth-close-btn{position:absolute;top:10px;right:10px;background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.auth-close-btn:hover{color:var(--accent-fg, #ff4d6d)}.orders-page{max-width:1320px;margin:0 auto;padding:0 16px}.order-card{background-color:#444;border-radius:12px;padding:16px;margin-bottom:20px;color:#fff}.order-main{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.order-info{display:flex;flex-direction:column;flex:1;gap:5px}.order-info-row{display:flex;flex-direction:row}.order-date,.order-amount,.order-status,.order-type,.order-items-link,.order-token,.order-id{font-size:14px}.order-type.sell{color:var(--sell-color)}.order-type.buy{color:var(--buy-color)}.order-items-link{color:#f36;cursor:pointer;text-decoration:underline;font-size:13px}.order-token input{margin-top:4px;padding:4px 8px;border-radius:4px;border:none;width:240px}.order-action{display:flex;align-items:center}.order-action button{background-color:#f36;color:#fff;padding:8px 16px;border-radius:8px;font-weight:700;border:none;cursor:pointer}.order-items{margin-top:12px;border-top:1px solid #666;padding-top:10px}.order-item{display:flex;justify-content:space-between;padding:4px 0;font-size:14px}.completed-label{color:#8fff8f;font-weight:700;min-width:140px}.cart-feedback{position:absolute;top:-24px;right:-4px;color:#f9c;font-weight:700;font-size:1.1rem;opacity:0;animation:flyUpFade 1.2s ease-out forwards;pointer-events:none}@keyframes flyUpFade{0%{transform:translateY(0);opacity:0}10%{opacity:1}to{transform:translateY(-20px);opacity:0}}.add-to-cart{height:19px;display:flex;align-items:center;justify-content:center}.cart-icon{object-fit:contain;display:block}.cart-icon.white{width:18px;height:18px}.cart-icon.grey{width:16px;height:16px}