@import "https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=ZCOOL+XiaoWei&family=Noto+Serif+SC:wght@400;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--panel:#12121a;--border:#2a2a3a;--gold:#d4a853;--gold-dim:#8a6d2b;--text:#c8c0b0;--text-dim:#6a6258;--hp:#c44040;--mp:#4080c4;--exp:#40a060;--danger:#e04040;--success:#40c080;--ink:#1a1a2e;--paper:#f5f0e8;--vermilion:#c23616;--jade:#2d6a4f;--indigo:#3d405b}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(1px 1px at 10% 20%,#ffffff4d,#0000),radial-gradient(1px 1px at 30%,#fff3,#0000),radial-gradient(1px 1px at 50% 10%,#fff6,#0000),radial-gradient(1px 1px at 70% 60%,#ffffff26,#0000),radial-gradient(1px 1px at 90% 30%,#ffffff40,#0000),radial-gradient(1.5px 1.5px at 15% 70%,#d4a8534d,#0000),radial-gradient(1.5px 1.5px at 85% 80%,#d4a85333,#0000);position:fixed;inset:0}.container{z-index:1;max-width:480px;margin:0 auto;padding:12px;position:relative}.title{text-align:center;padding:24px 0 12px;position:relative}.title:before,.title:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);width:60px;height:1px;position:absolute;top:50%}.title:before{left:10%}.title:after{right:10%}.title h1{color:var(--gold);text-shadow:0 0 30px #d4a85366;letter-spacing:12px;font-family:Ma Shan Zheng,cursive;font-size:36px;font-weight:400}.title .sub{color:var(--text-dim);letter-spacing:6px;margin-top:6px;font-family:ZCOOL XiaoWei,serif;font-size:11px}.panel{border:1px solid var(--border);background:linear-gradient(#12121af2,#12121ad9);border-radius:4px;margin-bottom:12px;position:relative;overflow:hidden}.panel:before{content:"";background:linear-gradient(180deg, var(--gold), var(--gold-dim), transparent);width:3px;height:100%;position:absolute;top:0;left:0}.panel-header{color:var(--gold);letter-spacing:4px;border-bottom:1px solid #2a2a3a80;justify-content:space-between;align-items:center;padding:10px 14px 10px 16px;font-family:ZCOOL XiaoWei,serif;font-size:14px;display:flex}.panel-body{padding:12px 14px}.bar-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.bar-row:last-child{margin-bottom:0}.bar-label{width:32px;color:var(--text-dim);text-align:right;font-size:12px}.bar-container{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:2px;flex:1;height:12px;position:relative;overflow:hidden}.bar-fill{height:100%;transition:width .5s;position:relative}.bar-fill:after{content:"";background:linear-gradient(#fff3,#0000);height:50%;position:absolute;top:0;left:0;right:0}.bar-hp .bar-fill{background:linear-gradient(90deg, #6b1a1a, var(--hp))}.bar-mp .bar-fill{background:linear-gradient(90deg, #1a3a6b, var(--mp))}.bar-exp .bar-fill{background:linear-gradient(90deg, #1a4a2a, var(--exp))}.bar-text{color:#fffc;text-shadow:0 1px 2px #000c;white-space:nowrap;font-family:ZCOOL XiaoWei,serif;font-size:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-group{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn{color:var(--gold);cursor:pointer;letter-spacing:4px;background:linear-gradient(#d4a85314,#d4a85308);border:1px solid #8a6d2b66;border-radius:3px;padding:10px;font-family:ZCOOL XiaoWei,serif;font-size:14px;transition:all .3s;position:relative}.btn:hover{border-color:var(--gold);background:linear-gradient(#d4a85326,#d4a85314);box-shadow:0 0 12px #d4a85326}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.btn-full{grid-column:1/-1}.btn-danger{color:var(--danger);background:linear-gradient(#e0404014,#e0404005);border-color:#80303080}.btn-danger:hover{border-color:var(--danger);box-shadow:0 0 12px #e0404026}.btn-success{color:var(--success);background:linear-gradient(#40c08014,#40c08005);border-color:#2a6a3a80}.btn-glow{color:#e0a0ff;border-color:#6a4a8a80;animation:2s ease-in-out infinite glowPulse}@keyframes glowPulse{0%,to{box-shadow:0 0 4px #e0a0ff26}50%{box-shadow:0 0 16px #e0a0ff4d}}.items-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.item-card{text-align:center;cursor:pointer;background:#ffffff05;border:1px solid #2a2a3a66;border-radius:3px;padding:8px;font-size:11px;transition:all .3s}.item-card:hover{border-color:var(--gold-dim);background:#d4a8530a}.item-icon{margin-bottom:4px;font-size:20px}.item-name{color:var(--text);font-family:ZCOOL XiaoWei,serif}.item-count{color:var(--text-dim);font-size:10px}.log-area{scrollbar-width:thin;scrollbar-color:var(--border) transparent;max-height:200px;font-family:ZCOOL XiaoWei,serif;font-size:12px;line-height:2;overflow-y:auto}.log-area::-webkit-scrollbar{width:4px}.log-area::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.log-entry{border-bottom:1px solid #ffffff05;padding:2px 0;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}}.log-time{color:var(--text-dim);margin-right:6px;font-size:10px}.log-system{color:var(--gold)}.log-battle{color:var(--danger)}.log-success{color:var(--success)}.log-info{color:var(--mp)}.log-breakthrough{color:#e0a0ff;text-shadow:0 0 8px #e0a0ff4d}.battle-overlay{z-index:100;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.battle-box{background:linear-gradient(180deg, var(--panel), #12121af2);border:1px solid var(--gold-dim);text-align:center;border-radius:4px;width:90%;max-width:400px;padding:24px;position:relative}.battle-box:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);width:100%;height:3px;position:absolute;top:0;left:0}.battle-title{color:var(--gold);letter-spacing:6px;margin-bottom:20px;font-family:Ma Shan Zheng,cursive;font-size:22px}.battle-vs{justify-content:space-around;align-items:center;margin-bottom:16px;display:flex}.battle-char{text-align:center;flex:1}.battle-char .char-name{margin-bottom:6px;font-family:ZCOOL XiaoWei,serif;font-size:14px}.battle-char .char-hp{color:var(--hp);font-size:12px}.battle-vs-text{color:var(--gold);padding:0 10px;font-size:24px}.battle-log{text-align:left;background:#0000004d;border-radius:3px;max-height:120px;margin-bottom:16px;padding:10px;font-family:ZCOOL XiaoWei,serif;font-size:12px;line-height:1.8;overflow-y:auto}.battle-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.breakthrough-overlay{z-index:200;background:#000000f2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.breakthrough-text{color:var(--gold);text-shadow:0 0 40px #d4a85399;letter-spacing:16px;font-family:Ma Shan Zheng,cursive;font-size:42px;animation:1.5s ease-in-out btPulse}.breakthrough-sub{color:#e0a0ff;letter-spacing:8px;margin-top:16px;font-family:ZCOOL XiaoWei,serif;font-size:16px;animation:1.5s ease-in-out .3s both btPulse}@keyframes btPulse{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@media (width<=360px){.container{padding:8px}.title h1{letter-spacing:8px;font-size:28px}}