:root{--bg: #0d0d0d;--surface: #171717;--surface-2: #1f1f1f;--border: #2a2a2a;--border-strong: #3a3a3a;--text: #f2f2f2;--text-2: #a3a3a3;--text-3: #6b6b6b;--primary: #ffffff;--on-primary: #0d0d0d;--hp: #4ade80;--mp: #60a5fa;--atb: #a3a3a3;--ok: #4ade80;--warn: #fbbf24;--bad: #f87171;--gold: #fbbf24;--radius: 12px;--radius-sm: 8px;--radius-pill: 999px;--fs-0: 12px;--fs-1: 14px;--fs-2: 16px;--fs-3: 20px;--fs-4: 32px;--lh: 1.5;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--focus: 2px solid #ffffff;--dur: .15s;--ease: cubic-bezier(.2, .7, .2, 1);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-1);line-height:var(--lh);font-variant-numeric:tabular-nums}#app{display:flex;align-items:flex-start;min-height:100vh}.sidebar{position:sticky;top:0;z-index:5;flex:0 0 220px;width:220px;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-5);border-right:1px solid var(--border);background:var(--surface);padding:var(--sp-5) var(--sp-4)}.sidebar__top{display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}.sidebar__brand{font-size:var(--fs-2);font-weight:600}.sidebar__level{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1) var(--sp-2);min-width:0}.sidebar__levelName{flex:0 0 auto}.sidebar__level .bar{flex:1 1 60px}.sidebar__foot{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2);margin-top:auto}.kv{display:flex;justify-content:space-between;gap:var(--sp-3);width:100%}.kv__label{color:var(--text-2)}.kv__value{font-weight:500}.nav{display:flex;flex-direction:column}.nav__item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);min-height:44px;width:100%;border:0;border-left:3px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-2);font-family:inherit;font-size:var(--fs-1);font-weight:500;line-height:var(--lh);text-align:left;padding:0 var(--sp-3);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.nav__item:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.nav__item:disabled{opacity:.4;cursor:default}.nav__item.is-active{background:var(--surface-2);border-left-color:var(--text);color:var(--text)}.nav__label{min-width:0;overflow-wrap:anywhere}.nav__count{flex:0 0 auto;font-size:var(--fs-0);color:var(--text-2)}.main{flex:1 1 auto;min-width:0;padding:var(--sp-5)}.screen-title{margin:0;font-size:var(--fs-3);font-weight:600;line-height:var(--lh);overflow-wrap:anywhere}button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:var(--focus);outline-offset:2px}.card{border:1px solid var(--border);border-top:3px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);padding:var(--sp-5)}.card h2,h2{margin:0 0 var(--sp-3);font-size:var(--fs-2);font-weight:600;line-height:var(--lh);color:var(--text);overflow-wrap:anywhere}.content{display:flex;flex-direction:column;gap:var(--sp-4);max-width:880px}.row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.dim{color:var(--text-2);margin:0}.gold{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-family:inherit;font-size:var(--fs-1);font-weight:500;line-height:var(--lh);padding:0 var(--sp-4);cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.btn:hover:not(:disabled){border-color:var(--border-strong)}.btn:disabled{opacity:.4;cursor:default}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn--primary:hover:not(:disabled){border-color:var(--primary)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn--ghost:hover:not(:disabled){background:var(--surface-2);border-color:transparent;color:var(--text)}.btn--icon{width:36px;padding:0}.btn--danger{color:var(--bad)}.seg{display:inline-flex;align-items:center;gap:var(--sp-1);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);padding:3px;max-width:100%}.seg>button{flex:0 0 auto;min-height:30px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-2);font-family:inherit;font-size:var(--fs-1);font-weight:500;line-height:var(--lh);padding:0 var(--sp-3);cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.seg>button:hover:not(:disabled){color:var(--text)}.seg>button:disabled{opacity:.4;cursor:default}.seg>button.is-active{background:var(--surface-2);color:var(--text)}.select{max-width:100%;min-height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-family:inherit;font-size:var(--fs-1);padding:0 var(--sp-2)}.select option{background:var(--surface);color:var(--text)}.select option:disabled{color:var(--text-3)}.chip{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px 10px;font-size:var(--fs-0);color:var(--text-2);white-space:nowrap}.chip--warn{color:var(--warn);border-color:var(--warn)}.chip--boss{color:var(--bad);border-color:var(--bad)}.chip--miniboss{color:var(--warn);border-color:var(--warn)}.bar{position:relative;display:block;flex:1 1 auto;min-width:0;height:8px;border-radius:var(--radius-pill);background:var(--border);overflow:hidden}.bar__fill{display:block;height:100%;border-radius:inherit;background:var(--text-2);transition:width var(--dur) linear}.bar__fill--hp{background:var(--hp)}.bar__fill--mp{background:var(--mp)}.bar__fill--atb{background:var(--atb)}.bar__fill--xp{background:var(--text-2)}.bar__fill--danger{background:var(--bad)}.bar--stat{height:18px;border-radius:var(--radius-sm)}.bar--stat .bar__fill{opacity:.85}.bar__value--in{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--fs-0);font-weight:600;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.8)}.bar--thin{height:4px}.bar__value{flex:0 0 auto;font-size:var(--fs-0);color:var(--text-2);white-space:nowrap}.notice{display:flex;align-items:center;gap:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4);color:var(--text-2)}.notice__text{flex:1;min-width:0;overflow-wrap:anywhere}.floor-card{display:flex;flex-direction:column;gap:var(--sp-3)}.floor-card__head{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.floor-card__num{font-size:var(--fs-4);font-weight:600;line-height:1.2}.floor-card__note{margin:0;color:var(--text-2);overflow-wrap:anywhere}.floor-card__actions{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.grid{display:grid;grid-template-columns:repeat(10,36px);gap:var(--sp-2);justify-content:start}.sq{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-3);font-family:inherit;font-size:var(--fs-0);font-weight:500;line-height:1;padding:0;cursor:pointer;overflow:hidden;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.sq--cleared{background:var(--surface-2);color:var(--text)}.sq--open{border-color:var(--border-strong);color:var(--text)}.sq:disabled{cursor:default}.sq:hover:not(:disabled){background:var(--surface-2)}.sq--selected,.sq--selected:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.sq--here:before{content:"";position:absolute;bottom:6px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:var(--radius-pill);background:currentColor}.sq--boss:after,.sq--miniboss:after,.sq--city:after,.sq--dungeon:after{content:"";position:absolute;inset:auto 0 0;height:2px}.sq--boss:after{background:var(--bad)}.sq--miniboss:after{background:var(--warn)}.sq--city:after{background:var(--gold)}.sq--dungeon:after{background:var(--mp)}.legend{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);margin-top:var(--sp-3);font-size:var(--fs-0);color:var(--text-2)}.legend__item{display:inline-flex;align-items:center;gap:var(--sp-2)}.legend__mark{display:inline-block;width:12px;height:2px;border-radius:var(--radius-pill)}.legend__mark--boss{background:var(--bad)}.legend__mark--miniboss{background:var(--warn)}.legend__mark--city{background:var(--gold)}.legend__mark--dungeon{background:var(--mp)}.details>summary{cursor:pointer;list-style:none;color:var(--text-2);font-weight:500}.details>summary::-webkit-details-marker{display:none}.details>summary:before{content:"▸ ";color:var(--text-3)}.details[open]>summary:before{content:"▾ "}.details[open]>summary{margin-bottom:var(--sp-4);color:var(--text)}.save{display:flex;flex-direction:column;gap:var(--sp-3)}.save__text{display:block;width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-family:inherit;font-size:var(--fs-0);line-height:var(--lh);padding:var(--sp-2);resize:vertical}.battle{display:flex;flex-direction:column;gap:var(--sp-4)}.battlefield{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);align-items:start}.party,.enemies{display:flex;flex-direction:column;gap:var(--sp-3)}.cbt{display:flex;flex-direction:column;gap:var(--sp-2)}.cbt+.cbt{border-top:1px solid var(--border);padding-top:var(--sp-3)}.cbt--dead{opacity:.4}.cbt--dead .cbt__name{text-decoration:line-through}.cbt__head{display:flex;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap}.cbt__name{font-weight:500;min-width:0;overflow-wrap:anywhere}.cbt__bar{display:flex;align-items:center;gap:var(--sp-2)}.cbt__tag{flex:0 0 auto;width:24px;font-size:var(--fs-0);color:var(--text-2)}.cbt__statuses{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.log{max-height:48vh;overflow-y:auto;overflow-wrap:anywhere;color:var(--text-2)}.log__line--wave{color:var(--text);font-weight:600;margin-top:var(--sp-3)}.log__line--wave:first-child{margin-top:0}.log__line--end{color:var(--text);font-weight:600}.log__line--danger{color:var(--bad)}.log__line--heal{color:var(--ok)}.battle__controls{align-items:center}.battle__skip{margin-left:auto}.battle__feedback{font-size:var(--fs-0);color:var(--text-2)}.battle__feedback--error{color:var(--warn)}.report{display:flex;flex-direction:column;gap:var(--sp-4)}.report__outcome{font-size:var(--fs-3);font-weight:600}.report__outcome--win{color:var(--ok)}.report__outcome--loss{color:var(--bad)}.report__outcome--timeout{color:var(--warn)}.report__note{margin:var(--sp-2) 0 0;color:var(--text-2)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4);margin-top:var(--sp-5)}.stat{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.stat__label{font-size:var(--fs-0);color:var(--text-2)}.stat__value{font-size:var(--fs-3);font-weight:600;overflow-wrap:anywhere}.report__block+.report__block{margin-top:var(--sp-5)}.report__list{display:flex;flex-direction:column;gap:var(--sp-1);color:var(--text-2);overflow-wrap:anywhere}.gear-list{display:flex;flex-direction:column;gap:var(--sp-3)}.gear{display:flex;flex-direction:column;gap:2px}.gear__head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2)}.gear__name{font-weight:500}.gear__line{color:var(--text-2);font-size:var(--fs-0)}.log-note{margin:0 0 var(--sp-2);font-size:var(--fs-0);color:var(--text-2)}@media(max-width:899px){#app{flex-direction:column;min-height:0}.sidebar{flex:0 0 auto;width:100%;height:auto;overflow:visible;flex-flow:row wrap;align-items:center;gap:var(--sp-3) var(--sp-4);border-right:0;border-bottom:1px solid var(--border);padding:var(--sp-3) var(--sp-4)}.sidebar__top{flex:1 1 auto;flex-flow:row wrap;align-items:center;gap:var(--sp-2) var(--sp-4)}.sidebar__level .bar{flex:0 0 64px}.sidebar__foot{flex:0 1 auto;flex-flow:row wrap;align-items:center;gap:var(--sp-2) var(--sp-4);margin-top:0}.kv{width:auto}.nav{flex:1 1 100%;flex-direction:row;gap:var(--sp-1);overflow-x:auto;scrollbar-width:thin;border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px}.nav__item{min-height:30px;width:auto;border-left:0;border-radius:var(--radius-pill);padding:0 var(--sp-3);white-space:nowrap}.nav__item.is-active{border-left-color:transparent}.nav__count{display:none}.main{padding:var(--sp-4)}}@media(max-width:720px){.battlefield{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.card{padding:var(--sp-4)}.grid{grid-template-columns:repeat(5,36px)}.log{max-height:40vh}.sidebar__brand{flex:1 0 100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.gambits__dirty{color:var(--warn, #fbbf24);border-color:var(--warn, #fbbf24)}.gambits__sub{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3, 12px);margin:0 0 var(--sp-4, 16px);color:var(--text-2, #a3a3a3);font-size:var(--fs-1, 14px)}.gambits__actions{display:flex;flex-wrap:wrap;gap:var(--sp-2, 8px);margin-bottom:var(--sp-4, 16px)}.gambits__card{padding:var(--sp-2, 8px)}.gambits__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.gambit{border-radius:var(--radius-sm, 8px)}.gambit+.gambit{border-top:1px solid var(--border, #2a2a2a)}.gambit--open{background:var(--surface-2, #1f1f1f);border-top-color:transparent}.gambit--open+.gambit{border-top-color:transparent}.gambit--empty{padding:var(--sp-3, 12px);color:var(--text-2, #a3a3a3);font-size:var(--fs-1, 14px)}.gambit__row{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center}.gambit__toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;min-height:44px}.gambit__check{width:16px;height:16px;accent-color:var(--text, #f2f2f2);cursor:pointer}.gambit__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3, 12px);width:100%;min-height:44px;padding:var(--sp-2, 8px) var(--sp-3, 12px);border:0;border-radius:var(--radius-sm, 8px);background:transparent;color:inherit;font:inherit;font-size:var(--fs-1, 14px);line-height:var(--lh, 1.5);text-align:left;cursor:pointer;transition:background var(--dur, .15s) var(--ease, ease)}.gambit__head:hover{background:var(--surface-2, #1f1f1f)}.gambit--open .gambit__head:hover{background:transparent}.gambit__num{min-width:2ch;color:var(--text-2, #a3a3a3);text-align:right}.gambit__phrase{flex:1 1 12rem;min-width:0}.gambit__phrase--off{color:var(--text-2, #a3a3a3);text-decoration:line-through}.gambit__outside{color:var(--warn, #fbbf24);border-color:var(--warn, #fbbf24)}.gambit__editor{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--sp-3, 12px);padding:0 var(--sp-3, 12px) var(--sp-3, 12px) 36px}.gambit__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3, 12px);flex:1 1 20rem;min-width:0}.gambit__field{display:flex;flex-direction:column;gap:var(--sp-1, 4px);min-width:0}.gambit__fieldLabel{color:var(--text-2, #a3a3a3);font-size:var(--fs-0, 12px)}.gambit__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2, 8px);min-width:0}.gambit__select{max-width:100%;min-width:0}.gambit__fixed{color:var(--text-2, #a3a3a3);font-size:var(--fs-1, 14px)}.gambit__ctrl{display:inline-flex;gap:var(--sp-1, 4px)}.gambits__locked{margin:var(--sp-3, 12px) 0 0;color:var(--text-2, #a3a3a3);font-size:var(--fs-1, 14px)}.gambits__note{margin:var(--sp-3, 12px) 0 0;color:var(--text-2, #a3a3a3);font-size:var(--fs-1, 14px);max-width:62ch}@media(max-width:720px){.gambit__fields{grid-template-columns:minmax(0,1fr)}.gambit__editor{padding-left:var(--sp-3, 12px)}.gambit__ctrl{width:100%;justify-content:flex-end}}.inventory__section{margin-bottom:var(--sp-5, 24px)}.inventory__section:last-child{margin-bottom:0}.inventory__title{margin:0 0 var(--sp-3, 12px);font-size:var(--fs-2, 16px);font-weight:600}.inventory__empty{margin:0;color:var(--text-2, #a3a3a3);font-size:var(--fs-1, 14px)}.equipped{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3, 12px)}.equipped__tile{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-1, 4px);min-width:0;padding:var(--sp-3, 12px);color:inherit;font:inherit;line-height:var(--lh, 1.5);text-align:left;cursor:pointer;transition:background var(--dur, .15s) var(--ease, ease),border-color var(--dur, .15s) var(--ease, ease)}.equipped__tile:hover:not([aria-disabled=true]){border-color:var(--border-strong, #3a3a3a)}.equipped__tile[aria-disabled=true]{cursor:default}.equipped__tile--on{background:var(--surface-2, #1f1f1f);border-color:var(--border-strong, #3a3a3a)}.equipped__slot{color:var(--text-2, #a3a3a3);font-size:var(--fs-0, 12px)}.equipped__item{font-size:var(--fs-1, 14px);overflow-wrap:anywhere}.equipped__item--empty{color:var(--text-3, #6b6b6b)}.bag__card{padding:var(--sp-2, 8px)}.bag{list-style:none;margin:0;padding:0}.bag__item+.bag__item{border-top:1px solid var(--border, #2a2a2a)}.bag__row{display:grid;grid-template-columns:8px minmax(0,1fr) max-content;align-items:center;gap:var(--sp-3, 12px);width:100%;min-height:40px;padding:var(--sp-2, 8px) var(--sp-3, 12px);border:0;border-radius:var(--radius-sm, 8px);background:transparent;color:inherit;font:inherit;font-size:var(--fs-1, 14px);line-height:var(--lh, 1.5);text-align:left;cursor:pointer;transition:background var(--dur, .15s) var(--ease, ease)}.bag__row:hover,.bag__row--on{background:var(--surface-2, #1f1f1f)}.bag__dot{width:8px;height:8px;border-radius:var(--radius-pill, 999px)}.bag__name{min-width:0;overflow-wrap:anywhere}.bag__metas{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--sp-1, 4px) var(--sp-3, 12px)}.bag__meta{color:var(--text-2, #a3a3a3);font-size:var(--fs-0, 12px);text-align:right}.bag__meta--rarity{min-width:7ch}.bag__meta--slot{min-width:8ch}.bag__meta--tier{min-width:5ch}.detail{margin-bottom:var(--sp-5, 24px)}.detail__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2, 8px);margin-bottom:var(--sp-3, 12px)}.detail__name{font-size:var(--fs-2, 16px);font-weight:600;overflow-wrap:anywhere}.detail__lines,.detail__diffs{list-style:none;margin:0 0 var(--sp-3, 12px);padding:0;display:flex;flex-direction:column;gap:2px;color:var(--text-2, #a3a3a3);font-size:var(--fs-1, 14px);line-height:var(--lh, 1.5)}.detail__diffs{color:var(--text, #f2f2f2)}.detail__diff{display:flex;flex-wrap:wrap;gap:var(--sp-2, 8px)}.detail__diffName{min-width:11ch;color:var(--text-2, #a3a3a3)}.detail__delta--up{color:var(--ok, #4ade80)}.detail__delta--down{color:var(--bad, #f87171)}.detail__none{margin:0 0 var(--sp-3, 12px);color:var(--text-2, #a3a3a3);font-size:var(--fs-1, 14px)}.detail__error,.detail__warn{margin:0 0 var(--sp-3, 12px);font-size:var(--fs-1, 14px)}.detail__error{color:var(--bad, #f87171)}.detail__warn{color:var(--warn, #fbbf24)}.detail__actions{display:flex;flex-wrap:wrap;gap:var(--sp-2, 8px)}.stash{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.stash__row{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:var(--sp-3, 12px);padding:var(--sp-1, 4px) 0;font-size:var(--fs-1, 14px);line-height:var(--lh, 1.5)}.stash__row+.stash__row{border-top:1px solid var(--border, #2a2a2a)}.stash__name{color:var(--text-2, #a3a3a3);min-width:0}.stash__qty{text-align:right}@media(max-width:720px){.equipped{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.bag__row{grid-template-columns:8px minmax(0,1fr);gap:var(--sp-2, 8px)}.bag__metas{grid-column:2;justify-content:flex-start}.bag__meta{text-align:left}}.system__section{margin-bottom:var(--sp-5, 24px)}.system__section:last-child{margin-bottom:0}.system__title{margin:0 0 var(--sp-3, 12px);font-size:var(--fs-2, 16px);font-weight:600}.system__header{margin-bottom:var(--sp-5, 24px)}.system__brandRow{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-3, 12px);margin-bottom:var(--sp-3, 12px)}.system__brand{font-size:var(--fs-4, 32px);font-weight:600;line-height:1.1}.system__class{color:var(--text-2, #a3a3a3);font-size:var(--fs-1, 14px)}.system__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3, 12px) var(--sp-5, 24px);font-size:var(--fs-1, 14px)}.system__fact{display:inline-flex;align-items:baseline;gap:var(--sp-2, 8px)}.system__factLabel{color:var(--text-2, #a3a3a3)}.system__xp{display:inline-flex;align-items:center;gap:var(--sp-2, 8px);flex:1 1 12rem;min-width:0}.system__xp .bar{flex:1 1 auto;min-width:0}.system__xp .bar__fill{background:var(--text, #f2f2f2)}.system__free{margin:0 0 var(--sp-3, 12px);color:var(--text-2, #a3a3a3);font-size:var(--fs-1, 14px)}.system-attrs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3, 12px)}.system-attrs__tile{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:var(--sp-1, 4px) var(--sp-2, 8px);padding:var(--sp-3, 12px)}.system-attrs__name{grid-column:1;color:var(--text-2, #a3a3a3);font-size:var(--fs-0, 12px)}.system-attrs__line{grid-column:1;display:flex;align-items:baseline;gap:var(--sp-2, 8px);min-width:0}.system-attrs__value{font-size:var(--fs-3, 20px);font-weight:600;line-height:1.2}.system-attrs__bonus{color:var(--text-2, #a3a3a3);font-size:var(--fs-1, 14px)}.system-attrs__add{grid-column:2;grid-row:1 / span 2}.system-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.system-list__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:baseline;gap:var(--sp-3, 12px);padding:var(--sp-2, 8px) 0;font-size:var(--fs-1, 14px);line-height:var(--lh, 1.5)}.system-list__row+.system-list__row{border-top:1px solid var(--border, #2a2a2a)}.system-list__cell{display:flex;flex-direction:column;min-width:0}.system-list__name{min-width:0;overflow-wrap:anywhere}.system-list__name--muted{color:var(--text-3, #6b6b6b)}.system-list__name--strong{font-weight:500}.system-list__hint{color:var(--text-2, #a3a3a3);font-size:var(--fs-0, 12px)}.system-list__value{color:var(--text-2, #a3a3a3);text-align:right;min-width:0;overflow-wrap:anywhere}@media(max-width:600px){.system-attrs{grid-template-columns:repeat(2,minmax(0,1fr))}}