*{box-sizing:border-box;margin:0;padding:0}body{color:#d4d4d4;background:#0a0e1a;min-height:100vh;font-family:Microsoft YaHei,PingFang SC,sans-serif}.start-screen{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.game-title{background:linear-gradient(135deg,gold,#ff6b35);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem}.subtitle{color:#888;margin-bottom:1rem;font-size:1.1rem}.start-form{flex-direction:column;align-items:center;gap:.8rem;display:flex}.start-form input{color:#d4d4d4;text-align:center;background:#1a1e2e;border:1px solid #333;border-radius:6px;width:250px;padding:.6rem 1rem;font-size:1rem}.start-form input:focus{border-color:gold;outline:none}.btn{cursor:pointer;border:none;border-radius:6px;padding:.6rem 1.4rem;font-size:.95rem;transition:all .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{color:#1a1a1a;background:linear-gradient(135deg,gold,#ff8c00);font-weight:700}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-secondary{color:#ccc;background:#2a2e3e;border:1px solid #444}.btn-secondary:hover:not(:disabled){background:#3a3e4e}.game-container{max-width:720px;margin:0 auto;padding:.5rem}.status-bar{background:#12162a;border:1px solid #222;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.5rem;padding:.6rem 1rem;display:flex}.status-item{white-space:nowrap;font-size:.85rem}.exp-bar{background:#1a1e2e;border-radius:4px;width:100%;height:18px;margin-top:.3rem;position:relative;overflow:hidden}.exp-bar-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);height:100%;transition:width .3s}.exp-bar-text{color:#eee;text-shadow:0 0 3px #000;font-size:.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.status-panel{margin-bottom:.5rem}.panel-toggle{color:#aaa;cursor:pointer;background:#1a1e2e;border:1px solid #333;border-radius:6px;width:100%;padding:.4rem .8rem;font-size:.85rem}.panel-toggle:hover{background:#252a3e}.panel-content{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem;display:grid}@media (width<=600px){.panel-content{grid-template-columns:1fr}}.panel-section{background:#12162a;border:1px solid #222;border-radius:8px;padding:.6rem}.panel-section h3{color:gold;margin-bottom:.4rem;font-size:.9rem}.stat-row{align-items:center;gap:.4rem;margin-bottom:.25rem;font-size:.8rem;display:flex}.stat-label{color:#aaa;min-width:72px}.stat-value{text-align:right;color:#eee;font-variant-numeric:tabular-nums;min-width:48px}.stat-bar{background:#1a1e2e;border-radius:4px;flex:1;height:8px;overflow:hidden}.stat-bar-fill{border-radius:4px;height:100%;transition:width .3s}.action-panel{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.btn-action{color:#8bc34a;background:#1a2a1a;border:1px solid #2a3a2a;flex:1;min-width:100px;padding:.7rem .5rem;font-size:.9rem}.btn-action:hover:not(:disabled){background:#2a3a2a}.btn-danger{color:#ef5350;background:#2a1a1a;border-color:#3a2a2a}.btn-danger:hover:not(:disabled){background:#3a2a2a}.btn-rest{color:#64b5f6;background:#1a1a2a;border-color:#2a2a3a}.btn-rest:hover:not(:disabled){background:#2a2a3a}.btn-break{color:gold;background:linear-gradient(135deg,#1a1a2a,#2a1a2a);border-color:gold;animation:2s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 4px #ffd7004d}50%{box-shadow:0 0 12px #ffd70099}}.game-log{background:#0e1020;border:1px solid #222;border-radius:8px;padding:.6rem}.log-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.4rem;display:flex}.game-log h3{color:#888;margin:0;font-size:.9rem}.log-filters{flex-wrap:wrap;gap:.25rem;display:flex}.log-filter-btn{color:#777;cursor:pointer;background:#1a1e2e;border:1px solid #2a2e3e;border-radius:4px;padding:.15rem .4rem;font-size:.7rem;transition:all .15s}.log-filter-btn:hover{color:#aaa;background:#252a3e}.log-filter-btn.active{color:gold;background:#2a3040;border-color:gold}.log-list{scrollbar-width:thin;scrollbar-color:#333 #0e1020;max-height:300px;overflow-y:auto}.log-entry{border-bottom:1px solid #151525;padding:.2rem 0;font-size:.82rem;line-height:1.5}.log-empty{color:#555;text-align:center;padding:1rem}.game-over{text-align:center;padding:3rem 1rem}.game-over h2{color:#ef5350;margin-bottom:1rem;font-size:2rem}.game-over p{color:#888;margin-bottom:1.5rem}.inventory-panel{margin-bottom:.5rem}.inventory-content{background:#12162a;border:1px solid #222;border-radius:8px;margin-top:.5rem;padding:.6rem}.inventory-tabs{flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem;display:flex}.inventory-tab{color:#777;cursor:pointer;background:#1a1e2e;border:1px solid #2a2e3e;border-radius:4px;padding:.3rem .6rem;font-size:.78rem;transition:all .15s}.inventory-tab:hover{color:#aaa;background:#252a3e}.inventory-tab.active{color:gold;background:#2a3040;border-color:gold}.inventory-capacity{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.capacity-text{color:#888;white-space:nowrap;font-size:.78rem}.capacity-bar{background:#1a1e2e;border-radius:3px;flex:1;height:6px;overflow:hidden}.capacity-bar-fill{border-radius:3px;height:100%;transition:width .3s}.inventory-list{scrollbar-width:thin;scrollbar-color:#333 #12162a;max-height:300px;overflow-y:auto}.inventory-empty{color:#555;text-align:center;padding:1.5rem;font-size:.85rem}.inventory-item{background:#0e1020;border:1px solid #1e2235;border-left:3px solid #9e9e9e;border-radius:4px;margin-bottom:.35rem;padding:.5rem}.item-info{justify-content:space-between;align-items:center;margin-bottom:.15rem;display:flex}.item-name{font-size:.85rem;font-weight:600}.item-rarity{opacity:.7;margin-left:.3rem;font-size:.7rem}.item-count{color:#aaa;font-variant-numeric:tabular-nums;font-size:.8rem}.item-desc{color:#777;margin-bottom:.3rem;font-size:.75rem}.item-actions{justify-content:space-between;align-items:center;display:flex}.btn-item-use{color:#8bc34a;cursor:pointer;background:#1a2a1a;border:1px solid #2a3a2a;border-radius:4px;padding:.15rem .6rem;font-size:.75rem;transition:all .15s}.btn-item-use:hover{background:#2a3a2a}.item-price{color:#666;font-size:.72rem}.alchemy-panel{margin-bottom:.5rem}.alchemy-content{background:#12162a;border:1px solid #222;border-radius:8px;margin-top:.5rem;padding:.6rem}.alchemy-mental{color:#aaa;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8rem;display:flex}.recipe-list{scrollbar-width:thin;scrollbar-color:#333 #12162a;max-height:350px;overflow-y:auto}.recipe-card{background:#0e1020;border:1px solid #1e2235;border-left:3px solid #9c27b0;border-radius:4px;margin-bottom:.35rem;padding:.5rem}.recipe-card.recipe-disabled{opacity:.5}.recipe-header{justify-content:space-between;align-items:center;margin-bottom:.15rem;display:flex}.recipe-name{color:#ce93d8;font-size:.85rem;font-weight:600}.recipe-rate{color:#4caf50;font-size:.78rem;font-weight:600}.recipe-desc{color:#777;margin-bottom:.3rem;font-size:.73rem}.recipe-materials{flex-wrap:wrap;gap:.3rem;margin-bottom:.3rem;display:flex}.recipe-mat{color:#aaa;background:#1a1e2e;border-radius:3px;padding:.1rem .4rem;font-size:.72rem}.recipe-mat.mat-missing{color:#f44336;background:#2a1a1a}.recipe-footer{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.recipe-output{color:#8bc34a;font-size:.75rem}.recipe-cost{color:#9c27b0;font-size:.72rem}.btn-craft{color:#ce93d8;cursor:pointer;background:#2a1a2a;border:1px solid #3a2a3a;border-radius:4px;padding:.15rem .6rem;font-size:.75rem;transition:all .15s}.btn-craft:hover:not(:disabled){background:#3a2a3a}.btn-craft:disabled{opacity:.4;cursor:not-allowed}.equipment-panel{margin-bottom:.5rem}.equipment-content{background:#12162a;border:1px solid #222;border-radius:8px;margin-top:.5rem;padding:.6rem}.equip-slots{grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:.5rem;display:grid}@media (width<=500px){.equip-slots{grid-template-columns:1fr}}.equip-slot{background:#0e1020;border:1px solid #1e2235;border-radius:4px;align-items:center;gap:.4rem;padding:.4rem;display:flex}.equip-slot.equipped{border-left:3px solid #4caf50}.equip-slot.empty{border-left:3px solid #333}.slot-icon{font-size:1.1rem}.slot-info{flex-direction:column;flex:1;gap:.05rem;display:flex}.slot-label{color:#666;font-size:.7rem}.slot-equip-name{font-size:.8rem;font-weight:600}.slot-stats{color:#8bc34a;font-size:.68rem}.slot-empty-text{color:#444;font-size:.75rem}.btn-unequip{color:#ef5350;cursor:pointer;background:#2a1a1a;border:1px solid #3a2a2a;border-radius:4px;padding:.15rem .4rem;font-size:.7rem;transition:all .15s}.btn-unequip:hover{background:#3a2a2a}.equip-inventory{border-top:1px solid #222;padding-top:.4rem}.equip-inv-title{color:#888;margin-bottom:.3rem;font-size:.78rem}.equip-inv-item{background:#0e1020;border:1px solid #1e2235;border-left:3px solid #9e9e9e;border-radius:4px;align-items:center;gap:.4rem;margin-bottom:.25rem;padding:.35rem;display:flex}.equip-inv-name{flex-shrink:0;font-size:.8rem;font-weight:600}.equip-inv-stats{color:#8bc34a;flex:1;font-size:.68rem}.btn-equip-action{color:#8bc34a;cursor:pointer;background:#1a2a1a;border:1px solid #2a3a2a;border-radius:4px;padding:.15rem .5rem;font-size:.72rem;transition:all .15s}.btn-equip-action:hover:not(:disabled){background:#2a3a2a}.btn-equip-action:disabled{opacity:.4;cursor:not-allowed}.shop-panel{margin-bottom:.5rem}.shop-content{background:#12162a;border:1px solid #222;border-radius:8px;margin-top:.5rem;padding:.6rem}.shop-tabs{align-items:center;gap:.25rem;margin-bottom:.5rem;display:flex}.shop-tab{color:#777;cursor:pointer;background:#1a1e2e;border:1px solid #2a2e3e;border-radius:4px;padding:.3rem .6rem;font-size:.78rem;transition:all .15s}.shop-tab:hover{color:#aaa;background:#252a3e}.shop-tab.active{color:gold;background:#2a3040;border-color:gold}.shop-gold{color:gold;margin-left:auto;font-size:.8rem;font-weight:600}.shop-list{scrollbar-width:thin;scrollbar-color:#333 #12162a;max-height:300px;overflow-y:auto}.shop-item{background:#0e1020;border:1px solid #1e2235;border-left:3px solid #9e9e9e;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:.3rem;padding:.4rem .5rem;display:flex}.shop-item-info{flex-direction:column;flex:1;gap:.05rem;min-width:0;display:flex}.shop-item-name{font-size:.82rem;font-weight:600}.shop-item-count{color:#aaa;font-size:.75rem}.shop-item-desc{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.shop-item-action{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.shop-price{color:gold;font-variant-numeric:tabular-nums;font-size:.78rem}.shop-price.price-high{color:#f44336}.shop-discount{color:#4caf50;font-size:.68rem}.btn-shop-buy{color:#8bc34a;cursor:pointer;background:#1a2a1a;border:1px solid #2a3a2a;border-radius:4px;padding:.15rem .5rem;font-size:.72rem}.btn-shop-buy:hover:not(:disabled){background:#2a3a2a}.btn-shop-buy:disabled{opacity:.4;cursor:not-allowed}.btn-shop-sell{color:gold;cursor:pointer;background:#2a2a1a;border:1px solid #3a3a2a;border-radius:4px;padding:.15rem .5rem;font-size:.72rem}.btn-shop-sell:hover{background:#3a3a2a}.smithing-panel{margin-bottom:.5rem}.btn-smith{color:#ffb74d;cursor:pointer;background:#2a1a0a;border:1px solid #3a2a1a;border-radius:4px;padding:.15rem .6rem;font-size:.75rem;transition:all .15s}.btn-smith:hover:not(:disabled){background:#3a2a1a}.btn-smith:disabled{opacity:.4;cursor:not-allowed}.debug-panel{z-index:999;max-width:360px;position:fixed;top:.5rem;right:.5rem}.debug-toggle{color:#ef5350;cursor:pointer;float:right;background:#2a0a0a;border:1px solid #ef5350;border-radius:6px;padding:.3rem .8rem;font-size:.8rem}.debug-toggle:hover{background:#3a1a1a}.debug-content{clear:both;scrollbar-width:thin;background:#0a0a1a;border:1px solid #ef5350;border-radius:8px;max-height:80vh;margin-top:.3rem;padding:.6rem;overflow-y:auto}.debug-warning{text-align:center;color:#ef5350;background:#1a0a0a;border-radius:4px;margin-bottom:.4rem;padding:.2rem;font-size:.72rem}.debug-stats{flex-direction:column;gap:.3rem;display:flex}.debug-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.debug-label{color:#aaa;min-width:100px;font-size:.75rem}.debug-btns{flex-wrap:wrap;gap:.2rem;display:flex}.debug-btn{color:#aaa;cursor:pointer;background:#1a1a2a;border:1px solid #333;border-radius:3px;padding:.15rem .4rem;font-size:.68rem}.debug-btn:hover{color:#fff;background:#2a2a3a}.debug-btn.debug-active{color:gold;background:#2a1a2a;border-color:gold}.debug-full{color:#8bc34a;background:#1a2a1a;border-color:#4caf50;padding:.3rem 1rem;font-size:.75rem}.debug-items{flex-direction:column;gap:.3rem;display:flex}.debug-section-title{color:#888;border-bottom:1px solid #222;padding-bottom:.2rem;font-size:.75rem}.debug-item-grid{flex-wrap:wrap;gap:.2rem;display:flex}.debug-item-btn{color:#aaa;cursor:pointer;background:#1a1a2a;border:1px solid #333;border-radius:3px;padding:.15rem .4rem;font-size:.65rem}.debug-item-btn:hover{color:#fff;background:#2a2a3a}.debug-input{color:#eee;text-align:right;background:#1a1a2a;border:1px solid #333;border-radius:3px;width:90px;padding:.15rem .3rem;font-size:.72rem}.debug-input:focus{border-color:#ef5350;outline:none}.debug-input-sm{color:#eee;text-align:center;background:#1a1a2a;border:1px solid #333;border-radius:3px;width:55px;padding:.12rem .2rem;font-size:.68rem}.debug-input-sm:focus{border-color:#ef5350;outline:none}.debug-item-list{flex-direction:column;gap:.2rem;display:flex}.debug-item-row{align-items:center;gap:.3rem;padding:.15rem 0;display:flex}.debug-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.72rem;overflow:hidden}.debug-qty-input{color:#eee;text-align:center;background:#1a1a2a;border:1px solid #333;border-radius:3px;width:45px;padding:.1rem .2rem;font-size:.68rem}.debug-qty-input:focus{border-color:#ef5350;outline:none}.debug-item-add{color:#8bc34a;cursor:pointer;background:#1a2a1a;border:1px solid #2a3a2a;border-radius:3px;padding:.1rem .4rem;font-size:.72rem}.debug-item-add:hover{background:#2a3a2a}