:root{--bg: #14110f;--panel: #1f1a16;--panel2: #2a231d;--line: #3a3027;--text: #ece3d6;--muted: #9b8f80;--accent: #c9923a;--accent-text: #1a1208;--good: #6fbf73;--bad: #e0675c;--hp: #c0483f;--exp: #d6a83a;--enemy: #7a5ac0;color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #f4efe7;--panel: #fffaf2;--panel2: #efe6d8;--line: #d8cbb8;--text: #2a2118;--muted: #7a6c5b;--accent: #a9731c;--accent-text: #fff;--good: #2f8f3a;--bad: #b83a2f;color-scheme:light}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}#root{min-height:100dvh}h1,h2,h3,h4{margin:0 0 .5rem;line-height:1.2}h2{font-size:1.15rem}h3{font-size:1rem}h4{font-size:.9rem;margin-top:1rem}p{margin:.4rem 0}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--bad)}.good{color:var(--good)}.center{min-height:100dvh;display:flex;flex-direction:column;gap:.75rem;align-items:center;justify-content:center;padding:16px}.page{max-width:760px;margin:0 auto;padding:12px 16px 96px;display:flex;flex-direction:column;gap:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.card.auth{width:min(420px,100%);display:flex;flex-direction:column;gap:.6rem}.card.sticky{position:sticky;bottom:12px;box-shadow:0 6px 24px #0008}button,.btn{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:10px 14px;min-height:44px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}button:hover:not(:disabled),.btn:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,.btn:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}.ghost{background:transparent}.small.ghost,button.small{min-height:36px;padding:6px 10px}.big{min-height:52px;font-size:1.05rem;width:100%}.row{display:flex;gap:8px;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:var(--muted)}input[type=email],input[type=password],input:not([type]),input[type=text]{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-height:44px}input[type=range]{width:100%;accent-color:var(--accent)}.check{flex-direction:row;align-items:center;gap:10px;color:var(--text);font-size:1rem;padding:6px 0;cursor:pointer}.check input{width:22px;height:22px;accent-color:var(--accent)}.topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}.topbar .bars{flex:1 1 120px;min-width:100px}.yang{color:var(--exp);font-variant-numeric:tabular-nums}.nav{display:flex;gap:4px;padding:6px 12px;background:var(--panel);border-bottom:1px solid var(--line);overflow-x:auto;position:sticky;top:0;z-index:5}.nav a{padding:10px 14px;border-radius:8px;color:var(--muted);text-decoration:none;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}.nav a.active{background:var(--panel2);color:var(--text);box-shadow:inset 0 -2px var(--accent)}.bar{position:relative;height:24px;background:var(--bg);border:1px solid var(--line);border-radius:6px;overflow:hidden;margin:6px 0}.bar i{position:absolute;inset:0 auto 0 0;background:var(--hp);transition:width .15s linear}.bar.exp i{background:var(--exp)}.bar.enemy i{background:var(--enemy)}.bar.exp{height:18px;margin:0}.bar span{position:relative;z-index:1;display:block;text-align:center;font-size:.78rem;line-height:22px;text-shadow:0 1px 2px #000a;color:#fff}.bar.exp span{line-height:16px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-top:10px}.stats div{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column}.stats span{color:var(--muted);font-size:.78rem}.stats strong{font-variant-numeric:tabular-nums}.list{list-style:none;margin:0;padding:0}.list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line)}.list li:first-child{border-top:0}.list li.here{background:linear-gradient(90deg,#c9923a18,transparent)}.badge{background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:.8rem}.classes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tile{flex-direction:column;align-items:flex-start;text-align:left;height:100%}.tile.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.actionbar{position:fixed;left:0;right:0;bottom:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 35%)}.actionbar>*{max-width:728px;margin:0 auto;display:flex}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{min-height:36px;padding:4px 10px;font-size:.85rem}.chip.off{opacity:.45;text-decoration:line-through}.log{list-style:none;margin:0;padding:0;font-variant-numeric:tabular-nums}.log li{display:grid;grid-template-columns:1fr 80px 60px;gap:8px;padding:3px 0;font-size:.9rem}.log li.foe strong{color:var(--bad)}.log li.me strong{color:var(--good)}.log li span:nth-child(2){color:var(--exp);font-size:.75rem}.log strong{text-align:right}.equip{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.slot{flex-direction:column;align-items:flex-start;text-align:left}.slot.full{border-color:var(--accent)}.tabs{display:flex;gap:6px;margin-bottom:10px}.tabs .on{border-color:var(--accent);background:var(--panel2)}.grid{display:grid;gap:3px;background:repeating-linear-gradient(0deg,transparent 0 43px,var(--line) 43px 44px)}.item{padding:2px 4px;flex-direction:column;font-size:.72rem;line-height:1.1;overflow:hidden;background:var(--panel2);position:relative;min-height:0;text-align:center}.item.on{border-color:var(--accent)}.item em{position:absolute;right:3px;bottom:1px;font-style:normal;color:var(--exp);font-size:.7rem}@media(max-width:520px){.classes{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.bar i{transition:none}}