html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--void:#05080d;--deep:#08111c;--panel:#101a27;--panel-2:#142131;--panel-3:#0c1521;--line:#26394c;--line-hot:#4fb7c8;--text:#eef5f7;--muted:#9fb2bf;--dim:#6f8190;--cyan:#65d7e8;--cyan-2:#1a9ab0;--amber:#e0aa4b;--red:#e05a55;--green:#78c892;--shadow:#00000075;--radius:6px;--font:"Aptos", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text);font-family:var(--font);letter-spacing:0;background:radial-gradient(circle at 0 0,#65d7e814,#0000 28rem),linear-gradient(135deg,#05080d 0%,#09121e 52%,#04070b 100%)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.layout{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);height:100vh;box-shadow:14px 0 38px var(--shadow);background:linear-gradient(#0a121df5,#05080dfa),repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 8px);padding:18px;position:sticky;top:0;overflow-y:auto}.brand{border-bottom:1px solid var(--line);gap:8px;padding:4px 2px 18px;display:grid}.brand-mark{border:1px solid var(--line-hot);width:42px;height:42px;color:var(--cyan);background:#07131e;place-items:center;display:grid;box-shadow:0 0 26px #65d7e81f}.brand h1{text-transform:uppercase;margin:0;font-size:1.24rem;line-height:1.05}.brand small{color:var(--muted);text-transform:uppercase;font-size:.72rem}.nav{gap:9px;margin-top:18px;display:grid}.nav-button,.action,.ghost-action,.danger-action,.icon-button{border:1px solid var(--line);border-radius:var(--radius);min-height:40px;color:var(--text);background:linear-gradient(#152334,#0d1723);justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.nav-button{width:100%;color:var(--muted);justify-content:flex-start;padding:10px 12px}.nav-button.active,.nav-button:hover,.action:hover,.ghost-action:hover,.icon-button:hover{border-color:var(--line-hot);color:var(--text);box-shadow:inset 0 0 0 1px #65d7e814,0 0 22px #65d7e814}.nav-button.active{background:linear-gradient(#173044,#102235)}.icon{flex:none;width:18px;height:18px}.main{min-width:0;padding:20px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.page-title{gap:4px;display:grid}.page-title h2{text-transform:uppercase;margin:0;font-size:clamp(1.45rem,2.4vw,2.15rem);line-height:1.1}.kicker,.label,.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:0;font-size:.72rem}.status-strip{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);min-height:28px;color:var(--muted);white-space:nowrap;background:#070e16b8;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;display:inline-flex}.chip.cyan{color:var(--cyan);border-color:#65d7e873}.chip.amber{color:var(--amber);border-color:#e0aa4b7a}.chip.red{color:var(--red);border-color:#e05a5580}.grid{gap:14px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.panel,.tile,.data-row,.option-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 42px var(--shadow);background:linear-gradient(#142131f5,#0b141ff5)}.panel{padding:15px}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:9px;display:flex}.panel-header h3,.tile h3,.option-card h4{text-transform:uppercase;margin:0;font-size:1rem;line-height:1.25}.panel-header p,.tile p,.option-card p{color:var(--muted);margin:5px 0 0;line-height:1.45}.tile{text-align:left;align-content:space-between;gap:12px;min-height:126px;padding:14px;display:grid}.tile.primary{border-color:#65d7e880}.metric{border-radius:var(--radius);background:#04090f80;border:1px solid #4fb7c83d;gap:4px;min-width:0;padding:12px;display:grid}.metric strong{color:var(--cyan);font-size:1.55rem;line-height:1}.metric span{color:var(--muted);text-transform:uppercase;font-size:.78rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.inline-grid,.block-gap,.creator-footer{margin-top:14px}.subheader{margin-top:16px}.field{gap:6px;display:grid}.field.full{grid-column:1/-1}.field label,.toggle label{color:var(--muted);text-transform:uppercase;font-size:.78rem}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:40px;color:var(--text);background:#07111c;outline:none;padding:9px 10px}input[type=checkbox]{width:18px;min-width:18px;min-height:18px;padding:0}textarea{resize:vertical;min-height:82px}input:focus,select:focus,textarea:focus{border-color:var(--line-hot);box-shadow:0 0 0 3px #65d7e81a}.action-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.action{min-width:116px;color:var(--cyan);border-color:#65d7e86b;padding:9px 12px}.ghost-action{color:var(--muted);background:#08111cbf;padding:9px 12px}.danger-action{color:var(--red);background:#270e11d1;border-color:#e05a5573;padding:9px 12px}.icon-button{width:38px;min-width:38px;padding:0}.stepper{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.step-pill{border:1px solid var(--line);color:var(--dim);background:#070e16b8;border-radius:999px;padding:7px 10px}.step-pill.active{color:var(--cyan);border-color:#65d7e880}.option-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.option-card{text-align:left;min-height:126px;padding:13px}.option-card.selected{border-color:var(--line-hot);background:linear-gradient(#173044f5,#0d1c2bf5)}.disabled,.option-card.disabled{opacity:.45}.mini-list{gap:8px;display:grid}.data-row{justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.data-row .meta{min-width:0}.data-row strong{display:block}.data-row small{color:var(--muted)}.checkbox-row{border:1px solid var(--line);border-radius:var(--radius);background:#070e1680;align-items:flex-start;gap:10px;padding:10px;display:flex}.checkbox-row input{width:18px;min-height:18px;margin-top:2px}.avatar-grid,.equipment-grid{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:10px;display:grid}.avatar-choice,.image-card{border:1px solid var(--line);border-radius:var(--radius);background:#070e16a8;padding:8px}button.avatar-choice{color:var(--text)}.avatar-choice.selected{border-color:var(--line-hot)}.sample-image,.placeholder-image{aspect-ratio:1;object-fit:cover;background:linear-gradient(135deg,#65d7e81a,#0000 45%),#08121e;border:1px solid #65d7e833;border-radius:4px;place-items:center;width:100%;display:grid}.placeholder-image{color:var(--cyan)}.image-label,.image-card-copy,.image-card-actions{margin-top:8px}.sheet-grid{grid-template-columns:1.05fr 1.35fr .9fr;align-items:start;gap:14px;display:grid}.portrait{gap:12px;display:grid}.portrait img,.portrait .placeholder-image{object-fit:cover;width:100%;max-height:320px}.active-select{min-width:260px}.health-control{gap:8px;display:grid}.track{border:1px solid var(--line);background:#06101a;border-radius:999px;height:12px;overflow:hidden}.track>span{background:linear-gradient(90deg, var(--red), var(--amber), var(--green));height:100%;display:block}.tracker-actions{grid-template-columns:38px 1fr 38px;gap:8px;display:grid}.roll-result{border-radius:var(--radius);background:#06111c;border:1px solid #65d7e859;gap:6px;padding:13px;display:grid}.roll-result strong{color:var(--cyan);font-size:2rem}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.tab{border:1px solid var(--line);min-height:34px;color:var(--muted);background:#070e16b3;border-radius:999px;padding:6px 10px}.tab.active{color:var(--cyan);border-color:#65d7e87a}.appendix-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.appendix-card{border:1px solid var(--line);border-radius:var(--radius);background:#0d1723eb;gap:8px;min-height:140px;padding:13px;display:grid}.appendix-card h3{margin:0;font-size:1rem}.appendix-card p{color:var(--muted);margin:0;line-height:1.45}.appendix-thumb,.equipment-thumb{object-fit:cover;border:1px solid var(--line);border-radius:4px;width:44px;height:44px}.appendix-thumb{width:42px;height:42px}.debug-id{color:var(--dim);word-break:break-all;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.72rem}.notice{border-radius:var(--radius);color:var(--amber);background:#261b0b6b;border:1px solid #e0aa4b66;padding:12px}.error{border-radius:var(--radius);color:var(--red);background:#260c0e8c;border:1px solid #e05a5580;padding:12px}.empty{border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);text-align:center;padding:24px}.split{justify-content:space-between;align-items:center;gap:10px;display:flex}.small{color:var(--muted);font-size:.85rem}.hidden{display:none!important}.sidebar-status{margin-top:18px}@media (width<=1100px){.sheet-grid,.grid.three,.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line);height:auto;position:static}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:14px}.topbar,.split{flex-direction:column;align-items:stretch}.grid.two,.grid.three,.grid.four,.form-grid,.sheet-grid{grid-template-columns:1fr}}@media (width<=520px){.nav{grid-template-columns:1fr}.status-strip,.action-row{flex-direction:column;align-items:stretch}.action,.ghost-action,.danger-action{width:100%}.active-select{min-width:0}}