:root{--green: #00ff00;--dark-green: #004400;--gray: #666;--bg: #000;--font: "DotGothic16", monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background:var(--bg);color:var(--green);font-family:var(--font);overflow:hidden;height:100vh;width:100vw}#app{display:flex;flex-direction:column;height:100%;width:100%}#status-bar{height:14%;border-bottom:2px solid var(--green);padding:5px 10px;display:flex;flex-direction:column;justify-content:space-around;background:#001400cc}#top-row{width:100%;display:flex;justify-content:flex-start;gap:20px}.score-item{font-size:1rem;color:#fff}#stats{width:100%;display:flex;flex-direction:column;gap:2px}.stats-row{width:100%;display:flex;justify-content:space-between;align-items:center}.status-item{font-size:.85rem;white-space:nowrap}.label{color:var(--green);font-weight:700}#top-controls{position:absolute;top:5px;right:10px;display:flex;gap:8px}.icon-btn{background:transparent;border:1px solid var(--green);color:var(--green);font-size:1rem;font-family:var(--font);padding:5px;border-radius:4px;cursor:pointer;width:42px;height:42px;display:flex;justify-content:center;align-items:center;transition:all .2s}.icon-btn.off{border-color:var(--gray);color:var(--gray);opacity:.6}#game-view{height:56%;position:relative;border-bottom:2px solid var(--green)}#view-canvas{width:100%;height:100%;display:block}#floor-display{position:absolute;top:10px;right:15px;background:#0009;padding:2px 8px;border:1px solid var(--green);font-size:1.1rem;pointer-events:none;text-shadow:1px 1px #000;z-index:10}#reticle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--dark-green);font-size:2rem;pointer-events:none}#message-log{position:absolute;bottom:10px;left:10px;right:10px;height:60px;pointer-events:none;overflow:hidden;display:flex;flex-direction:column-reverse}.message{font-size:.8rem;margin-top:2px;animation:fadeIn .3s ease-out;text-shadow:2px 2px #000}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}#ui-panel{height:30%;display:flex;background:#000}#map-area{width:35%;height:100%;border-right:2px solid var(--green);padding:5px}.about-box{max-width:85%;line-height:1.6}.about-box p{font-size:.9rem;margin-bottom:20px}#map-canvas{width:100%;height:100%}#control-area{width:65%;height:100%;display:flex;justify-content:space-around;align-items:center;padding:5px}.diamond-pad{position:relative;width:110px;height:110px}.pad-btn{position:absolute;width:36px;height:36px;background:transparent;border:1.5px solid var(--green);color:var(--green);font-size:1.2rem;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:4px}.pad-btn:active{background:var(--green);color:#000}.pad-btn.up{top:0;left:50%;transform:translate(-50%)}.pad-btn.down{bottom:0;left:50%;transform:translate(-50%)}.pad-btn.left{top:50%;left:0;transform:translateY(-50%)}.pad-btn.right{top:50%;right:0;transform:translateY(-50%)}.actions{display:flex;flex-direction:column;gap:12px}.action-btn{background:transparent;border:2px solid var(--green);color:var(--green);padding:8px 12px;font-family:var(--font);font-weight:700;cursor:pointer;min-width:64px;border-radius:4px}.action-btn:active{background:var(--green);color:#000}.action-btn.accent{border-color:#fff;color:#fff;font-size:.9rem}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:200;display:flex;justify-content:center;align-items:center;padding:10px}.overlay-content{text-align:center;border:2px solid var(--green);padding:30px;background:#000}.overlay-content h2{font-size:2rem;margin-bottom:20px;color:red}#rest-title{color:#0ff}.inventory-container{border:2px solid var(--green);background:#000;width:100%;max-width:500px;height:80%;display:flex;flex-direction:column;position:relative}.inv-header{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid var(--green)}.header-btns{display:flex;gap:15px;align-items:center}.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:red;background:#f003;transform:scale(1.1)}.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}.inv-body{flex:1;display:flex;overflow:hidden;padding:10px;gap:10px}.inv-section{flex:1;display:flex;flex-direction:column}.inv-section h3{font-size:.8rem;margin-bottom:5px;border-bottom:1px solid var(--dark-green)}.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}@media (max-height: 500px){#status-bar{height:15%}#game-view{height:50%}#ui-panel{height:35%}.diamond-pad{width:100px;height:100px}.pad-btn{width:32px;height:32px}}