:root{--green: #00ff00;--dark-green: #004400;--bg: #000000;--font: "DotGothic16", sans-serif;--gray: #666}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background-color:var(--bg);color:var(--green);font-family:var(--font);overflow:hidden;touch-action:none}#app{display:flex;flex-direction:column;height:100vh;width:100vw;max-width:600px;margin:0 auto;border-left:1px solid var(--dark-green);border-right:1px solid var(--dark-green)}header{height:16%;padding:5px;border-bottom:2px solid var(--green);display:flex;flex-direction:column;justify-content:space-between}#stats{display:flex;flex-direction:column;gap:2px}.stats-row{display:flex;justify-content:space-around;font-size:.85rem}#top-row{display:flex;justify-content:space-between;padding:0 10px;font-size:.9rem}#top-controls{display:flex;justify-content:flex-end;gap:10px;padding-right:5px}.label{color:var(--gray);font-size:.75rem}main{flex:1;position:relative;background:#050505}#view-canvas{width:100%;height:100%}#floor-display{position:absolute;top:10px;left:10px;font-size:1.2rem;text-shadow:2px 2px #000}#reticle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;opacity:.3}#message-log{position:absolute;bottom:0;left:0;right:0;height:30%;padding:10px;pointer-events:none;display:flex;flex-direction:column-reverse;font-size:.85rem;background:linear-gradient(transparent,#000c)}.message{margin-top:2px;text-shadow:1px 1px #000}footer{height:32%;border-top:2px solid var(--green);display:flex}#map-area{width:35%;height:100%;border-right:2px solid var(--green);padding:5px;position:relative}#map-canvas{width:100%;height:100%;image-rendering:pixelated}#control-area{flex:1;display:flex;align-items:center;justify-content:space-around;padding:5px}.diamond-pad{display:grid;grid-template-areas:". up ." "left . right" ". down .";gap:5px}.pad-btn{width:45px;height:45px;background:transparent;border:1px solid var(--green);color:var(--green);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.pad-btn.up{grid-area:up}.pad-btn.left{grid-area:left}.pad-btn.right{grid-area:right}.pad-btn.down{grid-area:down}.actions{display:flex;flex-direction:column;gap:4px;width:90px}.action-btn{width:100%;padding:6px;background:transparent;border:1px solid var(--green);color:var(--green);font-family:var(--font);font-size:.8rem;font-weight:700;cursor:pointer;text-align:center;border-radius:4px}.action-btn.disabled{border-style:dotted;color:var(--gray);border-color:var(--gray);cursor:default;opacity:.6}.action-btn.accent{border-color:#fff;color:#fff}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100}.overlay-content{text-align:center;border:2px solid var(--green);padding:30px;background:var(--bg)}.inventory-container{width:90%;max-width:500px;height:85%;border:2px solid var(--green);background:var(--bg);display:flex;flex-direction:column}.inv-header{padding:10px;border-bottom:1px solid var(--green);display:flex;justify-content:space-between;align-items:center}.header-btns{display:flex;gap:15px;align-items:center}.close-btn{background:transparent;border:1px solid var(--green);color:var(--green);font-size:1.5rem;width:32px;height:32px;display:flex;justify-content:center;align-items:center;cursor:pointer}.trash-btn{background:transparent;border:1px solid var(--gray);color:var(--gray);font-size:1.2rem;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:4px;touch-action:none}.trash-btn.over{border-color:var(--green);background:var(--dark-green);color:var(--green)}.inv-body{flex:1;display:flex;overflow:hidden;padding:10px;gap:10px}.inv-grid{flex:1;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(9,1fr);gap:4px}.inv-slot{border:1px solid var(--dark-green);font-size:.7rem;display:flex;align-items:center;padding:0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:grab;touch-action:none}.inv-slot *{pointer-events:none}.slot-icon{width:20px;height:20px;margin-right:8px;image-rendering:pixelated}.inv-slot:hover{border-color:var(--green)}.inv-slot.dragging{opacity:.5;background:var(--dark-green);border-style:dashed}.inv-slot.drag-over{background:#00ff001a;border-color:#fff}.drag-ghost{position:fixed;pointer-events:none;z-index:9999;background:var(--dark-green);color:var(--green);border:1px solid var(--green);padding:5px 10px;font-size:.8rem;opacity:.8;white-space:nowrap;display:flex;align-items:center;justify-content:center;min-height:40px;box-shadow:0 4px 10px #00000080}.icon-btn{background:transparent;border:1px solid var(--green);color:var(--green);padding:4px 8px;cursor:pointer;font-size:.8rem;font-family:var(--font)}.icon-btn.off{color:var(--gray);border-color:var(--gray)}.about-box{max-width:85%;line-height:1.6}.about-box p{font-size:.9rem;margin-bottom:20px}#pwa-banner{position:fixed;bottom:0;left:0;right:0;background:var(--dark-green);border-top:2px solid var(--green);color:#fff;padding:15px;z-index:1000;font-size:.9rem}#pwa-content{display:flex;justify-content:space-between;align-items:center;max-width:600px;margin:0 auto;gap:10px}#pwa-actions{display:flex;gap:10px;align-items:center}#pwa-install-btn{white-space:nowrap;padding:8px 15px;min-width:auto}#pwa-close-btn{font-size:1.5rem;color:var(--gray);cursor:pointer;background:transparent;border:none}