*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0a;--panel-bg: #111;--border: #333;--text: #ccc;--dim: #555;--accent: #0ae;--hp: #0f0;--hp-dim: #060;--gold: #fc0;--highlight: rgba(0, 170, 238, .15);--danger: #e33}html,body{overscroll-behavior:none}body{background:var(--bg);color:var(--text);font-family:Courier New,Consolas,Monaco,monospace;font-size:14px;line-height:1.3;overflow:hidden;height:100vh;width:100vw;touch-action:manipulation;-webkit-user-select:none;user-select:none}#app{width:100%;height:100%;display:flex;flex-direction:column}.hidden{display:none!important}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100}.panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:4px;padding:20px;min-width:320px;max-width:90vw;max-height:85vh;overflow-y:auto;box-shadow:0 0 30px #00000080}.menu-panel{text-align:center;min-width:360px}.menu-panel h1{font-size:32px;color:var(--accent);margin-bottom:4px;letter-spacing:6px}.subtitle{color:var(--dim);font-size:12px;margin-bottom:12px}.menu-panel hr{border:none;border-top:1px solid var(--border);margin:12px 0}.menu-btn{display:block;width:100%;padding:10px 16px;margin:4px 0;background:transparent;border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:14px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.menu-btn:hover,.menu-btn:focus{background:var(--highlight);border-color:var(--accent);outline:none}.footer-hint,.hint{margin-top:12px;font-size:11px;color:var(--dim)}#game-layout{display:flex;height:100vh;width:100vw}#game-area{flex:1;display:flex;flex-direction:column;min-width:0}#game-canvas{display:block;width:100%;flex:1;image-rendering:pixelated;cursor:default}#message-log{height:100px;min-height:80px;background:var(--panel-bg);border-top:1px solid var(--border);padding:6px 10px;overflow-y:auto;font-size:12px;line-height:1.4}#message-log .msg{color:var(--text)}#message-log .msg-combat{color:var(--gold)}#message-log .msg-danger{color:var(--danger)}#message-log .msg-heal{color:var(--hp)}#message-log .msg-info{color:var(--accent)}#message-log .msg-dim{color:var(--dim)}#sidebar{width:240px;min-width:200px;border-left:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}#sidebar .panel{border:none;border-radius:0;padding:10px 12px;min-width:auto;max-width:none;box-shadow:none;border-bottom:1px solid var(--border)}#sidebar h3{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--dim);margin-bottom:6px}#status-content,#stats-content{font-size:12px;line-height:1.6}.stat-row{display:flex;justify-content:space-between}.hp-bar{display:inline-block;width:80px;height:10px;background:var(--hp-dim);border:1px solid var(--border);vertical-align:middle;margin-left:4px}.hp-fill{height:100%;background:var(--hp);transition:width .2s}.inventory-panel{min-width:400px}.inventory-panel h2{margin-bottom:10px;color:var(--accent)}.inv-item{padding:4px 8px;cursor:pointer;border:1px solid transparent;margin:1px 0}.inv-item:hover,.inv-item.selected{background:var(--highlight);border-color:var(--accent)}.inv-item .idx{color:var(--dim);margin-right:8px}.inv-item .equipped{color:var(--gold);font-size:10px}.leaderboard-panel h2{color:var(--gold);margin-bottom:10px}.leaderboard-table{width:100%;border-collapse:collapse;font-size:12px}.leaderboard-table th{color:var(--dim);text-align:right;padding:2px 6px;border-bottom:1px solid var(--border);font-weight:400}.leaderboard-table th:first-child{text-align:center}.leaderboard-table th:nth-child(2){text-align:left}.leaderboard-table td{text-align:right;padding:2px 6px}.leaderboard-table td:first-child{text-align:center}.leaderboard-table td:nth-child(2){text-align:left}.leaderboard-table tr:nth-child(1) td{color:var(--gold)}.leaderboard-table tr:nth-child(2) td{color:#aaa}.leaderboard-table tr:nth-child(3) td{color:#c60}.controls-panel h2{color:var(--accent);margin-bottom:12px}.controls-table{width:100%;border-collapse:collapse}.controls-table td{padding:4px 8px;border-bottom:1px solid var(--border)}.controls-table td:first-child{white-space:nowrap;text-align:right;width:120px}kbd{display:inline-block;padding:1px 6px;margin:0 2px;background:#222;border:1px solid var(--border);border-radius:3px;font-family:inherit;font-size:12px;color:var(--accent)}.gameover-panel{text-align:center;min-width:360px}.gameover-panel h2{font-size:28px;margin-bottom:12px}#gameover-title.victory{color:var(--gold)}#gameover-title.defeat{color:var(--danger)}#gameover-stats{font-size:13px;line-height:1.8;margin:12px 0}.battle-panel{text-align:center;min-width:420px}.battle-panel h2{color:var(--danger);font-size:20px;letter-spacing:4px;margin-bottom:12px}#battle-scene{display:flex;align-items:center;justify-content:center;gap:24px;margin:12px 0}.battle-side{display:flex;flex-direction:column;align-items:center;gap:6px}.battle-emoji{font-size:48px;line-height:1}.battle-vs{font-size:28px;color:var(--gold)}.battle-hp-bar-container{display:flex;align-items:center;gap:6px}.battle-hp-bar{width:100px;height:12px;background:var(--hp-dim);border:1px solid var(--border);border-radius:2px;overflow:hidden}.battle-hp-fill{height:100%;background:var(--hp);transition:width .2s}.battle-hp-text{font-size:12px;color:var(--text);min-width:44px;text-align:left}#battle-log{background:#0a0a0a;border:1px solid var(--border);padding:6px 10px;min-height:72px;max-height:90px;overflow-y:auto;font-size:12px;text-align:left;line-height:1.5;margin:8px 0}.battle-log-msg{color:var(--text)}.battle-log-hit{color:var(--gold)}.battle-log-miss{color:var(--dim)}.battle-log-damage{color:var(--danger)}.battle-log-heal{color:var(--hp)}.battle-log-flee{color:var(--accent)}.battle-log-win{color:var(--gold);font-weight:700}.battle-log-lose{color:var(--danger);font-weight:700}#battle-actions{display:flex;gap:8px;justify-content:center}.battle-btn{text-align:center!important;width:auto!important;padding:8px 16px!important;flex:1}.sidebar-help{padding:4px 6px!important}.help-btn{font-size:11px!important;padding:6px 10px!important;text-align:center!important}.menu-focused{background:var(--highlight)!important;border-color:var(--accent)!important;outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.mode-indicator{position:absolute;top:8px;right:260px;font-size:11px;color:var(--gold);padding:2px 8px;background:#000000b3;border:1px solid var(--gold);border-radius:3px;z-index:10}#mobile-controls{position:fixed;inset:auto 0 0 0;display:flex;justify-content:space-between;align-items:flex-end;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:50;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}#mobile-controls .mc-btn{pointer-events:auto}#sidebar-toggle{display:none;position:fixed;top:8px;right:8px;z-index:45;width:40px;height:40px;font-size:20px;background:#141414d9;border:1px solid var(--border);border-radius:8px;color:var(--accent);cursor:pointer}#mc-dpad{display:grid;grid-template-columns:56px 56px 56px;grid-template-rows:56px 56px 56px;gap:4px}.mc-btn{width:56px;height:56px;font-size:20px;background:#141414d9;border:1px solid var(--border);border-radius:10px;color:var(--text);display:flex;align-items:center;justify-content:center;font-family:inherit;cursor:pointer}.mc-btn:active{background:var(--highlight);border-color:var(--accent)}.mc-up{grid-column:2;grid-row:1}.mc-left{grid-column:1;grid-row:2}.mc-center{grid-column:2;grid-row:2;font-size:24px}.mc-right{grid-column:3;grid-row:2}.mc-down{grid-column:2;grid-row:3}#mc-actions{display:flex;flex-direction:column;gap:8px}#mc-flee,#mc-quit{width:auto;padding:0 14px;font-size:14px;border-radius:10px}#mc-flee{color:var(--danger)}#mc-quit{color:var(--dim)}@media(max-width:900px){body{font-size:13px}#sidebar{position:fixed;right:0;top:0;bottom:0;width:220px;z-index:40;transform:translate(100%);transition:transform .2s;background:var(--panel-bg)}#sidebar.open{transform:translate(0)}.mode-indicator{right:10px}#sidebar-toggle{display:block}#mobile-controls{display:flex}.menu-panel,.gameover-panel,.battle-panel,.inventory-panel,.leaderboard-panel{min-width:0;width:92vw}#message-log{height:90px}}@media(max-width:600px){body{font-size:12px}#game-layout{flex-direction:column}#game-area{flex:1}#sidebar{width:100%;height:40%;top:auto;bottom:0;flex-direction:row;flex-wrap:wrap}#sidebar .panel{flex:1;min-width:45%}.panel{padding:14px}.menu-panel h1{font-size:24px;letter-spacing:3px}.menu-btn{font-size:13px;padding:9px 12px}#mc-dpad{grid-template-columns:46px 46px 46px;grid-template-rows:46px 46px 46px}.mc-btn{width:46px;height:46px;font-size:17px}.mc-center{font-size:20px}#mc-flee,#mc-quit{font-size:12px}.battle-emoji{font-size:38px}.battle-hp-bar{width:70px;height:10px}.battle-vs{font-size:22px}#battle-scene{gap:12px}}@media(max-width:600px)and (orientation:landscape){#sidebar{height:100%;width:45%}#mobile-controls{padding:6px 8px}#mc-dpad{grid-template-columns:40px 40px 40px;grid-template-rows:40px 40px 40px}.mc-btn{width:40px;height:40px;font-size:14px}.mc-center{font-size:17px}#mc-flee,#mc-quit{font-size:11px;padding:0 8px}#message-log{height:60px;font-size:11px}}@media(min-width:901px){#mobile-controls{display:none!important}}@media(hover:none),(pointer:coarse){#mobile-controls{display:flex}}@media(hover:hover)and (pointer:fine){#mobile-controls{display:none}}