:root{--bg-primary:#242424;--bg-secondary:#2f2f2f;--bg-tertiary:#3a3a3a;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--accent-gold:#d4af37;--accent-gold-dim:#8a7122;--accent-red:#8b0000;--accent-blue:#4169e1;--border-color:#404040;--card-radius:12px;--font-main:"Cinzel",serif;--font-body:"Lato",sans-serif}html,body{width:100%;position:relative;overflow-x:hidden}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);touch-action:pan-x pan-y;padding-bottom:60px;font-size:16px;line-height:1.5}h1,h2,h3,h4,.cinzel-font{font-family:var(--font-main);color:var(--accent-gold);font-weight:700}.container{max-width:600px;margin:0 auto;padding:1rem}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--card-radius);margin-bottom:1rem;padding:1rem;box-shadow:0 4px 6px #0000004d}.flex-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}input[type=text],input[type=number],select,textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;width:100%;padding:.5rem;font-size:1rem}input:focus,select:focus,textarea:focus{border-color:var(--accent-gold);outline:none}.fake-input{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);box-sizing:border-box;border-radius:6px;align-items:center;width:100%;min-height:38px;padding:.5rem;font-size:1rem;transition:border-color .2s;display:flex}.fake-input:hover{border-color:var(--accent-gold)}.bottom-nav{background:var(--bg-secondary);border-top:1px solid var(--accent-gold-dim);z-index:1000;justify-content:space-around;width:100%;height:54px;padding:.3rem 0;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -2px 10px #00000080}.nav-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:.5rem;font-size:.75rem;display:flex}.nav-item.active{color:var(--accent-gold)}.nav-item.small-nav{opacity:.8;flex:.7;font-size:.65rem}.nav-item.small-nav i{font-size:.85rem}.nav-icon{font-size:1.1rem}.tab-content{animation:.3s fadeIn;display:none}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.health-bar-container{background:var(--bg-tertiary);border-radius:5px;height:10px;margin-top:5px;overflow:hidden}.health-bar-fill{background:var(--accent-red);width:100%;height:100%;transition:width .3s}.power-bar-fill{background:var(--accent-blue);width:100%;height:100%}.stat-box{text-align:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:.5rem}.stat-label{color:var(--text-secondary);text-transform:uppercase;font-size:.7rem}.stat-value{color:var(--accent-gold);font-size:1.2rem;font-weight:700}.attr-grid-container{flex-direction:column;gap:8px;display:flex}.attr-header{color:var(--text-secondary);text-transform:uppercase;grid-template-columns:1.5fr 1fr 1fr 1fr;margin-bottom:-4px;padding:0 8px;font-size:.7rem;font-weight:700;display:grid}:is(.attr-grid-container:has(.btn-icon.small) .attr-header,.attr-grid-container:has(.btn-icon.small) .attr-row){grid-template-columns:1.5fr 1fr 1fr 1fr 40px}.attr-row{background:var(--bg-tertiary);border:1px solid #0000;border-radius:6px;grid-template-columns:1.5fr 1fr 1fr 1fr;align-items:center;padding:8px;transition:all .2s;display:grid}.attr-row:hover{border-color:var(--accent-gold);background:var(--bg-secondary)}.attr-name{color:var(--text-primary);font-weight:700}.attr-val{text-align:center;color:var(--text-secondary)}.attr-total{text-align:center;color:var(--accent-gold);font-size:1.1rem;font-weight:700}.equip-slot{border-bottom:1px solid var(--bg-tertiary);align-items:center;gap:1rem;padding:.5rem 0;display:flex}.equip-icon{color:var(--text-secondary);text-align:center;width:30px;font-size:1.5rem}.equip-details{flex:1}.tab-subnav{gap:.5rem;margin-bottom:1rem;padding-bottom:5px;display:flex;overflow-x:auto}.subnav-btn{background:var(--bg-tertiary);color:var(--text-secondary);white-space:nowrap;cursor:pointer;border:none;border-radius:20px;padding:.5rem 1rem;font-size:.8rem}.subnav-btn.active{background:var(--accent-gold);color:var(--bg-primary);font-weight:700}.weapon-section{display:none}.weapon-section.active{display:block}.weapon-option{background:var(--bg-tertiary);border-radius:6px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem;display:flex}.hint-text{color:var(--text-secondary);margin-bottom:.5rem;font-size:.8rem;font-style:italic}.btn-icon{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon:hover{border-color:var(--accent-gold);color:var(--accent-gold);box-shadow:0 0 8px #d4af3733}.btn-icon:active{transform:scale(.9)}.btn-icon.small{width:28px;height:28px;font-size:1rem;font-weight:700;line-height:1}.btn-icon.big-btn{width:44px;height:44px;font-size:1.5rem;font-weight:700}.btn-small{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:4px;padding:.2rem .5rem}.btn-outline{border:1px dashed var(--text-secondary);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;width:100%;margin-top:5px;padding:.5rem;transition:all .2s}.btn-outline:disabled{opacity:.5;cursor:not-allowed;border-style:solid}.btn-outline.active{background:var(--accent-gold);color:var(--bg-primary);border:1px solid var(--accent-gold);font-weight:700}.list-container{margin-top:.5rem}.spell-item,.enemy-item{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.full-width{width:100%}.e-grid-layout{grid-template-columns:repeat(5,1fr);gap:4px;margin-top:1rem;display:grid}.e-cell{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;padding:6px 2px;font-size:.7rem}.e-cell.active{background:var(--accent-gold);color:var(--bg-primary);border-color:var(--accent-gold);font-weight:700}.backpack-item{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.backpack-num{color:var(--text-secondary);width:20px;font-size:.8rem}.dice-fab{background:var(--accent-gold);width:60px;height:60px;color:var(--bg-primary);cursor:pointer;z-index:1500;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;transition:transform .2s;display:flex;position:fixed;bottom:80px;right:20px;box-shadow:0 4px 12px #00000080}.dice-fab:active{transform:scale(.95)}.dice-box{background:var(--bg-tertiary);border:2px solid var(--accent-gold);width:100px;height:100px;color:var(--text-primary);border-radius:16px;justify-content:center;align-items:center;margin:0 auto;font-size:3rem;font-weight:700;display:flex;box-shadow:inset 0 0 20px #00000080}.dice-crit-success{background:var(--accent-gold);color:var(--bg-primary);box-shadow:0 0 20px var(--accent-gold);border-color:#fff}.dice-crit-fail{background:var(--accent-red);color:#fff;box-shadow:0 0 20px var(--accent-red);border-color:#fff}.mobile-exp-grid{flex-direction:column;gap:.8rem;margin-bottom:2rem;display:flex}.exp-btn-row{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.exp-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);height:54px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;transition:all .2s;display:flex}.exp-btn.plus{border-color:var(--accent-gold-dim);color:var(--accent-gold);background:#d4af371a}.exp-btn:active{background:var(--bg-secondary);transform:scale(.96)}.exp-btn.plus:active{background:#d4af374d}.modal-overlay{z-index:2000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:none;position:fixed;top:0;left:0}.modal-content{background:var(--bg-secondary);border-radius:var(--card-radius);border:1px solid var(--accent-gold);width:100%;max-width:500px;max-height:90vh;padding:1rem;overflow-y:auto;box-shadow:0 0 20px #000c}.modal-overlay.active{display:flex}.race-card{background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;margin-bottom:.8rem;padding:1rem;transition:all .2s}.race-card.selected{border-color:var(--accent-gold);background:var(--bg-secondary);box-shadow:0 0 12px #d4af374d}.race-card:hover{border-color:var(--accent-gold);transform:translateY(-2px)}.race-title{color:var(--accent-gold);font-size:1.1rem;font-family:var(--font-main);margin-bottom:.3rem}.race-stats{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.alignment-track{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;justify-content:space-between;padding:2px;display:flex}.align-step{text-align:center;cursor:pointer;color:var(--text-secondary);border-radius:2px;flex:1;padding:4px 0;font-size:.8rem;transition:all .2s}.align-step:hover{background:var(--bg-tertiary);color:var(--text-primary)}.align-step.active{background:var(--text-primary);color:var(--bg-primary);font-weight:700}.align-step[data-val^=\-].active{background:var(--accent-red);color:#fff;box-shadow:0 0 10px #8b000080}.align-step[data-val="0"].active{background:var(--text-secondary)}.align-step[data-val^="1"].active,.align-step[data-val^="2"].active,.align-step[data-val^="3"].active,.align-step[data-val^="4"].active,.align-step[data-val^="5"].active{background:var(--accent-gold);color:var(--bg-primary);box-shadow:0 0 10px #d4af3780}.fa-question-circle{color:var(--accent-gold);cursor:pointer;opacity:.8;margin-left:.5rem;transition:transform .2s,opacity .2s}.fa-question-circle:hover{opacity:1;transform:scale(1.1)}.equip-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:8px;margin-bottom:10px;padding:12px;transition:border-color .2s;display:flex}.equip-card:hover{border-color:var(--accent-gold-dim)}.equip-top-row{justify-content:space-between;align-items:center;display:flex}.equip-checkbox{width:20px;height:20px;accent-color:var(--accent-gold);cursor:pointer}.equip-icon-container{color:var(--text-secondary);flex:1;justify-content:center;display:flex}.equip-label{color:var(--text-primary);font-size:.95rem;font-weight:700}.equip-select{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:4px;width:100%;padding:8px;font-family:inherit;font-size:.9rem}.equip-select:focus{border-color:var(--accent-gold);outline:none}.small-input{text-align:center;border-radius:4px;width:50px;padding:.3rem;font-size:.9rem}.small-gap{gap:.5rem}input[type=checkbox],input[type=radio]{accent-color:var(--accent-gold);cursor:pointer;width:1.2rem;height:1.2rem;margin-right:.5rem}.item-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:.5rem;transition:all .2s}.item-card:hover{border-color:var(--accent-gold);transform:translateY(-1px)}.action-menu{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:.5rem;margin-top:.8rem;padding-top:.8rem;display:flex}.action-btn{text-transform:uppercase;background:var(--bg-primary);border:1px solid var(--border-color);min-width:80px;color:var(--text-secondary);cursor:pointer;border-radius:4px;flex:1;padding:.4rem;font-size:.75rem;font-weight:700}.action-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.chest-grid{grid-template-columns:1fr;gap:.5rem;display:grid}.coins-row{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:1rem;padding:1rem;display:flex}.coins-val{color:var(--accent-gold);text-align:center;min-width:60px;font-size:1.5rem;font-weight:700}