/* Start:/foba-helper/guides/sheet-demo/demo.css?17916314439533*/
.foba-sheet-demo{--demo-accent:var(--ds-accent,#76d9e3);--demo-coral:var(--ds-coral,#ff9b9f);--demo-text:var(--ds-text,#edf4f7);--demo-muted:var(--ds-muted,#bbcad0);--demo-border:var(--ds-border,#38505a);--demo-surface:var(--ds-surface,#18232a);font-family:"Tektur",sans-serif;color:var(--demo-text);width:100%;min-width:0}
.foba-sheet-demo *{box-sizing:border-box}
.foba-sheet-demo [hidden]{display:none!important}
.foba-sheet-demo h1,.foba-sheet-demo h2,.foba-sheet-demo h3{color:var(--demo-text);text-align:left;text-transform:none;overflow-wrap:anywhere;line-height:1.35;margin:0 0 14px}
.foba-sheet-demo h1{font-size:clamp(1.6rem,3.2vw,2.4rem)}
.foba-sheet-demo h2{font-size:clamp(1.3rem,2.4vw,1.75rem)}
.foba-sheet-demo h3{font-size:1.12rem}
.foba-sheet-demo p{font-size:.94rem;line-height:1.7;margin:10px 0;color:var(--demo-muted);max-width:82ch}
.foba-sheet-demo a{color:var(--demo-accent);overflow-wrap:anywhere}
.foba-sheet-demo button,.foba-sheet-demo a{font-family:inherit}
.foba-sheet-demo button:focus-visible,.foba-sheet-demo a:focus-visible,.foba-sheet-demo summary:focus-visible,.foba-sheet-demo [role="tabpanel"]:focus-visible{outline:3px solid var(--demo-accent);outline-offset:4px}
.foba-sheet-demo .demo-page-head,.foba-sheet-demo .demo-end-note{padding:clamp(20px,3vw,32px);background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:14px;margin-bottom:24px}
.foba-sheet-demo .demo-page-head{border-top:2px solid var(--demo-coral)}
.foba-sheet-demo .demo-eyebrow{font-size:.76rem;letter-spacing:.08em;color:var(--demo-accent);margin:14px 0 10px;text-transform:uppercase}
.foba-sheet-demo .demo-notice{padding:14px 16px;border-left:3px solid var(--demo-coral);background:rgba(0,0,0,.17);border-radius:0 8px 8px 0;max-width:none}
.foba-sheet-demo .demo-notice strong{color:var(--demo-text)}
.foba-sheet-demo .demo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.foba-sheet-demo .demo-button,.foba-sheet-demo .demo-tab{min-height:44px;border:1px solid var(--demo-border);border-radius:8px;padding:11px 15px;line-height:1.45;font-size:.9rem;font-weight:600;background:#10191f;color:var(--demo-text);text-decoration:none;text-align:center;cursor:pointer}
.foba-sheet-demo .demo-button:hover,.foba-sheet-demo .demo-tab:hover{border-color:var(--demo-accent);background:#20323a}
.foba-sheet-demo .demo-button-primary,.foba-sheet-demo .demo-tab[aria-selected="true"]{background:var(--demo-accent);border-color:var(--demo-accent);color:#10191f}
.foba-sheet-demo .demo-text-link{text-underline-offset:.25em;font-size:.9rem;font-weight:600;display:inline-block;line-height:1.65;min-height:28px}
.foba-sheet-demo .demo-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.foba-sheet-demo .demo-world-tabs{padding:12px;background:#10191f;border:1px solid var(--demo-border);border-radius:12px}
.foba-sheet-demo .demo-world-tabs .demo-tab{min-width:150px}
.foba-sheet-demo .demo-keyboard-help{font-size:.8rem;margin:0 0 22px}
.foba-sheet-demo .demo-world{min-width:0;margin-bottom:28px}
.foba-sheet-demo .demo-character-head{display:grid;grid-template-columns:80px minmax(0,1fr) minmax(150px,210px);gap:22px;align-items:start;padding:24px;background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:12px;margin-bottom:16px}
.foba-sheet-demo .demo-avatar{width:80px;height:80px;border:1px solid var(--demo-border);background:#10191f;border-radius:12px;padding:8px;color:var(--demo-accent)}
.foba-sheet-demo .demo-avatar svg{width:100%;height:100%;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.foba-sheet-demo .demo-character-identity .demo-eyebrow{margin-top:0}
.foba-sheet-demo .demo-derived{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.foba-sheet-demo .demo-derived span{border:1px solid var(--demo-border);border-radius:6px;padding:6px 9px;font-size:.78rem;color:var(--demo-muted)}
.foba-sheet-demo .demo-derived output{color:var(--demo-text);font-weight:700;margin-left:6px}
.foba-sheet-demo .demo-wallet{padding:14px;border:1px solid var(--demo-border);border-top:2px solid var(--demo-accent);border-radius:8px;background:#10191f;min-width:0}
.foba-sheet-demo .demo-wallet span{display:block;font-size:.8rem;color:var(--demo-muted)}
.foba-sheet-demo .demo-wallet output{display:block;font-size:1.3rem;font-weight:700;margin:6px 0 8px;color:var(--demo-accent);overflow-wrap:anywhere}
.foba-sheet-demo .demo-wallet small{display:block;font-size:.76rem;line-height:1.6;color:var(--demo-muted)}
.foba-sheet-demo .demo-panel{padding:22px;background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:12px;min-width:0}
.foba-sheet-demo .demo-play{margin:0 0 18px}
.foba-sheet-demo .demo-counters{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.foba-sheet-demo .demo-counter{min-height:74px;background:#10191f;border:1px solid var(--demo-border);border-radius:8px;padding:12px}
.foba-sheet-demo .demo-counter span{display:block;font-size:.8rem;color:var(--demo-muted)}
.foba-sheet-demo .demo-counter output{display:block;font-weight:700;font-size:1.15rem;color:var(--demo-accent);margin-top:8px}
.foba-sheet-demo .demo-caption{font-size:.8rem;line-height:1.6}
.foba-sheet-demo .demo-details{border-top:1px solid var(--demo-border);padding:14px 0 0;margin:16px 0}
.foba-sheet-demo summary{cursor:pointer;font-size:.9rem;line-height:1.6;min-height:32px;color:var(--demo-text);font-weight:600}
.foba-sheet-demo .demo-section-tabs{padding:12px;background:#10191f;border:1px solid var(--demo-border);border-radius:12px;margin:0 0 16px}
.foba-sheet-demo .demo-section-tabs .demo-tab{flex:1 1 120px;min-width:0}
.foba-sheet-demo .demo-section-panel{min-width:0;margin-bottom:18px}
.foba-sheet-demo .demo-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.foba-sheet-demo .demo-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}
.foba-sheet-demo .demo-stats div{border:1px solid var(--demo-border);border-radius:8px;background:#10191f;padding:12px;display:flex;justify-content:space-between;gap:6px;font-size:.85rem}
.foba-sheet-demo .demo-stats output{font-size:1rem;font-weight:700;color:var(--demo-accent)}
.foba-sheet-demo .demo-skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:0}
.foba-sheet-demo .demo-skills div{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--demo-border);align-items:start;min-width:0}
.foba-sheet-demo .demo-skills dt{font-size:.83rem;line-height:1.6;overflow-wrap:anywhere;min-width:0}
.foba-sheet-demo .demo-skills dd{margin:0;color:var(--demo-accent);font-weight:700;flex:none}
.foba-sheet-demo .demo-record{padding:14px 16px;margin:14px 0;border:1px solid var(--demo-border);border-left:3px solid var(--demo-accent);border-radius:8px;background:#10191f}
.foba-sheet-demo .demo-record strong{font-size:.9rem;color:var(--demo-text)}
.foba-sheet-demo .demo-record p{font-size:.85rem;margin-bottom:0}
.foba-sheet-demo .demo-panel-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;gap:8px}
.foba-sheet-demo .demo-panel-heading h3{margin-bottom:0}
.foba-sheet-demo .demo-balance{padding:4px 8px;border:1px solid var(--demo-border);border-radius:6px;color:var(--demo-accent);font-size:.8rem;white-space:nowrap}
.foba-sheet-demo .demo-project-fields{margin:18px 0}
.foba-sheet-demo .demo-project-fields div{display:grid;grid-template-columns:minmax(100px,.55fr) minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--demo-border);font-size:.84rem;line-height:1.6}
.foba-sheet-demo .demo-project-fields dt{color:var(--demo-muted)}
.foba-sheet-demo .demo-project-fields dd{margin:0;overflow-wrap:anywhere}
.foba-sheet-demo .demo-note-paper{border:1px solid var(--demo-border);border-left:3px solid var(--demo-accent);padding:16px 20px;background:#10191f;border-radius:8px}
.foba-sheet-demo .demo-end-note{margin-top:26px;border-top:2px solid var(--demo-accent)}
@media(max-width:760px){.foba-sheet-demo .demo-character-head{grid-template-columns:60px minmax(0,1fr);gap:14px;padding:18px}.foba-sheet-demo .demo-avatar{width:60px;height:60px}.foba-sheet-demo .demo-wallet{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center}.foba-sheet-demo .demo-wallet output{grid-column:2;grid-row:1/3;margin:0}.foba-sheet-demo .demo-wallet small{grid-column:1}.foba-sheet-demo .demo-two-columns{grid-template-columns:minmax(0,1fr)}.foba-sheet-demo .demo-world-tabs .demo-tab{flex:1 1 120px;min-width:0}.foba-sheet-demo .demo-panel{padding:18px}.foba-sheet-demo .demo-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.foba-sheet-demo .demo-keyboard-help{margin-bottom:16px}}
@media(max-width:420px){.foba-sheet-demo .demo-skills{grid-template-columns:minmax(0,1fr)}.foba-sheet-demo .demo-counters{grid-template-columns:repeat(2,minmax(0,1fr))}.foba-sheet-demo .demo-stats div{padding:10px 8px}.foba-sheet-demo .demo-actions{display:grid}.foba-sheet-demo .demo-character-head{grid-template-columns:minmax(0,1fr)}.foba-sheet-demo .demo-avatar{display:none}.foba-sheet-demo .demo-project-fields div{grid-template-columns:minmax(0,1fr);gap:3px}.foba-sheet-demo .demo-wallet{grid-template-columns:minmax(0,1fr)}.foba-sheet-demo .demo-wallet output{grid-column:1;grid-row:auto}.foba-sheet-demo .demo-wallet small{grid-column:1}}
@media(prefers-reduced-motion:reduce){.foba-sheet-demo *{scroll-behavior:auto!important}}

/* End */
/* /foba-helper/guides/sheet-demo/demo.css?17916314439533 */