#game{max-width:1200px;margin:0 auto;padding:0 0 2rem;display:flex;flex-direction:column;min-height:calc(100vh - 60px)}#hud{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.8rem 0;border-bottom:1px solid var(--border);margin-bottom:.8rem}.brand{color:var(--text);font-weight:700;letter-spacing:2px;font-size:13px;white-space:nowrap}.brand span{color:var(--accent)}#res-bar{display:flex;gap:.9rem;flex-wrap:wrap;align-items:center}.res{display:flex;align-items:center;gap:4px;color:var(--text);font-size:12px}.res i{font-style:normal;color:var(--accent)}.res em{font-style:normal;color:var(--muted);font-size:10px}#hud-right{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap}.hudbtn{background:var(--card);color:var(--text);border:1px solid var(--border);padding:.35rem .7rem;font-size:11px;letter-spacing:1px;cursor:pointer;font-family:inherit}.hudbtn:hover{border-color:var(--accent);color:var(--accent)}#btn-rebirth{border-color:var(--gold);color:var(--gold)}main{display:flex;gap:1rem;flex:1}#battle-wrap{position:relative;flex:1;min-height:480px}#battle{width:100%;height:100%;min-height:480px;background:var(--bg);border:1px solid var(--border);display:block;touch-action:none}#right{width:340px;position:relative}#panel{position:absolute;top:0;right:0;left:0;background:var(--card);border:1px solid var(--border);z-index:50}#panel.hidden,.hidden{display:none}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:.6rem .8rem;border-bottom:1px solid var(--border)}.panel-head h3{font-size:12px;letter-spacing:1px;color:var(--accent)}.panel-body{padding:.8rem;max-height:70vh;overflow-y:auto}.tree-wrap{height:480px}#treeCv{width:100%;height:100%;display:block}#levelPanel{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:6px}#levelBadge{width:46px;height:46px;border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;background:#0b0f17d9}#levelValue{color:var(--accent);font-size:18px;font-weight:700}#xpBarVertical{width:10px;height:46px;background:#ffffff0f;position:relative;overflow:hidden}#xpBarFillVertical{position:absolute;bottom:0;left:0;right:0;background:var(--accent);height:0%}#xpBarTextVertical{position:absolute;left:16px;top:16px;font-size:9px;color:var(--muted);white-space:nowrap}#distanceBox{position:absolute;top:10px;right:10px;text-align:right;background:#0b0f17d9;padding:.4rem .7rem;border:1px solid var(--border)}#distanceLabel{font-size:9px;letter-spacing:2px;color:var(--red)}#distanceValue{font-size:20px;font-weight:700;color:var(--text)}#distSub{font-size:10px;color:var(--muted)}#bossBar{position:absolute;top:10px;left:50%;transform:translate(-50%);width:320px;text-align:center}#bossName{font-size:11px;letter-spacing:2px;color:var(--red);margin-bottom:4px}#bossOuter{height:12px;background:#ffffff14;border:1px solid var(--red)}#bossFill{height:100%;width:100%;background:var(--red)}#healthBarContainer{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:420px;max-width:90%}#healthBarRow{display:flex;align-items:center;gap:8px}#healthBarOuter{flex:1;height:18px;background:#ffffff14;border:1px solid var(--border);overflow:hidden}#healthBarFill{height:100%;width:100%;background:var(--accent)}#healthBarText{font-size:12px;color:var(--text);white-space:nowrap}#toasts{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{background:var(--card);border:1px solid var(--accent);color:var(--text);padding:.4rem 1rem;font-size:12px;opacity:1;transition:opacity .4s}.toast.out{opacity:0}#levelup-overlay{position:fixed;inset:0;background:#000000bf;z-index:300;display:flex;align-items:center;justify-content:center}#levelup-overlay.hidden{display:none}#levelup-box{background:var(--bg-2);border:1px solid var(--accent);padding:1.5rem;width:420px}.lu-title{font-size:20px;letter-spacing:3px;color:var(--accent)}.lu-sub{font-size:11px;color:var(--muted);letter-spacing:2px;margin-bottom:1rem}.lu-opts{display:flex;flex-direction:column;gap:8px}.lu-opt{display:flex;align-items:center;gap:.8rem;background:var(--card);border:1px solid var(--border);color:var(--text);padding:.7rem 1rem;cursor:pointer;text-align:left;font-family:inherit}.lu-opt:hover{border-color:var(--accent)}.lu-icon{font-size:20px;color:var(--accent);width:28px}.lu-name{font-weight:700;font-size:13px}.lu-lv{color:var(--gold);font-size:10px}.lu-desc{color:var(--muted);font-size:11px;display:block;margin-left:36px;margin-top:2px}.shop-list{display:flex;flex-direction:column;gap:8px;margin-bottom:.8rem}.shop-offer{display:flex;align-items:center;justify-content:space-between;background:var(--bg-2);border:1px solid var(--border);border-left:4px solid var(--rc, var(--accent));color:var(--text);padding:.6rem .8rem;cursor:pointer;font-family:inherit;text-align:left}.shop-offer:hover{border-color:var(--accent)}.r-tag{font-size:9px;color:var(--rc, var(--accent));letter-spacing:1px;margin-right:8px}.o-name{font-size:12px;flex:1}.o-name em{font-style:normal;color:var(--muted)}.o-cost{color:var(--gold);font-size:12px}.shop-own{border-top:1px solid var(--border);margin-top:.8rem;padding-top:.6rem}.shop-own h4{font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:6px}.own-item{font-size:11px;color:var(--text);padding:2px 0}.mission,.ach{margin-bottom:.7rem}.m-head{display:flex;justify-content:space-between;font-size:11px;margin-bottom:4px;color:var(--text)}.m-head span:last-child{color:var(--gold)}.m-bar{height:8px;background:#ffffff0f;overflow:hidden}.m-fill{height:100%;background:var(--accent)}.ach.ok .m-fill{background:var(--gold)}.a-head{display:flex;justify-content:space-between;font-size:11px;color:var(--text)}.a-head em{font-style:normal;color:var(--accent)}.a-desc{font-size:10px;color:var(--muted);margin-top:2px}.fleet{display:flex;flex-direction:column;gap:6px;margin-bottom:1rem}.fleet-item{background:var(--bg-2);border:1px solid var(--border);color:var(--text);padding:.6rem;cursor:pointer;text-align:left;font-family:inherit;display:flex;flex-direction:column;gap:2px}.fleet-item.active{border-color:var(--accent)}.fleet-item.locked{opacity:.5}.fleet-item span{font-size:10px;color:var(--muted)}.stats-table{width:100%;border-collapse:collapse;font-size:11px}.stats-table td{padding:4px 6px;border-bottom:1px solid rgba(255,255,255,.05)}.stats-table td:first-child{color:var(--muted)}.stats-table td:last-child{text-align:right;color:var(--text)}.rebirth-overlay-modal{position:fixed;inset:0;background:#000c;z-index:400;display:flex;align-items:center;justify-content:center}.rebirth-box{background:var(--bg-2);border:1px solid var(--gold);padding:1.5rem;width:400px}.rebirth-title{color:var(--gold);letter-spacing:3px;font-size:16px;margin-bottom:.6rem}.rebirth-gain{color:var(--text);font-size:12px;margin-bottom:1rem}.rebirth-tracks{display:flex;flex-direction:column;gap:6px;margin-bottom:1rem}.rebirth-tracks .hudbtn{text-align:left}.rebirth-own{font-size:11px;color:var(--muted);margin-bottom:1rem}.rebirth-btns{display:flex;gap:8px;justify-content:flex-end}.rebirth-yes{background:var(--gold);color:#231900;border:none;padding:.5rem 1rem;font-weight:700;letter-spacing:1px;cursor:pointer;font-family:inherit}@media (max-width: 900px){main{flex-direction:column}#right{width:100%}#panel{position:static}#battle{min-height:380px}#hud-right{margin-left:0}}