:root{--bg: #ffffff;--fg: #111111;--muted: #666666;--panel: #f7f7f7;--line: #d0d0d0;--focus: #1a73e8;--error: #b00020;--ok: #0b6b3a;--warn: #8a5a00;--btn-bg: var(--fg);--btn-fg: var(--bg);--btn-bg-disabled: var(--line);--btn-fg-disabled: var(--muted);--input-bg: var(--bg);--input-fg: var(--fg);--input-line: var(--line);--input-line-error: var(--error);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--r-0: 0px;--touch-h: 44px;--touch-pad-x: 12px;--font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--fs-0: 12px;--fs-1: 14px;--fs-2: 16px;--fs-3: 18px;--fs-4: 22px;--lh: 1.25;--page-pad: 16px;--panel-pad: 12px;--gap: 12px;--max-content: 1600px;--c-dex: #1f5fbf;--c-agi: #2b7a2b;--c-int: #7a4bb3;--c-str: #b33b3b;--c-lf: #b36b00;--c-mp: #006c8a}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font)}.l-page{min-height:100vh;padding:var(--page-pad);display:flex;flex-direction:column;gap:var(--gap);width:100%;max-width:var(--max-content);margin:0 auto}.l-shell{display:flex;flex-direction:column;min-height:100vh}.l-header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);flex-wrap:wrap}.l-main{flex:1;display:flex;flex-direction:column;gap:var(--gap)}.l-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap)}.l-col{display:flex;flex-direction:column;gap:var(--gap)}.l-split{display:flex;gap:var(--gap);flex-direction:column}.l-grow{flex:1}.l-tight{gap:var(--s-2)}.l-sticky-bottom{position:sticky;bottom:0;background:var(--bg);padding:var(--s-3) 0}@media (min-width: 640px){.l-split{flex-direction:row}}.t-h1{font-size:var(--fs-4);font-weight:700;line-height:var(--lh);margin:0}.t-h2{font-size:var(--fs-3);font-weight:700;line-height:var(--lh);margin:0}.t-h3{font-size:var(--fs-2);font-weight:700;line-height:var(--lh);margin:0}.t-body{font-size:var(--fs-2);font-weight:400;line-height:1.4;margin:0}.t-small{font-size:var(--fs-1);color:var(--muted);line-height:1.35;margin:0}.t-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--fs-1)}.c-shell{background:var(--bg);color:var(--fg)}.c-shell__header{border-bottom:1px solid var(--line);padding:var(--s-3)}.c-shell__main{padding:var(--page-pad);width:100%;max-width:var(--max-content);margin:0 auto}.c-panel{border-radius:var(--r-0);padding:var(--panel-pad);display:flex;flex-direction:column;gap:var(--s-3)}.c-panel--lined{border:1px solid var(--line);background:var(--bg)}.c-panel--plain{border:1px solid transparent;background:var(--panel)}.c-panel__hd,.c-panel__bd,.c-panel__ft{display:flex;flex-direction:column;gap:var(--s-2)}.c-panel__ft{min-height:44px;justify-content:center}.c-placeholder{min-height:120px;border:1px solid var(--line);background:var(--panel);padding:var(--s-3);display:flex;align-items:center}.c-navlink{min-height:var(--touch-h);padding:0 var(--touch-pad-x);display:inline-flex;align-items:center;border:1px solid var(--line);text-decoration:none;color:var(--fg)}.c-navlink[aria-current=page]{border-color:var(--fg)}.c-navlink:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.c-btn{min-height:var(--touch-h);padding:0 var(--touch-pad-x);border:1px solid var(--fg);background:var(--btn-bg);color:var(--btn-fg);border-radius:var(--r-0);cursor:pointer}.c-btn.is-disabled,.c-btn:disabled{background:var(--btn-bg-disabled);color:var(--btn-fg-disabled);border-color:var(--line);cursor:not-allowed;opacity:1}.c-btn.is-active{filter:brightness(.92)}.c-btn.is-error{border-color:var(--error);background:var(--error);color:var(--bg)}.c-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.c-btn__spinner{width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:999px;display:inline-block;margin-right:8px;vertical-align:-1px;animation:c-btn-spin .8s linear infinite}@keyframes c-btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.c-note{border:1px solid var(--line);background:var(--bg);padding:var(--s-3);border-radius:var(--r-0);min-height:44px;display:flex;align-items:center}.c-note--info{border-left:4px solid var(--focus)}.c-note--error{border-left:4px solid var(--error)}.c-note--ok{border-left:4px solid var(--ok)}.c-cmd{border:1px solid var(--line);background:var(--panel);min-height:64px;padding:var(--s-3);display:flex;flex-direction:column;gap:var(--s-2)}.c-cmd__state,.c-cmd__msg,.c-cmd__spinner{min-height:18px}.c-cmd.is-loading .c-cmd__spinner:before{content:"..."}.c-cmd.is-ok{border-color:var(--ok)}.c-cmd.is-error{border-color:var(--error)}.c-field{display:flex;flex-direction:column;gap:var(--s-1)}.c-field__label{font-size:var(--fs-1);color:var(--muted)}.c-field__control{min-height:var(--touch-h);padding:0 var(--touch-pad-x);border:1px solid var(--input-line);border-radius:var(--r-0);background:var(--input-bg);color:var(--input-fg)}.c-field__hint,.c-field__err{min-height:18px;font-size:var(--fs-1);line-height:1.35}.c-field__hint{color:var(--muted)}.c-field.is-error .c-field__control{border-color:var(--input-line-error)}.c-field.is-error .c-field__err{color:var(--error)}.c-field.is-disabled .c-field__control{background:var(--panel);color:var(--muted)}.c-inventory-row{display:flex;flex-direction:column;gap:var(--s-1)}.c-inventory-row__main{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.c-inventory-row__label{flex:1;min-width:0;text-align:left;font-size:var(--fs-1);color:var(--muted)}.c-inventory-row__control{width:88px;flex:0 0 auto}.c-inventory-row__hint{min-height:18px;font-size:var(--fs-1);line-height:1.35;color:var(--muted)}.c-inventory-row.is-disabled .c-inventory-row__control{background:var(--panel);color:var(--muted)}.c-stepper{display:flex;flex-direction:column;gap:var(--s-3)}.c-stepper__step{flex:1 1 220px}.c-stepper__title{font-size:var(--fs-1)}.c-stepper__panel{border:1px solid var(--line);background:var(--bg);padding:var(--panel-pad);min-height:220px;display:flex;flex-direction:column;gap:var(--s-3)}.c-stepper__panel.is-disabled{background:var(--panel)}.c-stat{border:1px solid var(--line);border-left-width:6px;padding:var(--s-3);min-height:72px;display:flex;flex-direction:column;justify-content:space-between;border-radius:var(--r-0);flex:1}.c-stat--dex{border-left-color:var(--c-dex)}.c-stat--agi{border-left-color:var(--c-agi)}.c-stat--int{border-left-color:var(--c-int)}.c-stat--str{border-left-color:var(--c-str)}.c-stat--lf{border-left-color:var(--c-lf)}.c-stat--mp{border-left-color:var(--c-mp)}.c-field__check{min-height:var(--touch-h);border:1px solid var(--input-line);display:inline-flex;align-items:center;gap:var(--s-2);padding:0 var(--touch-pad-x)}.c-field__control--check{min-height:auto;width:16px;height:16px;padding:0;margin:0}.c-table{display:flex;flex-direction:column;border:1px solid var(--line)}.c-table__head{background:var(--panel)}.c-table__row{display:flex;flex-direction:row;flex-wrap:wrap;border-bottom:1px solid var(--line);min-height:44px}.c-table__cell{flex:1 1 220px;padding:var(--s-2);display:flex;align-items:center}.c-imgbox{display:flex;flex-direction:column;gap:var(--s-2)}.c-imgbox__frame{border:1px solid var(--line);background:var(--panel);aspect-ratio:16 / 9;width:100%;display:flex;align-items:center;justify-content:center}.c-imgbox__img{max-width:100%;max-height:100%;object-fit:contain}.c-imgbox__placeholder{padding:var(--s-3)}.c-imgbox__actions{display:flex}.c-imgbox__actions .c-btn{width:100%}.c-imgbox__err{min-height:18px}.c-imgbox.is-error .c-imgbox__frame{border-color:var(--error)}.c-imgbox.is-loading .c-imgbox__actions .c-btn{background:var(--btn-bg-disabled);color:var(--btn-fg-disabled);border-color:var(--line)}.c-sheet{width:100%}.c-sheet__page{display:flex;flex-direction:column;gap:var(--gap)}.c-sheet__header-grid{display:flex;flex-wrap:wrap;gap:var(--gap)}.c-sheet__header-field{flex:1 1 180px;min-height:44px;border:1px solid var(--line);padding:var(--s-2);display:flex;flex-direction:column;justify-content:center;gap:var(--s-1)}.c-sheet__page1-main{display:flex;gap:var(--gap);flex-direction:column}.c-sheet__page1-left,.c-sheet__page1-right{display:flex;flex-direction:column;gap:var(--gap)}.c-sheet__stats-grid{display:flex;flex-wrap:wrap;gap:var(--gap)}.c-sheet-tabs__panes{display:grid}.c-sheet-tabs__pane{grid-area:1 / 1}.c-sheet-tabs__pane.is-disabled{visibility:hidden}.c-sheet-tabs__pane.is-active{visibility:visible}@media (min-width: 640px){.c-sheet__page1-main{flex-direction:row}.c-sheet__page1-left{flex:1.5}.c-sheet__page1-right{flex:1}}@media (min-width: 1024px){.c-sheet__page1-left{flex:2}.c-sheet__page1-right{flex:1}}.is-disabled{pointer-events:none}.is-active{filter:brightness(.92)}.is-error{border-color:var(--error)}