:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;display:flex;place-content:center;min-width:320px;min-height:100vh}#root{width:100%}.sorter-container{width:400px;margin:0 auto;background:#111;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.sorter-header{padding:10px 15px;background:var(--axium-rust);display:flex;justify-content:space-between;align-items:center;font-size:.7rem}.sorter-title{display:flex;align-items:center;gap:8px}.sorter-stats{display:flex;gap:15px}.stat.health.low{color:#ff3e3e;animation:axium-blink .5s infinite}@keyframes axium-blink{0%,to{opacity:1}50%{opacity:.5}}.sorter-viewport{height:500px;position:relative;background:linear-gradient(#000c,#000c),url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.2'/%3E%3C/svg%3E")}.sorter-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#1a1510f2;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;box-sizing:border-box}.sorter-overlay.fatal{background:#280a00f2}.sorter-overlay h3{font-size:1.5rem;color:var(--axium-orange);margin-bottom:15px}.shift-manual{padding:15px;background:#0006;margin-bottom:25px;text-align:left;font-size:.75rem;width:100%}.shift-manual h4{color:var(--axium-orange);margin:0 0 10px;text-decoration:underline}.shift-manual ul{list-style:none;padding:0;margin:10px 0}.shift-manual li{margin-bottom:8px;color:var(--axium-text);display:flex;align-items:center;gap:10px}.warning{color:#ff3e3e;font-weight:700;font-size:.65rem;margin-top:10px}.scrap-item{position:absolute;cursor:grab;z-index:10;filter:drop-shadow(0 0 5px rgba(0,0,0,.5));display:flex;flex-direction:column;align-items:center;gap:5px}.item-label{display:none}.sorter-legend{position:absolute;top:10px;right:10px;background:#0009;padding:8px 12px;border:1px solid var(--axium-rust);font-size:.6rem;z-index:15;display:flex;flex-direction:column;gap:5px;pointer-events:none}.legend-item{display:flex;align-items:center;gap:8px;color:var(--axium-text);font-weight:700}.scrap-item:active{cursor:grabbing}.ore-icon{color:var(--axium-orange);filter:drop-shadow(0 0 10px rgba(255,140,0,.3))}.metal-icon{color:#888}.debris-icon{color:#7ed321;filter:drop-shadow(0 0 10px #7ed321)}.sorter-bins{position:absolute;bottom:0;width:100%;height:80px;display:flex;gap:5px;padding:5px;box-sizing:border-box;z-index:5}.bin{flex:1;border:1px dashed var(--axium-rust);background:#4e2a141a;display:flex;align-items:center;justify-content:center;font-size:.6rem;text-align:center;color:var(--axium-rust);font-weight:700}.bin.ore{border-color:var(--axium-orange);color:var(--axium-orange)}.bin.trash{border-color:#7ed321;color:#7ed321}.game-feedback{position:absolute;top:100px;width:100%;text-align:center;font-weight:700;font-size:1rem;z-index:15}.game-feedback.success{color:#4caf50}.game-feedback.error{color:#f44336}.conveyor-belt{height:40px;background:#222;border-top:2px solid #000;position:relative;overflow:hidden}.belt-lines{position:absolute;top:0;left:0;width:200%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(255,255,255,.05) 20px,rgba(255,255,255,.05) 40px);animation:belt-move 2s linear infinite}@keyframes belt-move{0%{transform:translate(0)}to{transform:translate(-40px)}}:root{--axium-orange: #ff8c00;--axium-bg: #1a1510;--axium-rust: #4e2a14;--axium-steel: #2d2d2d;--axium-text: #e0d0c0}body{margin:0;background-color:var(--axium-bg);color:var(--axium-text);font-family:Share Tech Mono,monospace;background-image:url(/images/axium-bg.png);background-size:cover;background-attachment:fixed;background-blend-mode:overlay;display:block}.axium-container{min-height:100vh;padding:20px;max-width:1200px;margin:0 auto;position:relative}.rust-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,transparent,rgba(0,0,0,.4)),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Ffilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.1;pointer-events:none;z-index:10}.scrap-border{border:2px solid var(--axium-rust);background:#1a1510e6;position:relative;box-shadow:4px 4px 0 var(--axium-rust)}.scrap-border:before{content:"";position:absolute;top:-5px;left:-5px;width:10px;height:10px;background:var(--axium-steel);border:1px solid var(--axium-rust)}.axium-header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;margin-bottom:20px}.logo-section{display:flex;align-items:center;gap:15px}.axium-orange{color:var(--axium-orange)}h1{font-size:1.2rem;margin:0;letter-spacing:2px}.axium-nav{display:flex;gap:20px;align-items:center}.axium-nav a{color:var(--axium-text);text-decoration:none;font-size:.8rem;text-transform:uppercase;transition:color .3s}.axium-nav a:hover{color:var(--axium-orange)}.hub-tag{color:var(--axium-orange)!important;font-weight:700}.salvage-game-section{margin-bottom:20px}.nav-game-btn{background:transparent;border:none;color:var(--axium-text);font-family:inherit;font-size:.8rem;text-transform:uppercase;cursor:pointer;transition:color .3s;padding:0}.nav-game-btn:hover{color:var(--axium-orange)}.game-wrapper.access-prompt{flex-direction:column;align-items:center;text-align:center;padding:40px}.access-prompt p{margin-bottom:25px;font-size:.85rem;max-width:400px;line-height:1.6}.game-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-modal-content{position:relative;width:95%;max-width:450px}.modal-close{position:absolute;top:-40px;right:0;background:transparent;border:none;font-family:inherit;font-size:.8rem;cursor:pointer;letter-spacing:2px}.modal-close:hover{text-shadow:0 0 10px var(--axium-orange)}.mb-20{margin-bottom:20px}.axium-hero{display:grid;grid-template-columns:1fr 1fr;margin-bottom:20px;overflow:hidden}.hero-img-wrap{height:300px;position:relative}.hero-img-wrap img{width:100%;height:100%;object-fit:cover;filter:sepia(.5) contrast(1.2)}.hero-text{padding:40px;display:flex;flex-direction:column;justify-content:center}.hero-text h2{color:var(--axium-orange);font-size:2rem;margin-bottom:15px}.hero-stats{display:flex;gap:20px;margin-top:20px;font-size:.7rem;opacity:.7}.stat{display:flex;align-items:center;gap:5px}.axium-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:20px;margin-bottom:20px}.panel-head{padding:10px 15px;border-bottom:1px solid var(--axium-rust);display:flex;align-items:center;gap:10px;background:#4e2a1433}h3{font-size:.9rem;margin:0;letter-spacing:1px}.quote-list{padding:20px;display:flex;flex-direction:column;gap:15px}.quote-card{font-style:italic;font-size:.9rem;display:flex;gap:10px;opacity:.8}.trade-items{padding:15px;display:flex;flex-direction:column;gap:10px}.trade-row{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#0000004d;border:1px solid rgba(78,42,20,.3)}.trade-info{display:flex;flex-direction:column}.trade-item{font-size:.85rem;font-weight:700}.offer{font-size:.75rem;color:var(--axium-orange)}.bid-button{background:var(--axium-steel);border:1px solid var(--axium-rust);color:var(--axium-text);padding:5px 10px;font-size:.7rem;cursor:pointer;transition:all .2s}.bid-button:hover{background:var(--axium-rust)}.bid-button.success{background:#2e7d32;border-color:#4caf50}.axium-button{background:var(--axium-orange);color:#000;border:none;padding:10px;font-family:inherit;font-weight:700;cursor:pointer;margin-top:10px}.full-width{width:calc(100% - 30px);margin:15px}.comms-col{display:flex;flex-direction:column}.chat-window{flex-grow:1;padding:15px;height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;font-size:.8rem}.msg .user{color:var(--axium-orange);font-weight:700;margin-right:8px}.chat-input{display:flex;padding:10px;border-top:1px solid var(--axium-rust);gap:10px}.chat-input input{flex-grow:1;background:#00000080;border:1px solid var(--axium-rust);color:#fff;padding:5px 10px;font-family:inherit}.chat-input button{background:transparent;border:none;color:var(--axium-orange);cursor:pointer}.alert-bar{padding:10px 20px;overflow:hidden}.alert-content{display:flex;align-items:center;gap:20px}.alert-text{font-weight:700;color:var(--axium-orange);font-size:.9rem;flex-grow:1}.axium-footer{text-align:center;padding:40px 0;opacity:.5;font-size:.7rem}.footer-line{height:1px;background:linear-gradient(90deg,transparent,var(--axium-rust),transparent);margin-bottom:20px}@media(max-width:768px){.axium-header{flex-direction:column;padding:15px;gap:15px}.axium-hero{grid-template-columns:1fr}.hero-text{padding:20px}.axium-grid{grid-template-columns:1fr}.alert-bar{padding:10px}.alert-text{font-size:.7rem}}