:root{--bg-color:#1a1a1a;--game-bg:#000;--text-color:#aaa;--border-color:#333}html,body{background-color:var(--bg-color);touch-action:manipulation;width:100%;min-height:100vh;margin:0;padding:0;font-family:Courier New,Courier,monospace;font-size:.85rem}*{box-sizing:border-box}#game-container{background-color:var(--game-bg);width:100%;max-width:480px;min-height:100vh;color:var(--text-color);flex-direction:column;margin:0 auto;display:flex;position:relative;box-shadow:0 0 20px #00000080}.status-bar{flex-direction:column;gap:4px;padding-bottom:6px;font-weight:700;display:flex;& .resource-panel{background:#111;border:1px solid #333;border-radius:4px;margin-bottom:4px;padding:4px;& .resource-row{align-items:center;margin-bottom:0;display:flex;&:last-of-type{margin-bottom:0}}& .resource-label{width:45px;font-family:monospace;font-weight:700;&.hp-label{color:#f77}&.mp-label{color:#77f}&.exp-label{color:#7f7}}& .resource-bar-wrap{background-color:#222;border:1px solid #444;border-radius:4px;flex-grow:1;height:12px;position:relative;overflow:hidden}& .resource-fill{height:100%;transition:width .3s;&.hp-fill{background-color:#a33}&.mp-fill{background-color:#33a}&.exp-fill{background-color:#383}}& .resource-text{color:#fff;text-shadow:1px 1px #000;justify-content:center;align-items:center;width:100%;height:100%;font-family:monospace;display:flex;position:absolute;top:0;left:0}& .gold-row{justify-content:flex-end;align-items:center;gap:8px;padding:4px 0;font-family:Courier New,Courier,monospace;font-size:.9rem;display:flex;& .pot-text{&.hp-text{color:#faa}&.mp-text{color:#aaf;margin-right:4px}}& .gold-text{color:#ed8}}}}.stats-window{width:100%;padding:10px}.sub-stats,.real-stats{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.btn-stat{color:#0f0;cursor:pointer;background:0 0;border:none;padding:0 4px;font-family:inherit;font-weight:700;display:none;&:hover{color:#fff}}.stat-points-alert{color:#ff0;text-align:center;margin-top:4px;display:none}#monster-status-bar{flex-direction:column;gap:4px;display:flex}.monster-row{cursor:pointer;background:#111;border:1px solid #222;border-radius:4px;justify-content:space-between;align-items:center;padding:4px 8px;display:flex;&:hover:not(.empty){background:#1a1a1a}&.is-target{background:#150505;border-color:#522;& .monster-name{color:#faa;font-weight:700}& .monster-hp-fill{background-color:#a33}}&.empty{cursor:default;border:1px dashed #333;& .monster-name,& .monster-hp-text{color:#555}& .monster-hp-wrap{background-color:#1a1a1a;border-color:#333}}}.monster-name{color:#755;white-space:nowrap;margin-right:15px;font-family:Courier New,Courier,monospace}.monster-hp-wrap{background-color:#222;border:1px solid #444;border-radius:4px;width:120px;height:16px;position:relative;overflow:hidden}.monster-hp-fill{background-color:#633;height:100%;transition:width .2s ease-in-out}.monster-hp-text{color:#fff;text-shadow:1px 1px #000;justify-content:center;align-items:center;width:100%;height:100%;font-family:Courier New,Courier,monospace;font-size:.75rem;display:flex;position:absolute;top:0;left:0}.dungeon-panel{text-align:center;background-color:#111;border-bottom:1px dashed #555;padding:12px;display:none}.dungeon-label{color:#fc0;margin-bottom:10px;font-family:monospace;font-size:.9rem}.dungeon-buttons{justify-content:center;gap:10px;display:flex}.btn-dungeon{color:#fff;cursor:pointer;background:#222;border:1px solid #777;padding:6px 12px;font-family:monospace}.btn-dungeon:hover{background:#333;border-color:#fff}.btn-dungeon:active{background:#000}.log-header{border-bottom:1px dashed var(--text-color,#aaa);justify-content:space-between;align-items:center;padding:8px 0;font-size:.9rem;font-weight:700;display:flex}.log-window{background-color:#111;flex-direction:column;flex:1;max-height:200px;padding:10px;font-family:monospace;font-size:.95rem;line-height:1.5;display:flex;overflow-y:auto}.log-window.collapsed{display:none}.log-window::-webkit-scrollbar{display:none}.shop-panel{background-color:#111;border:1px dashed #555;margin-bottom:10px;padding:10px}.shop-panel h3{color:#ddd;margin-top:0;margin-bottom:10px;font-size:1rem}.shop-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.shop-row:last-child{margin-bottom:0}.shop-item{flex:1;font-size:.9rem}.shop-item.hp-text{color:#faa}.shop-item.mp-text{color:#aaf}.shop-btn{color:#fff;cursor:pointer;background:#222;border:1px solid #444;border-radius:4px;padding:4px 8px;font-family:inherit;font-size:.8rem}.shop-btn:hover{background:#333;border-color:#666}.action-btn{cursor:pointer;border:1px solid #444;border-radius:4px;padding:8px 12px;font-family:inherit;font-weight:700}.action-btn:hover{filter:brightness(1.2)}.controls{border-top:1px dashed var(--text-color,#aaa);grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;padding-bottom:10px;display:grid}.controls button{color:var(--text-color,#fff);border:1px solid var(--text-color,#fff);cursor:pointer;text-align:center;background-color:#0000;padding:12px;font-family:inherit;font-size:1rem;font-weight:700}.controls button:hover{background-color:#ffffff1a}.controls button:active{background-color:var(--text-color,#fff);color:var(--game-bg,#000)}.game-wrapper{box-sizing:border-box;flex-direction:column;width:100%;max-width:600px;margin:0 auto;padding:10px;display:flex;& .log-header{border-bottom:1px dashed var(--text-color,#aaa);justify-content:space-between;align-items:center;padding:8px 0;font-size:.9rem;font-weight:700;display:flex;& #btn-toggle-log{color:#fff;cursor:pointer;background:#222;border:1px solid #777;padding:4px 8px;font-family:monospace;&:hover{background:#333;border-color:#fff}&:active{background:#000;border-color:#555}}}& .dungeon-panel{text-align:center;background-color:#111;border-bottom:1px dashed #555;padding:12px;display:none;& .dungeon-label{color:#fc0;margin-bottom:10px;font-family:monospace;font-size:.9rem}& .dungeon-buttons{justify-content:center;gap:10px;display:flex;& .btn-dungeon{color:#fff;cursor:pointer;background:#222;border:1px solid #777;padding:6px 12px;font-family:monospace;&:hover{background:#333;border-color:#fff}&:active{background:#000}}}}& .log-window{flex-direction:column;flex:1;padding:10px 0;font-family:monospace;font-size:.95rem;line-height:1.5;display:flex;overflow-y:auto;&.collapsed{display:none}&::-webkit-scrollbar{display:none}-ms-overflow-style:none;scrollbar-width:none}& .shop-panel{background-color:#111;border:1px dashed #555;margin-bottom:10px;padding:10px;& h3{color:#ddd;margin-top:0;margin-bottom:10px;font-size:1rem}& .shop-row{align-items:center;gap:10px;margin-bottom:8px;display:flex;&:last-child{margin-bottom:0}& .shop-item{flex:1;font-size:.9rem;&.hp-text{color:#faa}&.mp-text{color:#aaf}}& .shop-btn{color:#fff;cursor:pointer;background:#222;border:1px solid #444;border-radius:4px;padding:4px 8px;font-family:inherit;font-size:.8rem;&:hover{background:#333;border-color:#666}}}}& .controls{border-top:1px dashed var(--text-color,#aaa);grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;padding-bottom:10px;display:grid;& button{color:var(--text-color,#fff);border:1px solid var(--text-color,#fff);cursor:pointer;text-align:center;background-color:#0000;padding:12px;font-family:inherit;font-size:1rem;font-weight:700;&:hover{background-color:#ffffff1a}&:active{background-color:var(--text-color,#fff);color:var(--game-bg,#000)}}}}.panel{box-sizing:border-box;background-color:#111;border:1px solid #444;flex-shrink:0;width:100%;min-width:100%;margin-bottom:10px}.panel-header{background-color:#2a2a2a;border-bottom:1px solid #444;justify-content:space-between;align-items:center;padding:5px 10px;display:flex}.panel-header span{color:#ddd;font-weight:700}.panel-header button{color:#aaa;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}.panel-header button:hover{color:#fff}