:root{--bg: #0a0a0c;--bg-2: #111016;--panel: #16151c;--panel-2: #1d1b24;--panel-3: #26232f;--line: #2c2935;--line-strong: #3b3747;--text: #e9e6ef;--text-dim: #a39fb1;--text-faint: #6f6b7e;--blood: #c1121f;--blood-bright: #e63946;--sin: #b5179e;--violet: #7209b7;--gold: #e09f3e;--verdigris: #2a9d8f;--accent: var(--blood);--accent-text: #fff;--radius: 12px;--radius-sm: 8px;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .6);--font-display: "Cinzel", "Times New Roman", serif;--font-body: "Spectral", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);background-image:radial-gradient(1200px 600px at 80% -10%,rgba(114,9,183,.12),transparent 60%),radial-gradient(900px 500px at -10% 10%,rgba(193,18,31,.1),transparent 55%),linear-gradient(180deg,#0a0a0c,#08080a);background-attachment:fixed;color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:.02em;margin:0}a{color:var(--blood-bright);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}::selection{background:#c1121f66}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:8px}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--panel-2);color:var(--text);font-size:.92rem;font-weight:600;cursor:pointer;transition:transform .06s ease,background .15s ease,border-color .15s ease;white-space:nowrap}.btn:hover{background:var(--panel-3);border-color:var(--line-strong)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,var(--blood-bright),var(--blood));border-color:#7a0c14;color:#fff}.btn.primary:hover{background:linear-gradient(180deg,#f1505c,var(--blood-bright))}.btn.danger{border-color:#5a1418;color:var(--blood-bright)}.btn.danger:hover{background:#c1121f24}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn.ghost:hover{background:var(--panel-2);color:var(--text)}.btn.small{padding:.32rem .6rem;font-size:.8rem}.icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);cursor:pointer;transition:background .15s ease,color .15s ease}.icon-btn:hover{background:var(--panel-2);color:var(--text)}.icon-btn.danger:hover{color:var(--blood-bright);background:#c1121f1f}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:2rem}.auth-card{width:min(440px,100%);background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:2.5rem 2rem;text-align:center}.auth-sigil{width:84px;height:84px;margin:0 auto 1.25rem;color:var(--blood-bright);filter:drop-shadow(0 0 18px rgba(230,57,70,.45))}.auth-card h1{font-size:1.7rem;letter-spacing:.18em;text-transform:uppercase}.auth-kicker{color:var(--text-faint);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.35em;text-transform:uppercase;margin-bottom:.4rem}.auth-card p{color:var(--text-dim);margin:.75rem 0 1.75rem}.auth-error{margin-top:1rem;color:var(--blood-bright);font-size:.85rem}.auth-foot{margin-top:1.5rem;color:var(--text-faint);font-size:.78rem}.signed-as{margin-top:1.25rem;display:inline-flex;align-items:center;gap:.5rem;color:var(--text-dim);font-size:.85rem}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.25rem;background:#0a0a0cd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.7rem;color:var(--text)}.brand:hover{text-decoration:none}.brand-mark{width:30px;height:30px;color:var(--blood-bright)}.brand-name{font-family:var(--font-display);font-weight:800;letter-spacing:.28em;font-size:1.05rem}.brand-sub{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.3em;color:var(--text-faint);text-transform:uppercase}.header-user{display:flex;align-items:center;gap:.75rem}.avatar{width:34px;height:34px;border-radius:50%;border:1px solid var(--line-strong);object-fit:cover;background:var(--panel-3)}.user-meta{text-align:right;line-height:1.15}.user-name{font-weight:600;font-size:.88rem}.user-role{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.app-main{flex:1;width:min(1180px,100%);margin:0 auto;padding:1.75rem 1.25rem 4rem}.dash-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.dash-head h1{font-size:1.8rem;letter-spacing:.04em}.dash-head .sub{color:var(--text-faint);font-family:var(--font-mono);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.1rem}.char-card{position:relative;display:flex;flex-direction:column;text-align:left;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:transform .1s ease,border-color .15s ease,box-shadow .15s ease;color:inherit}.char-card:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:var(--shadow)}.char-portrait{aspect-ratio:16 / 10;background:var(--panel-3);background-size:cover;background-position:center;display:grid;place-items:center;color:var(--text-faint);border-bottom:1px solid var(--line)}.char-portrait .sigil{width:46px;height:46px;opacity:.5}.char-card-body{padding:.9rem 1rem 1.1rem}.char-card-body h3{font-size:1.15rem;margin-bottom:.2rem}.char-card-meta{color:var(--text-dim);font-size:.82rem;display:flex;gap:.5rem;flex-wrap:wrap}.char-card-meta .dot:before{content:"·";margin-right:.5rem;color:var(--text-faint)}.card-del{position:absolute;top:.5rem;right:.5rem;opacity:0;background:#0a0a0cb3;transition:opacity .15s ease}.char-card:hover .card-del{opacity:1}.new-card{display:grid;place-items:center;min-height:200px;border:1.5px dashed var(--line-strong);border-radius:var(--radius);background:transparent;color:var(--text-dim);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.new-card:hover{border-color:var(--blood);color:var(--text);background:#c1121f0f}.new-card .plus{font-size:2rem;line-height:1}.empty-state{text-align:center;padding:4rem 1rem;color:var(--text-dim)}.empty-state .sigil{width:64px;height:64px;color:var(--line-strong);margin-bottom:1rem}.sheet-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.sheet-bar-left{display:flex;align-items:center;gap:.75rem}.save-indicator{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.save-indicator .dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint)}.save-indicator.saved .dot{background:var(--verdigris)}.save-indicator.saving .dot{background:var(--gold);animation:pulse 1s ease-in-out infinite}.save-indicator.error .dot{background:var(--blood-bright)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.sheet-grid{display:grid;grid-template-columns:320px 1fr;gap:1.25rem;align-items:start}.sheet-col{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.panel{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem 1rem;border-bottom:1px solid var(--line)}.panel-title{font-family:var(--font-display);font-size:.82rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);display:flex;align-items:center;gap:.5rem}.panel-title .ico{width:16px;height:16px;color:var(--blood)}.panel-body{padding:1rem}.identity{text-align:center}.portrait{width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-sm);background:var(--panel-3);background-size:cover;background-position:center;display:grid;place-items:center;color:var(--text-faint);border:1px solid var(--line);margin-bottom:.9rem;cursor:pointer;position:relative;overflow:hidden}.portrait .sigil{width:56px;height:56px;opacity:.4}.portrait .portrait-edit{position:absolute;inset:auto 0 0 0;background:#0a0a0cb8;font-size:.72rem;padding:.3rem;opacity:0;transition:opacity .15s ease}.portrait:hover .portrait-edit{opacity:1}.identity .name-input{font-family:var(--font-display);font-size:1.4rem;font-weight:700;text-align:center}.tracker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.85rem}.tracker{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.65rem .7rem .75rem}.tracker-top{display:flex;align-items:center;justify-content:space-between;gap:.25rem;margin-bottom:.55rem}.tracker-label-inp{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);background:transparent;border:none;width:100%;padding:.1rem 0}.tracker-label-inp:focus{outline:none;color:var(--text)}.tracker-value{display:flex;align-items:baseline;gap:.2rem;font-family:var(--font-display)}.tracker-value .cur{font-size:1.5rem;font-weight:700}.tracker-value .sep{color:var(--text-faint)}.tracker-value .max-inp{width:2.2ch;background:transparent;border:none;color:var(--text-faint);font-family:var(--font-display);font-size:1rem}.tracker-value .max-inp:focus{outline:none;color:var(--text)}.pips{display:flex;flex-wrap:wrap;gap:4px;margin-top:.5rem}.pip{width:16px;height:16px;border-radius:4px;border:1px solid var(--line-strong);background:transparent;cursor:pointer;padding:0;transition:transform .06s ease}.pip:hover{transform:scale(1.12)}.pip.filled{border-color:transparent}.tracker-steppers{display:flex;gap:.3rem;margin-top:.55rem}.tracker-steppers .icon-btn{width:26px;height:26px;border:1px solid var(--line)}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.85rem}.field:last-child{margin-bottom:0}.field-label{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.inp,.ta{width:100%;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);font-size:.95rem;padding:.5rem .65rem;transition:border-color .15s ease,background .15s ease}.inp:focus,.ta:focus{outline:none;border-color:var(--blood);background:#0d0c10}.inp::placeholder,.ta::placeholder{color:var(--text-faint)}.ta{resize:vertical;min-height:90px;line-height:1.6}.inp.bare{background:transparent;border-color:transparent}.inp.bare:hover{border-color:var(--line)}.inp.bare:focus{background:#0d0c10;border-color:var(--blood)}.list-section,.list-rows{display:flex;flex-direction:column}.list-row{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-2);padding:.75rem;margin-bottom:.7rem}.list-row:last-child{margin-bottom:0}.list-row-head{display:flex;align-items:center;gap:.5rem}.list-row-head .inp{font-weight:600}.row-tags{display:flex;gap:.5rem;margin-top:.55rem;flex-wrap:wrap}.row-tags .inp{font-family:var(--font-mono);font-size:.78rem}.row-tags .field{flex:1;min-width:90px;margin:0}.row-body{margin-top:.55rem}.add-row{margin-top:.4rem;align-self:flex-start}.section-empty{color:var(--text-faint);font-style:italic;padding:.6rem .1rem;font-size:.9rem}.section-title-inp{font-family:var(--font-display);font-size:.82rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);background:transparent;border:1px solid transparent;border-radius:6px;padding:.1rem .35rem;max-width:220px}.section-title-inp:hover{border-color:var(--line)}.section-title-inp:focus{outline:none;border-color:var(--blood);color:var(--text)}.dice-roller .panel-body{display:flex;flex-direction:column;gap:.9rem}.dice-controls{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.dice-count{display:inline-flex;align-items:center;gap:.4rem}.dice-count .num{font-family:var(--font-display);font-size:1.3rem;min-width:1.6ch;text-align:center}.dice-tray{display:flex;flex-wrap:wrap;gap:.5rem;min-height:50px}.die{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(160deg,var(--panel-3),var(--panel-2));border:1px solid var(--line-strong);font-family:var(--font-display);font-weight:800;font-size:1.3rem;color:var(--text);box-shadow:inset 0 1px #ffffff0a;animation:roll-in .28s ease}@keyframes roll-in{0%{transform:translateY(-6px) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}.die.match{background:linear-gradient(160deg,#6a0d16,var(--blood));border-color:var(--blood-bright);color:#fff;box-shadow:0 0 16px #e6394666}.dice-summary{font-family:var(--font-mono);font-size:.8rem;color:var(--text-dim)}.dice-summary b{color:var(--text)}.full-spin{min-height:100vh;display:grid;place-items:center;gap:1rem;color:var(--text-dim)}.spinner{width:42px;height:42px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--blood-bright);animation:spin .8s linear infinite}.full-spin .label{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;font-size:.72rem;color:var(--text-faint)}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#040406b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:1.5rem;animation:fade .15s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:min(420px,100%);background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:1.5rem}.modal h3{font-size:1.2rem;margin-bottom:.5rem}.modal p{color:var(--text-dim);margin:0 0 1.25rem}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem}.chip{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:999px;border:1px solid var(--line-strong);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;color:var(--text-dim)}.muted-note{color:var(--text-faint);font-size:.8rem;font-style:italic}@media (max-width: 860px){.sheet-grid{grid-template-columns:1fr}}@media (max-width: 700px){.compendium-label{display:none}}@media (max-width: 520px){.app-main{padding:1.25rem .9rem 3rem}.user-meta,.brand-sub{display:none}.app-header{gap:.5rem;padding:.7rem .75rem}.header-user{flex-wrap:wrap}.icon-btn{width:40px;height:40px}.section-title-inp{max-width:none;flex:1}.tracker-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.modal-backdrop{padding:.75rem}}.tip{position:relative;display:inline-flex;align-items:center}.tip-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:5px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:transparent;color:inherit;opacity:.55;cursor:pointer;vertical-align:middle;flex:0 0 auto}.tip-btn:hover{opacity:1;border-color:#ffffff8c}.tip-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:60;width:max-content;max-width:min(260px,78vw);padding:.5rem .62rem;background:#1c1c24;border:1px solid rgba(255,255,255,.16);border-radius:8px;box-shadow:0 8px 24px #00000080;font-size:.78rem;font-weight:400;line-height:1.45;text-transform:none;letter-spacing:normal;color:#e8e8ee;white-space:normal}.portrait-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:.45rem;max-height:42vh;overflow-y:auto;margin:.6rem 0;padding:.15rem}.portrait-opt{aspect-ratio:1;border-radius:10px;border:2px solid transparent;background-size:cover;background-position:center;background-color:#ffffff0d;cursor:pointer;transition:border-color .12s,transform .1s}.portrait-opt:hover{transform:scale(1.05);border-color:#ffffff4d}.portrait-opt.on{border-color:#c9a64b;box-shadow:0 0 8px #c9a64b8c}.g-signin{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:100%;max-width:300px;margin:.4rem auto 0;padding:.72rem 1.1rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0d;color:var(--text, #e8e8ee);font-weight:600;font-size:.95rem;cursor:pointer;transition:background .15s,border-color .15s}.g-signin:hover{background:#ffffff1a;border-color:#ffffff59}.g-logo{flex:0 0 auto}