*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#2a2a2a;color:#fff;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#app{width:100vw;height:100vh;position:relative;display:flex;flex-direction:column;overflow:hidden}#gameCanvas{flex:1;width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;pointer-events:auto}.inventory{position:fixed;bottom:0;left:0;right:0;background:#000c;border-top:2px solid #555;padding:12px;z-index:100}.inventory-title{text-align:center;font-size:14px;margin-bottom:8px;color:#aaa;text-transform:uppercase;letter-spacing:1px}.inventory-slots{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.inventory-slot{width:60px;height:60px;border:2px solid #555;background:#1a1a1a;border-radius:4px;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s}.inventory-slot:hover{border-color:#888}.inventory-slot.empty{border-style:dashed;border-color:#333}.inventory-slot canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.inventory-slot.rare{border-color:#8b5cf6}.inventory-slot.legendary{border-color:#f59e0b;box-shadow:0 0 8px #f59e0b4d}.observation-buttons{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:20px;padding:20px;z-index:200;pointer-events:auto;padding-bottom:max(20px,env(safe-area-inset-bottom,20px))}.obs-button{min-width:140px;height:60px;border:2px solid;border-radius:8px;font-size:18px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s;min-height:44px;padding:12px 24px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.obs-button:active{transform:scale(.95);opacity:.8}.obs-button-back{background:#555;border-color:#777}.obs-button-back:hover{background:#666;border-color:#888}.obs-button-back:active{background:#444}.obs-button-drop{background:#8a3a3a;border-color:#aa5a5a}.obs-button-drop:hover{background:#9a4a4a;border-color:#ba6a6a}.obs-button-drop:active{background:#7a2a2a}