:root{--accent: #a855f7;--bg: #050505}body{margin:0;background-color:var(--bg);color:#fff;font-family:Inter,sans-serif;overflow-x:hidden}.app-viewport{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:20px}.character-screen{display:flex;justify-content:center;align-items:center;width:1400px;gap:50px;margin-top:30px}.gear-socket{width:200px;height:200px;border:2px solid #222;background:#111;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;position:relative;transition:border-color .2s}.gear-socket.active{border-color:var(--accent)}.socket-label{position:absolute;top:-10px;background:var(--bg);padding:0 10px;color:var(--accent);font-size:14px;font-weight:800;letter-spacing:2px}.hero-column{position:relative;flex:1;display:flex;flex-direction:column;align-items:center}.hero-weight-number{font-size:180px;font-weight:900;color:#fff;line-height:1}.hero-data-anchor{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.command-center{width:550px;background:#000;border:1px solid #333;padding:30px;margin-top:-40px;z-index:10}.rpg-slider{width:100%;height:8px;appearance:none;background:#222;outline:none}.rpg-slider::-webkit-slider-thumb{appearance:none;width:24px;height:24px;background:var(--accent);cursor:pointer}.side-drawer{position:fixed;top:0;right:-450px;width:400px;height:100vh;background:#0d0d0d;border-left:2px solid var(--accent);z-index:100;padding:30px;transition:right .3s ease}.side-drawer.open{right:0}.loot-card{background:#161616;padding:20px;margin-bottom:10px;cursor:pointer;border-left:4px solid transparent}.loot-card:hover{background:#222;border-left-color:var(--accent)}.attribute-box{width:1400px;background:#000;border:1px solid #222;padding:50px;margin-top:50px}.attr-label-huge{color:#666;text-transform:uppercase;letter-spacing:4px;font-size:20px;font-weight:700}.attr-value-huge{font-size:80px;font-weight:900}@media(max-width:1024px){.app-viewport{height:auto;overflow-y:auto;padding:10px 0}.character-screen{width:100%;flex-direction:column;gap:0;margin-top:0}.gear-column-left,.gear-column-right{display:grid!important;grid-template-columns:1fr 1fr;width:100%;padding:10px;gap:10px;box-sizing:border-box;z-index:20}.gear-column-left{order:1}.hero-column{order:2;width:100%;height:550px!important}.gear-column-right{order:3}img[alt=Pilot]{height:100%!important;width:auto;object-fit:contain}.gear-socket{width:100%;height:140px}.hero-weight-number{font-size:110px}.hero-data-anchor{transform:translate(-50%,-50%) scale(.85)}.command-center{width:95%!important;padding:25px 15px!important;margin:15px auto!important;z-index:50}.command-center span{font-size:20px!important}.attribute-box{width:95%!important;padding:20px;margin:15px auto}.attr-value-huge{font-size:55px}.attr-label-huge{font-size:18px}.side-drawer{right:-110vw!important;width:95vw}.side-drawer.open{right:0}}