*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0a0a0f;--bg-panel: #12121a;--bg-card: #1a1a2e;--bg-highlight: #252540;--text-primary: #e0e0e0;--text-secondary: #8888aa;--text-dim: #555570;--accent-gold: #d4a844;--accent-red: #cc4444;--accent-green: #44aa44;--accent-blue: #4488cc;--accent-purple: #8844cc;--accent-orange: #cc8844;--border-color: #2a2a40;--hp-bar: #44aa44;--hp-bar-bg: #1a3a1a;--mp-bar: #4488cc;--mp-bar-bg: #1a2a3a;--xp-bar: #d4a844;--xp-bar-bg: #2a2a1a}html,body{height:100%;font-family:Courier New,Courier,monospace;background:var(--bg-dark);color:var(--text-primary);overflow:hidden;-webkit-text-size-adjust:100%}button,select,input{touch-action:manipulation}#app{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:1200px;margin:0 auto;padding:8px;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:8px}.header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:4px;flex-shrink:0}.header h1{font-size:1.2rem;color:var(--accent-gold);letter-spacing:2px}.header-info{display:flex;gap:20px;font-size:.85rem}.header-info span{color:var(--text-secondary)}.header-info .value{color:var(--accent-gold);font-weight:700}.main-area{display:flex;gap:8px;flex:1;min-height:0}.dungeon-panel{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.dungeon-view{flex:1;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:4px;padding:16px;display:flex;flex-direction:column;gap:8px;min-height:0}.dungeon-view .room-title{font-size:1rem;color:var(--accent-gold);border-bottom:1px solid var(--border-color);padding-bottom:6px}.dungeon-view .room-description{color:var(--text-secondary);font-size:.8rem;font-style:italic;line-height:1.4}.dungeon-view .room-content{flex:1;overflow-y:auto;font-size:.85rem;line-height:1.6}.enemy-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.enemy-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center}.enemy-card.dead{opacity:.4;text-decoration:line-through}.enemy-name{font-weight:700}.enemy-hp{color:var(--accent-red);font-size:.8rem}.combat-log{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:4px;padding:8px 12px;height:150px;overflow-y:auto;font-size:.75rem;line-height:1.5;flex-shrink:0}.combat-log .log-entry{color:var(--text-secondary);padding:1px 0}.combat-log .log-entry.damage{color:var(--accent-red)}.combat-log .log-entry.heal{color:var(--accent-green)}.combat-log .log-entry.info{color:var(--accent-blue)}.combat-log .log-entry.gold{color:var(--accent-gold)}.combat-log .log-entry.level{color:var(--accent-purple)}.combat-log .log-entry.important{color:var(--accent-gold);font-weight:700}.event-log-list{max-height:50vh;overflow-y:auto;padding:8px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:4px;font-size:.75rem;line-height:1.6}.event-log-entry{color:var(--text-secondary);padding:1px 4px}.event-log-entry.damage{color:var(--accent-red)}.event-log-entry.heal{color:var(--accent-green)}.event-log-entry.info{color:var(--accent-blue)}.event-log-entry.gold{color:var(--accent-gold)}.event-log-entry.level{color:var(--accent-purple)}.event-log-entry.important{color:var(--accent-gold);font-weight:700}.party-panel{width:280px;display:flex;flex-direction:column;gap:8px;flex-shrink:0;overflow-y:auto}.char-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:4px;padding:10px 12px}.char-card.dead{opacity:.5}.char-card .char-name{font-size:.85rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.char-card .char-class{font-size:.7rem;color:var(--text-secondary);margin-bottom:6px}.stat-bar{height:12px;background:var(--hp-bar-bg);border-radius:2px;margin:3px 0;position:relative;overflow:hidden}.stat-bar .bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.stat-bar .bar-label{position:absolute;top:0;left:0;right:0;height:100%;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:var(--text-primary);text-shadow:0 0 3px rgba(0,0,0,.8)}.stat-bar.hp .bar-fill{background:var(--hp-bar)}.stat-bar.mp{background:var(--mp-bar-bg)}.stat-bar.mp .bar-fill{background:var(--mp-bar)}.stat-bar.xp{background:var(--xp-bar-bg);height:8px}.stat-bar.xp .bar-fill{background:var(--xp-bar)}.char-stats{display:flex;gap:6px;margin-top:4px;font-size:.65rem;color:var(--text-dim);flex-wrap:wrap}.char-stats span{background:var(--bg-card);padding:1px 4px;border-radius:2px}.action-bar{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.action-bar button{flex:1;min-width:100px;padding:8px 12px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:.8rem;cursor:pointer;transition:all .15s}.action-bar button:hover,.action-bar button:active{background:var(--bg-highlight);border-color:var(--accent-gold);color:var(--accent-gold)}.action-bar button:disabled{opacity:.4;cursor:not-allowed}.action-bar button:disabled:hover{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px;text-align:center}.start-screen h1{font-size:2.5rem;color:var(--accent-gold);letter-spacing:6px}.start-screen .tagline{color:var(--text-secondary);font-style:italic;font-size:.9rem}.start-screen .menu-buttons{display:flex;flex-direction:column;gap:12px;margin-top:20px}.start-screen .menu-buttons button{padding:12px 40px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:1rem;cursor:pointer;transition:all .15s;min-width:200px}.start-screen .menu-buttons button:hover,.start-screen .menu-buttons button:active{background:var(--bg-highlight);border-color:var(--accent-gold);color:var(--accent-gold)}.start-screen .menu-buttons button:disabled{opacity:.3;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-panel);border:1px solid var(--accent-gold);border-radius:8px;padding:24px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.modal h2{color:var(--accent-gold);margin-bottom:16px;font-size:1.1rem}.modal .modal-section{margin-bottom:16px}.modal .modal-section h3{color:var(--text-secondary);font-size:.85rem;margin-bottom:8px}.modal button{padding:8px 16px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:.8rem;cursor:pointer;transition:all .15s;margin:4px}.modal button:hover,.modal button:active{background:var(--bg-highlight);border-color:var(--accent-gold);color:var(--accent-gold)}.modal button.primary{border-color:var(--accent-gold);color:var(--accent-gold)}.modal button.danger{border-color:var(--accent-red);color:var(--accent-red)}.modal button.danger:hover{border-color:var(--accent-red);color:#f66}.item-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;padding:8px 12px;margin:4px 0;display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.item-card .item-name{color:var(--accent-gold)}.item-card .item-stats{color:var(--text-secondary);font-size:.7rem}.item-card .item-tier-1{color:var(--text-secondary)}.item-card .item-tier-2{color:var(--accent-green)}.item-card .item-tier-3{color:var(--accent-blue)}.item-card .item-tier-4{color:var(--accent-purple)}.achievement{background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;padding:8px 12px;margin:4px 0;font-size:.8rem}.achievement.unlocked{border-color:var(--accent-gold)}.achievement .ach-name{font-weight:700}.achievement .ach-desc{color:var(--text-secondary);font-size:.7rem}.prestige-info{text-align:center;padding:16px}.prestige-info .prestige-level{font-size:1.5rem;color:var(--accent-purple);margin-bottom:8px}.prestige-info .prestige-bonus{color:var(--accent-gold);font-size:.9rem}.floor-progress{display:flex;gap:4px;align-items:center;margin:8px 0}.floor-progress .room-dot{width:12px;height:12px;border-radius:2px;background:var(--bg-card);border:1px solid var(--border-color)}.floor-progress .room-dot.current{border-color:var(--accent-gold);background:var(--bg-highlight)}.floor-progress .room-dot.explored{background:var(--accent-green);border-color:var(--accent-green)}.floor-progress .room-dot.combat{border-color:var(--accent-red)}.floor-progress .room-dot.treasure{border-color:var(--accent-gold)}.floor-progress .room-dot.event{border-color:var(--accent-blue)}.floor-progress .room-dot.safe{border-color:var(--accent-green)}.save-indicator{position:fixed;bottom:8px;right:8px;font-size:.7rem;color:var(--text-dim);opacity:0;transition:opacity .3s}.save-indicator.visible{opacity:1}@media (max-width: 768px){html,body{overflow-y:auto}#app{height:auto;min-height:100vh;min-height:100dvh}.header{flex-direction:column;gap:4px;padding:8px 12px}.header-info{gap:10px;flex-wrap:wrap;justify-content:center;font-size:.75rem}.main-area{flex-direction:column}.party-panel{width:100%;flex-direction:row;flex-wrap:wrap;overflow-x:auto}.char-card{min-width:200px;flex:1}.dungeon-view{padding:10px}.combat-log{height:100px}.action-bar{gap:6px}.action-bar button{min-width:0;padding:10px 8px;font-size:.75rem}.modal{padding:16px;width:95%;max-height:85vh}.start-screen h1{font-size:2rem;letter-spacing:4px}.start-screen .menu-buttons button{min-width:0;width:100%;padding:14px 24px}.prestige-screen h1{font-size:1.5rem;letter-spacing:2px}.stat-grid{grid-template-columns:1fr}}@media (max-width: 480px){.header h1{font-size:1rem;letter-spacing:1px}.header-info{gap:6px;font-size:.7rem}.char-card{min-width:150px}.action-bar{display:grid;grid-template-columns:1fr 1fr;gap:6px}.action-bar button{min-width:0;padding:12px 6px;font-size:.7rem}.start-screen h1{font-size:1.6rem;letter-spacing:2px}.start-screen .tagline{font-size:.8rem}.modal{width:98%;padding:12px;border-radius:4px}.item-card{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-height: 500px) and (orientation: landscape){.combat-log{height:60px}.header{padding:4px 12px}.start-screen h1{font-size:1.4rem}.start-screen{gap:10px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.safe-room-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.safe-room-actions button{padding:10px 16px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:.85rem;cursor:pointer;text-align:left;transition:all .15s}.safe-room-actions button:hover,.safe-room-actions button:active{background:var(--bg-highlight);border-color:var(--accent-gold)}.safe-room-actions button .btn-desc{display:block;font-size:.7rem;color:var(--text-dim);margin-top:2px}.equip-slot{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border-color);font-size:.8rem}.equip-slot .slot-name{color:var(--text-dim);width:80px}.equip-slot .slot-item{color:var(--accent-gold);flex:1}.equip-slot .slot-empty{color:var(--text-dim);font-style:italic;flex:1}.skill-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:.8rem}.skill-row .skill-name{color:var(--accent-blue)}.skill-row .skill-level{color:var(--text-dim)}.skill-points-display{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px;padding:4px 8px;background:var(--bg-card);border-radius:4px}.skill-points-display .value{color:var(--accent-gold);font-weight:700}.train-subheader{font-size:.75rem;color:var(--accent-gold);text-transform:uppercase;letter-spacing:1px;margin:12px 0 6px;padding-bottom:4px;border-bottom:1px solid var(--border-color)}.train-row{background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;padding:8px 10px;margin:4px 0;display:flex;justify-content:space-between;align-items:center;gap:8px}.train-row .skill-info{flex:1;min-width:0}.train-row .skill-info .skill-name{font-weight:700}.train-row .skill-info .skill-level{margin-left:8px;font-size:.7rem}.train-row .skill-desc{font-size:.7rem;color:var(--text-dim);margin-top:2px}.train-row .skill-usage{font-size:.65rem;color:var(--text-dim);margin-top:1px}.train-row.skill-locked{opacity:.5;border-style:dashed}.train-row .skill-lock-reason{font-size:.65rem;color:var(--accent-red);margin-top:2px;font-style:italic}.btn-upgrade{white-space:nowrap;border-color:var(--accent-blue)!important;color:var(--accent-blue)!important}.btn-upgrade:hover:not(:disabled){background:var(--bg-highlight)!important;color:var(--accent-gold)!important;border-color:var(--accent-gold)!important}.btn-upgrade:disabled{opacity:.35;cursor:not-allowed}.btn-learn{white-space:nowrap;border-color:var(--accent-green)!important;color:var(--accent-green)!important}.btn-learn:hover:not(:disabled){background:var(--bg-highlight)!important;color:var(--accent-gold)!important;border-color:var(--accent-gold)!important}.btn-learn:disabled{opacity:.35;cursor:not-allowed}.shop-gold{font-size:.9rem;color:var(--accent-gold);margin-bottom:12px;padding:8px;background:var(--bg-card);border-radius:4px;text-align:center}.shop-gold .value{font-weight:700}.shop-item-card,.inv-item-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;padding:10px 12px;margin:8px 0}.shop-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.item-slot-label{color:var(--text-dim);font-size:.7rem;margin-left:8px}.item-price{color:var(--accent-gold);font-weight:700;font-size:.85rem}.item-price.too-expensive{color:var(--accent-red)}.item-stats-line{font-size:.75rem;color:var(--text-secondary);margin-bottom:4px}.item-req-line{font-size:.7rem;color:var(--text-dim);font-style:italic;margin-bottom:6px}.item-char-rows{display:flex;flex-direction:column;gap:3px;margin:6px 0;padding:6px 0;border-top:1px solid var(--border-color)}.item-char-row{display:flex;align-items:center;gap:8px;font-size:.75rem;padding:3px 4px;border-radius:2px}.item-char-row.ineligible{opacity:.5}.item-char-row .char-label{color:var(--text-primary);min-width:60px;font-weight:700}.item-char-row .equip-blocked{color:var(--text-dim);font-style:italic}.item-char-row .slot-info{color:var(--text-secondary);min-width:80px;font-size:.7rem}.item-char-row .delta-info{flex:1;font-size:.7rem}.stat-up{color:var(--accent-green)}.stat-down{color:var(--accent-red)}.stat-neutral{color:var(--text-dim)}.btn-small{padding:3px 8px!important;font-size:.7rem!important;margin:0!important}.btn-buy{width:100%;margin-top:6px!important;padding:6px 12px!important}.btn-buy:disabled{opacity:.4;cursor:not-allowed}.prestige-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;text-align:center;padding:16px;overflow-y:auto}.prestige-screen h1{font-size:2rem;color:var(--accent-red);letter-spacing:4px}.prestige-subtitle{color:var(--text-secondary);font-size:.9rem;font-style:italic}.prestige-stats{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:4px;padding:16px;width:100%;max-width:500px}.prestige-stats h2{color:var(--accent-gold);font-size:.9rem;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-item{display:flex;justify-content:space-between;padding:6px 10px;background:var(--bg-card);border-radius:3px;font-size:.8rem}.stat-item .stat-label{color:var(--text-secondary)}.stat-item .stat-value{color:var(--accent-gold);font-weight:700}.prestige-current{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-panel);border:1px solid var(--accent-purple);border-radius:4px;width:100%;max-width:500px}.prestige-current .label{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:1px}.prestige-current .value{color:var(--accent-purple);font-size:1.5rem;font-weight:700}.prestige-current .bonuses{color:var(--text-dim);font-size:.75rem}.prestige-actions{width:100%;max-width:500px}.prestige-offer{background:var(--bg-panel);border:1px solid var(--accent-gold);border-radius:4px;padding:16px}.prestige-offer h2{color:var(--accent-gold);font-size:.9rem;margin-bottom:8px}.prestige-points{color:var(--accent-purple);font-size:1.2rem;font-weight:700;margin-bottom:4px}.prestige-next{color:var(--text-secondary);font-size:.8rem}.prestige-locked{padding:12px;color:var(--text-dim);font-size:.85rem}.prestige-buttons{display:flex;flex-direction:column;gap:8px;width:100%;max-width:500px;margin-top:8px}.prestige-buttons button{padding:12px 24px;font-family:inherit;font-size:.9rem;cursor:pointer;border-radius:4px;transition:all .15s;text-align:center}.prestige-buttons button .btn-desc{display:block;font-size:.7rem;margin-top:2px;opacity:.7}.btn-prestige{background:var(--bg-card);color:var(--accent-purple);border:1px solid var(--accent-purple)}.btn-prestige:hover{background:var(--bg-highlight);color:#a6e;border-color:#a6e}.btn-restart{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-restart:hover{background:var(--bg-highlight);border-color:var(--accent-gold);color:var(--accent-gold)}