:root{--bg-base:#0d0d0d;--bg-panel:#151515;--bg-header:#222;--border-main:#333;--border-light:#444;--text-main:#ddd;--text-muted:#888;--accent-gold:#b8860b}html,body{touch-action:manipulation;background-color:#050505;width:100%;min-height:100vh;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.85rem}*{box-sizing:border-box}#game-container{background-color:var(--bg-base);width:100%;max-width:480px;min-height:100vh;color:var(--text-main);flex-direction:column;margin:0 auto;display:flex;position:relative;box-shadow:0 0 30px #000000e6}.status-bar{flex-direction:column;gap:4px;padding-bottom:6px;font-weight:700;display:flex}.resource-panel{background:var(--bg-panel);border:1px solid var(--border-main);border-radius:4px;margin-bottom:4px;padding:6px}.resource-row{align-items:center;margin-bottom:2px;display:flex}.resource-row:last-of-type{margin-bottom:0}.resource-label{width:45px;font-family:monospace;font-weight:700}.hp-label{color:#b55}.mp-label{color:#55b}.exp-label{color:#595}.resource-bar-wrap{background-color:var(--bg-header);border:1px solid var(--border-main);border-radius:3px;flex-grow:1;height:14px;position:relative;overflow:hidden}.resource-fill{height:100%}.hp-fill{background-color:#8a2828}.mp-fill{background-color:#28288a}.exp-fill{background-color:#286a28}.resource-text{color:#fff;text-shadow:1px 1px 2px #000;justify-content:center;align-items:center;width:100%;height:100%;font-family:Courier New,monospace;font-size:.75rem;display:flex;position:absolute;top:0;left:0}.gold-row{justify-content:flex-end;align-items:center;gap:10px;padding:6px 4px 0 0;font-family:monospace;font-size:.9rem;display:flex}.gold-text{color:var(--accent-gold);font-weight:700}.stats-window{width:100%;padding:10px}.sub-stats{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.real-stats{grid-template-columns:repeat(4,1fr);gap:8px 4px;font-size:.85rem;display:grid}.real-stats>span{white-space:nowrap}.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}.inven-window{background-color:var(--bg-panel);padding:10px}.inven-list{-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;gap:6px;max-height:250px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.inven-list::-webkit-scrollbar{display:none}.inven-item{border:1px solid var(--border-main);background-color:var(--bg-header);color:var(--text-main);cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.85rem;transition:all .2s;display:flex}.inven-item:hover{border-color:var(--accent-gold);color:#fff;background-color:#2a251a}.inven-empty{text-align:center;color:var(--text-muted);padding:15px 0}.monster-window{background-color:#111;padding:10px}#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}.btn-dungeon{background-color:var(--bg-header);color:var(--text-main);border:1px solid var(--border-light);cursor:pointer;letter-spacing:1px;border-radius:4px;padding:14px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s}.btn-dungeon:hover{border-color:var(--accent-gold);color:#fff;background-color:#2a251a;transform:translateY(-1px)}.btn-dungeon:active{transform:translateY(1px)}.log-header{border-bottom:1px solid var(--border-main);color:var(--text-muted);justify-content:space-between;align-items:center;padding:8px 0;font-size:.85rem;display:flex}.log-window{background-color:var(--bg-base);flex-direction:column;flex:1;max-height:250px;padding:10px;font-size:.9rem;line-height:1.6;display:flex;overflow-y:auto}.log-window.collapsed{display:none}.log-window::-webkit-scrollbar{display:none}.shop-panel{border-top:1px solid var(--border-main);background-color:var(--bg-panel);padding:15px}.shop-panel h3{color:var(--text-main);margin-top:0;margin-bottom:12px;font-size:1rem}.shop-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.shop-row:last-child{margin-bottom:0}.shop-item{flex:1;font-size:.9rem;font-weight:700}.hp-text{color:#b55}.mp-text{color:#55b}.shop-btn{background:var(--bg-header);color:var(--text-main);border:1px solid var(--border-light);cursor:pointer;border-radius:4px;padding:6px 10px;font-family:inherit;font-size:.85rem;transition:all .2s}.shop-btn:hover{border-color:var(--accent-gold);color:#fff;background:#2a251a}.combat-potion-panel{justify-content:center;gap:10px;margin-bottom:10px;display:none}.combat-potion-panel button{flex:1}.controls{border-top:1px dashed var(--text-color,#aaa);gap:8px;padding-top:10px;padding-bottom:10px;display:grid}.action-btn{text-align:center;cursor:pointer;border-radius:4px;padding:12px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s ease-in-out}.action-btn:hover{filter:brightness(1.2)}.action-btn:active{transform:scale(.97)}.btn-hp{color:#faa;background-color:#5a2a2a;border:1px solid #7a4a4a}.btn-mp{color:#aaf;background-color:#2a2a5a;border:1px solid #4a4a7a}.btn-return{color:#fff;background-color:#522;border:1px solid #733;width:100%;display:none}:root{--bg-base:#0d0d0d;--bg-panel:#151515;--bg-header:#222;--border-main:#333;--border-light:#444;--text-main:#ddd;--text-muted:#888;--accent-gold:#b8860b;--nav-active:#fc0}body,html{background-color:var(--bg-base);color:var(--text-main);margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.game-wrapper{background-color:var(--bg-base);flex-direction:column;width:100%;max-width:768px;height:100vh;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 0 20px #000c}.panel{box-sizing:border-box;background-color:var(--bg-panel);border:1px solid var(--border-main);border-radius:6px;flex-shrink:0;width:100%;margin-bottom:12px;overflow:hidden}.panel-header{background-color:var(--bg-header);border-bottom:1px solid var(--border-main);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.panel-header span{color:var(--text-main);letter-spacing:.5px;font-size:.95rem;font-weight:700}.panel-header button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.85rem;transition:color .2s}.panel-header button:hover{color:#fff}.top-bar-fixed{flex-shrink:0;padding:10px 10px 0}.log-fixed-area{flex-shrink:0;padding:0 10px}.tab-content-area{flex-grow:1;padding:10px;overflow-y:auto}.tab-content-area::-webkit-scrollbar{width:6px}.tab-content-area::-webkit-scrollbar-track{background:var(--bg-base)}.tab-content-area::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.tab-content{display:none}.tab-content.active{animation:.2s ease-in-out fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.bottom-nav-fixed{background-color:var(--bg-panel);border-top:1px solid var(--border-light);flex-shrink:0;display:flex}.nav-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:16px 0;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.nav-btn.active{color:#fff;background-color:var(--bg-header);border-top:2px solid var(--nav-active);margin-top:-1px}.dungeon-btn-group{flex-direction:column;gap:10px;padding:15px;display:flex}.village-desc{color:var(--text-muted);text-align:center;padding:15px;font-size:.9rem}.empty-state-text{text-align:center;color:var(--text-muted);padding:20px}.sell-btn-wrapper{padding:0 15px 15px}.btn-sell{color:var(--accent-gold);border:1px solid var(--accent-gold);background-color:#3a2a11;width:100%}.btn-sell:hover{background-color:var(--accent-gold);color:#fff}.settings-group{flex-direction:column;gap:10px;padding:20px;display:flex}.settings-desc{text-align:center;color:var(--text-muted);margin-top:0;font-size:.85rem}.btn-save{color:#6a6;background-color:#1a2a1a;border:1px solid #363}.btn-reset{color:#a66;background-color:#2a1a1a;border:1px solid #733}