:root{--bg:#12141a;--p:#1c2230;--p2:#273043;--b:#55607a;--t:#e7ecf6;--m:#9cadc8;--g:#f4d35e}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Microsoft JhengHei,sans-serif;background:linear-gradient(#0f131b,#171d28);color:var(--t)}.app{display:grid;grid-template-columns:760px 340px;gap:16px;max-width:1140px;margin:18px auto;padding:0 12px 20px}.panel{background:#1c2230f5;border:1px solid var(--b);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #00000047}.h{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;background:#ffffff08}.p{padding:12px}canvas{display:block;width:736px;height:576px;margin:12px;border:1px solid #313c52;border-radius:10px;background:#0d1016;image-rendering:pixelated}.helpPanel{margin:0 12px 12px;background:#18202d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px}.helpTitle{font-size:12px;color:var(--m);text-transform:uppercase;margin-bottom:10px}.helpGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.helpItem{background:var(--p2);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px;font-size:13px;line-height:1.45;color:#d6ddea}.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card,.row{background:var(--p2);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px}.lab{color:var(--m);font-size:12px}.val{font-size:18px;font-weight:700;margin-top:4px}.bar{height:10px;border-radius:99px;background:#ffffff14;overflow:hidden;margin-top:8px}.bar>span{display:block;height:100%}.hp>span{background:linear-gradient(90deg,#89e16b,#43b95d)}.mp>span{background:linear-gradient(90deg,#79b7ff,#4f7df0)}.st{margin:14px 0 8px;font-size:13px;color:var(--m);text-transform:uppercase}.list{display:flex;flex-direction:column;gap:8px}.tiny{font-size:12px;color:var(--m)}.gold{color:var(--g)}.log{height:180px;overflow:auto;background:#10151e;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px;font-size:13px;line-height:1.45}.e{padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.06)}.e:last-child{border-bottom:none}.ov{position:fixed;inset:0;background:#00000073;display:none;align-items:center;justify-content:center;padding:20px;z-index:30}.ov.show{display:flex}.modal{width:min(780px,100%);max-height:85vh;overflow:auto;background:#1a2130;border:1px solid var(--b);border-radius:18px;padding:18px}.shop{display:flex;flex-direction:column;gap:10px;margin-top:14px}.entry{width:100%;text-align:left;background:#243149;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;color:#fff}.entry.a{background:#31517f;border-color:#8fb8ff}.entry.d{opacity:.55}.top{display:flex;justify-content:space-between;gap:12px}.meta{margin-top:6px;font-size:12px;color:var(--m)}@media(max-width:1120px){.app{grid-template-columns:1fr}canvas{width:100%;height:auto;margin:0;border-radius:0;border-left:none;border-right:none}.helpPanel{margin:0;padding:12px;border-radius:0;border-left:none;border-right:none}.helpGrid{grid-template-columns:1fr}}