:root{--red: #a03028;--red-dark: #6e1f1a;--gold: #c9a227;--gold-light: #e8cd6a;--gold-dim: #8a6d14;--ink: #16120c;--ink-2: #221a10;--ink-3: #2e2418;--jade: #3f8f7a;--paper: #e2d3ac;--paper-dark: #c4b184;--text: #e8dcc0;--text-dim: #a89a78}*{box-sizing:border-box;user-select:none}body{font-family:Songti SC,STSong,SimSun,"Noto Serif CJK SC",serif;color:var(--text)}#root{display:flex;flex-direction:column}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#171208;border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(var(--gold-dim),#5d4a12);border-radius:5px;border:2px solid #171208}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:7px 18px;font-family:STKaiti,KaiTi,Songti SC,serif;font-size:14px;font-weight:700;letter-spacing:2px;color:#f5e9c8;background:linear-gradient(180deg,#b5433a,#8c2f2a 45%,#6e1f1a);border:1px solid #d4b054;border-radius:6px;box-shadow:0 0 0 1px #3d1512,0 2px 5px #000a,inset 0 1px #ffffff2e;cursor:pointer;text-shadow:0 1px 2px #000c;transition:filter .12s,transform .08s,box-shadow .12s}.btn:hover{filter:brightness(1.18);box-shadow:0 0 0 1px #3d1512,0 2px 8px #000c,0 0 10px #c9a22755,inset 0 1px #ffffff2e}.btn:active{transform:translateY(1px) scale(.98);filter:brightness(.92)}.btn:disabled{filter:grayscale(.8) brightness(.55);cursor:not-allowed;transform:none}.btn.gold{background:linear-gradient(180deg,#e0b355,#c9a227 45%,#8a6d14);color:#3d2a06;text-shadow:0 1px 1px #ffffff55}.btn.green{background:linear-gradient(180deg,#4fa06a,#3f8f5f 45%,#26593a)}.btn.blue{background:linear-gradient(180deg,#4a7ab5,#3a62a0 45%,#24406e)}.btn.ghost{background:linear-gradient(180deg,#3a3225,#2c2517);border-color:#6e5f3a}.btn.sm{padding:4px 10px;font-size:12px;letter-spacing:1px}.btn.lg{padding:10px 30px;font-size:17px;letter-spacing:4px}.btn.selected{background:linear-gradient(180deg,#e0b355,#c9a227 45%,#8a6d14);color:#3d2a06;text-shadow:none;box-shadow:0 0 0 1px #3d1512,0 0 12px #c9a227aa,inset 0 1px #fff5}.reddot{position:relative}.reddot:after{content:"";position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff7a6a,#d42a1a 70%);border:1px solid #ffd0c0;box-shadow:0 0 6px #ff3a2a;animation:dotpulse 1.6s infinite}@keyframes dotpulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.panel-overlay{position:fixed;inset:0;z-index:100;background:#000a;display:flex;align-items:center;justify-content:center;animation:fadein .18s ease}@keyframes fadein{0%{opacity:0}to{opacity:1}}.panel{position:relative;background:var(--ink-2);border:2px solid var(--gold-dim);border-radius:10px;box-shadow:0 0 0 4px #171208,0 0 0 5px #4d3e15,0 12px 50px #000e,inset 0 0 60px #0006;animation:panelin .22s cubic-bezier(.34,1.4,.64,1);display:flex;flex-direction:column;max-width:96vw;max-height:92vh}@keyframes panelin{0%{opacity:0;transform:scale(.92) translateY(14px)}to{opacity:1;transform:none}}.panel-corner{position:absolute;width:22px;height:22px;pointer-events:none;z-index:2}.panel-corner svg{display:block}.pc-tl{top:-4px;left:-4px}.pc-tr{top:-4px;right:-4px;transform:scaleX(-1)}.pc-bl{bottom:-4px;left:-4px;transform:scaleY(-1)}.pc-br{bottom:-4px;right:-4px;transform:scale(-1)}.panel-title{display:flex;align-items:center;justify-content:center;padding:10px 48px;font-family:STKaiti,KaiTi,Songti SC,serif;font-size:21px;font-weight:800;letter-spacing:7px;color:var(--gold-light);text-shadow:0 0 12px #c9a22766,0 2px 3px #000;background:linear-gradient(180deg,#2e2312,#221a10);border-bottom:1px solid #4d3e15;border-radius:8px 8px 0 0;position:relative}.panel-title:before,.panel-title:after{content:"❖";color:var(--gold-dim);font-size:13px;margin:0 14px}.panel-close{position:absolute;right:8px;top:7px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#d4b054;background:radial-gradient(circle,#3d2a1a,#221505);border:1px solid #8a6d14;border-radius:50%;cursor:pointer;transition:all .15s}.panel-close:hover{color:#fff;background:radial-gradient(circle,#8c2f2a,#4d1512);transform:rotate(90deg)}.panel-body{padding:14px;overflow-y:auto;flex:1}.tabs{display:flex;gap:4px;padding:8px 12px 0;border-bottom:1px solid #4d3e15}.tab{padding:7px 18px;font-size:14px;font-weight:700;letter-spacing:2px;color:var(--text-dim);background:#1c150c;border:1px solid #3d3015;border-bottom:none;border-radius:7px 7px 0 0;cursor:pointer;transition:all .15s;position:relative}.tab:hover{color:var(--gold-light);background:#262012}.tab.active{color:var(--gold-light);background:linear-gradient(180deg,#3a2d14,var(--ink-2));border-color:var(--gold-dim);box-shadow:inset 0 2px 0 var(--gold)}.hud-top{display:flex;align-items:center;gap:10px;height:62px;padding:0 12px;background:linear-gradient(180deg,#2a2012,#1a130a);border-bottom:2px solid var(--gold-dim);box-shadow:0 3px 14px #000c;flex-shrink:0;z-index:20;position:relative}.res-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 5px;font-size:13px;font-weight:700;color:var(--text);background:linear-gradient(180deg,#241c0e,#171108);border:1px solid #4d3e15;border-radius:20px;white-space:nowrap}.res-chip .ico{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.bottom-bar{display:flex;align-items:stretch;justify-content:center;gap:5px;padding:6px 8px;background:linear-gradient(0deg,#241a0c,#191207);border-top:2px solid var(--gold-dim);box-shadow:0 -3px 14px #000c;flex-shrink:0;z-index:20;position:relative}.dock-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:62px;padding:4px 6px;font-family:STKaiti,KaiTi,serif;border:1px solid #4d3e15;border-radius:8px;background:linear-gradient(180deg,#2c2213,#1c150a);color:var(--text-dim);font-size:12px;letter-spacing:1px;font-weight:700;cursor:pointer;transition:all .14s;position:relative}.dock-btn:hover{color:var(--gold-light);border-color:var(--gold-dim);transform:translateY(-3px);box-shadow:0 4px 10px #000a,0 0 8px #c9a22733}.dock-btn:active{transform:translateY(-1px)}.dock-btn .dock-ico{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;border:1px solid #00000055;text-shadow:0 1px 2px #000c;color:#f0e0b0}.dock-btn.locked{filter:grayscale(.9) brightness(.5);cursor:not-allowed}.dock-btn.locked:hover{transform:none;box-shadow:none}.side-btn{display:flex;flex-direction:column;align-items:center;gap:1px;width:52px;padding:6px 2px;background:linear-gradient(180deg,#2c2213cc,#1c150acc);border:1px solid #4d3e15;border-radius:8px;color:var(--text-dim);font-size:11px;font-weight:700;cursor:pointer;transition:all .14s;position:relative}.side-btn:hover{color:var(--gold-light);border-color:var(--gold-dim);transform:translate(-2px)}.side-btn .ico{font-size:18px}.card{background:linear-gradient(180deg,#241c10,#1a1309);border:1px solid #3d3015;border-radius:8px;padding:10px}.card.hoverable{cursor:pointer;transition:all .14s}.card.hoverable:hover{border-color:var(--gold-dim);box-shadow:0 0 10px #c9a22733;transform:translateY(-1px)}.card.selected{border-color:var(--gold);box-shadow:0 0 12px #c9a22766}.toasts{position:fixed;top:76px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{padding:8px 22px;font-size:14px;font-weight:700;letter-spacing:1px;border-radius:20px;white-space:nowrap;animation:toastin .25s cubic-bezier(.34,1.5,.64,1);box-shadow:0 4px 16px #000c;max-width:90vw;overflow:hidden;text-overflow:ellipsis}@keyframes toastin{0%{opacity:0;transform:translateY(-14px) scale(.9)}to{opacity:1;transform:none}}.toast.info{background:#262012ee;border:1px solid #6e5f3a;color:var(--text)}.toast.reward{background:#14260fee;border:1px solid #4fa06a;color:#b5e8a0}.toast.error{background:#2e0f0cee;border:1px solid #b5433a;color:#f0a89a}.toast.levelup{background:#2e2305ee;border:1px solid var(--gold);color:var(--gold-light);box-shadow:0 0 20px #c9a22788,0 4px 16px #000c}.bar{position:relative;height:14px;background:#12100a;border:1px solid #3d3015;border-radius:7px;overflow:hidden}.bar>.fill{position:absolute;inset:0;transform-origin:left;transition:transform .3s;border-radius:6px}.bar>.label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000;letter-spacing:.5px}.gtable{width:100%;border-collapse:collapse;font-size:13px}.gtable th{padding:7px 8px;text-align:left;color:var(--gold-light);border-bottom:1px solid var(--gold-dim);font-weight:700;letter-spacing:1px;background:#221a0c;position:sticky;top:0}.gtable td{padding:6px 8px;border-bottom:1px solid #2c2210;color:var(--text)}.gtable tr:hover td{background:#2a210f}@keyframes floatdmg{0%{opacity:0;transform:translate(-50%) scale(.6)}15%{opacity:1;transform:translate(-50%,-14px) scale(1.15)}to{opacity:0;transform:translate(-50%,-64px) scale(1)}}.float-dmg{position:absolute;left:50%;font-weight:900;pointer-events:none;z-index:50;animation:floatdmg 1.1s ease-out forwards;text-shadow:0 0 4px #000,0 2px 3px #000;font-family:Arial Black,sans-serif}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px,2px)}50%{transform:translate(4px,-2px)}75%{transform:translate(-3px,-1px)}}.unit-hit{animation:shake .32s ease}@keyframes attacklunge{0%{transform:translate(0)}40%{transform:translate(var(--lx),var(--ly)) scale(1.08)}to{transform:translate(0)}}.unit-attack{animation:attacklunge .5s ease}@keyframes deathfade{to{opacity:.15;filter:grayscale(1) brightness(.5);transform:scale(.9)}}.unit-dead{animation:deathfade .5s forwards}@keyframes fxslash{0%{opacity:0;transform:rotate(-40deg) scale(.4)}30%{opacity:1}to{opacity:0;transform:rotate(20deg) scale(1.5)}}@keyframes fxburst{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(2.1)}}@keyframes fxrise{0%{opacity:.9;transform:translateY(16px) scale(.7)}to{opacity:0;transform:translateY(-30px) scale(1.4)}}.tut-mask{position:fixed;inset:0;z-index:400;pointer-events:none}.tut-hole{position:absolute;border-radius:10px;box-shadow:0 0 0 9999px #000000c8,0 0 20px #c9a227;border:2px solid var(--gold);animation:tutpulse 1.4s infinite}@keyframes tutpulse{0%,to{border-color:var(--gold)}50%{border-color:#fff0c0}}.tut-bubble{position:absolute;z-index:401;max-width:340px;background:linear-gradient(180deg,#2e2312,#1c150a);border:2px solid var(--gold);border-radius:10px;padding:14px 16px;box-shadow:0 8px 30px #000e,0 0 16px #c9a22755;pointer-events:auto;animation:panelin .25s ease}.tut-arrow{position:absolute;font-size:30px;color:var(--gold-light);animation:arrowbounce .9s infinite;z-index:401;text-shadow:0 0 8px #c9a227;pointer-events:none}@keyframes arrowbounce{0%,to{transform:translateY(0)}50%{transform:translateY(9px)}}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent);margin:10px 0}.section-title{font-family:STKaiti,KaiTi,serif;font-size:15px;font-weight:800;letter-spacing:3px;color:var(--gold-light);margin:6px 0;display:flex;align-items:center;gap:8px}.section-title:before,.section-title:after{content:"";flex:0 0 18px;height:1px;background:var(--gold-dim)}.tooltip-box{position:fixed;z-index:500;pointer-events:none;background:#14100acc;backdrop-filter:blur(4px);border:1px solid var(--gold-dim);border-radius:8px;padding:10px 12px;font-size:12px;max-width:280px;box-shadow:0 8px 24px #000e}input[type=text]{font-family:inherit;font-size:15px;padding:9px 14px;color:var(--text);background:#171208;border:1px solid var(--gold-dim);border-radius:6px;outline:none;letter-spacing:1px}input[type=text]:focus{border-color:var(--gold);box-shadow:0 0 8px #c9a22744}.stars{color:var(--gold-light);font-size:12px;letter-spacing:1px;text-shadow:0 0 4px #c9a22788}.q-white{color:#c8c8c8}.q-green{color:#5fd35f}.q-blue{color:#4da6ff}.q-purple{color:#c47aff}.q-orange{color:#ffa237}.q-red{color:#ff4b4b}