:root{color-scheme:light dark;--accent: #7c5cff;--accent-ink: #ffffff;--bg: #0f1020;--panel: #1a1b2e;--ink: #e9e9f2;--muted: #9aa0b4;--line: #2a2c45;--err: #ff6b6b;--ok: #4ade80;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#20224a 0%,var(--bg) 60%);min-height:100vh;color:var(--ink)}#app{max-width:46rem;margin-inline:auto;padding:1.25rem}h1{font-size:1.6rem;margin:.25rem 0 1rem}h2{font-size:1.05rem;margin:0 0 .4rem}a{color:var(--accent)}.title-screen{text-align:center;padding:6rem 1rem 2rem}.logo{font-size:2.8rem;letter-spacing:.5px;margin:0;background:linear-gradient(120deg,#b9a6ff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--muted);margin:.5rem 0 2rem}.topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;margin-bottom:1rem;border-bottom:1px solid var(--line)}.brand{font-weight:700;cursor:pointer;color:var(--accent)}.menu{display:grid;gap:.75rem}.menu-item{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;text-align:left;padding:1rem 1.1rem;background:var(--panel);border:1px solid var(--line);border-radius:.7rem;cursor:pointer;color:inherit}.menu-item:hover{border-color:var(--accent)}.menu-title{font-weight:600}.menu-desc{color:var(--muted);font-size:.9rem}.field{display:grid;gap:.3rem;margin:.85rem 0}.field-label{font-size:.85rem;color:var(--muted)}input,select,textarea{width:100%;padding:.55rem .65rem;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:.5rem;font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}input:disabled{opacity:.5}button{font:inherit;cursor:pointer;border-radius:.5rem;border:1px solid var(--line);padding:.5rem 1rem;background:var(--panel);color:var(--ink)}button.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}button.secondary{background:transparent;border-color:var(--accent);color:var(--accent)}button.link{background:transparent;border-color:transparent;color:var(--muted);padding-inline:.4rem}button.big{padding:.7rem 2.2rem;font-size:1.1rem}button:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.75rem}section{margin:1.25rem 0;padding-top:1rem;border-top:1px solid var(--line)}.box{background:var(--panel);border:1px solid var(--line);border-radius:.5rem;padding:.7rem;white-space:pre-wrap;word-break:break-word;margin:.5rem 0 0}.box.prompt{font-size:.78rem;max-height:20rem;overflow:auto}.empty{padding:2rem;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:.6rem}.muted{color:var(--muted)}.small{font-size:.85rem}.hint{color:var(--muted);font-size:.85rem;margin:.1rem 0 0}.status{margin:.6rem 0 0;min-height:1.2em;font-size:.9rem}.status.ok{color:var(--ok)}.status.err{color:var(--err)}.status.info{color:var(--muted)}.play{display:grid;grid-template-columns:14rem 1fr;gap:1.25rem;align-items:start}@media (max-width: 640px){.play{grid-template-columns:1fr}}.char-panel{background:var(--panel);border:1px solid var(--line);border-radius:.7rem;padding:.9rem;position:sticky;top:.5rem}.char-panel h2{margin:0;font-size:1.1rem}.char-panel h3{margin:0 0 .35rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.vitals{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:.6rem 0}.hp{flex:1}.hp-bar{height:.5rem;background:color-mix(in srgb,var(--err) 25%,transparent);border-radius:1rem;overflow:hidden;margin-bottom:.2rem}.hp-fill{height:100%;background:var(--ok)}.ac{font-weight:600;white-space:nowrap}.abilities{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:.6rem 0}.ability{display:flex;flex-direction:column;align-items:center;padding:.35rem 0;background:color-mix(in srgb,currentColor 5%,transparent);border-radius:.4rem}.ab-name{font-size:.7rem;color:var(--muted)}.ab-score{font-weight:600}.ab-mod{font-size:.8rem;color:var(--accent)}.panel-section{margin-top:.8rem;border-top:1px solid var(--line);padding-top:.6rem}.chips{display:flex;flex-wrap:wrap;gap:.3rem}.chip{display:inline-flex;align-items:center;gap:.15rem;background:color-mix(in srgb,var(--err) 22%,transparent);border-radius:1rem;padding:.1rem .4rem .1rem .55rem;font-size:.8rem}.equipment{margin:0;padding-left:1.1rem;font-size:.85rem}.equipment li{margin:.1rem 0}.scenario-title{font-weight:600;color:var(--accent);margin:0 0 .5rem}.chat-log{display:flex;flex-direction:column;gap:.7rem;max-height:52vh;overflow-y:auto;padding:.25rem}.msg{display:flex;flex-direction:column;gap:.15rem}.msg .who{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.msg.player{align-items:flex-end}.bubble{white-space:pre-wrap;word-break:break-word;padding:.6rem .8rem;border-radius:.7rem;max-width:90%;border:1px solid var(--line)}.msg.gm .bubble{background:var(--panel);border-top-left-radius:.2rem}.msg.player .bubble{background:color-mix(in srgb,var(--accent) 22%,var(--panel));border-top-right-radius:.2rem}.bubble.thinking{color:var(--muted);font-style:italic}.dice-tray{margin-top:.9rem;border-top:1px solid var(--line);padding-top:.7rem}.dice-presets{display:flex;flex-wrap:wrap;gap:.35rem}.dice-btn{padding:.3rem .6rem;font-size:.85rem}.dice-custom{display:flex;gap:.4rem;margin-top:.5rem;max-width:18rem}.composer{display:flex;gap:.5rem;margin-top:.7rem}.composer textarea{flex:1;resize:vertical}.panel-toggle{display:flex;align-items:center;gap:.5rem;width:100%;background:transparent;border:none;padding:.1rem 0;color:inherit;cursor:pointer;font-weight:600}.pt-name{flex:1;text-align:left}.pt-hp{color:var(--muted);font-weight:400}.char-panel.collapsed{padding-block:.6rem}.compact-line{margin:.3rem 0 0}.panel-body{margin-top:.2rem}.hp-controls{display:flex;gap:.4rem;margin:.5rem 0}.hp-controls input{width:4rem}.hp-controls button,.cond-add button{padding:.4rem .6rem}.chip-label,.chip-x{border:none;background:none;cursor:pointer;font:inherit;color:var(--ink);padding:0}.chip-label{text-decoration:underline dotted;text-underline-offset:2px}.chip-x{color:var(--muted);font-weight:700;padding:0 .15rem}.chip-x:hover{color:var(--err)}.ref-term{border:none;background:none;cursor:pointer;font:inherit;color:var(--accent, #7c5cff);text-decoration:underline dotted;text-underline-offset:2px;padding:0}.ref-term:hover{text-decoration-style:solid}.rules-row{display:block;width:100%;text-align:left;border:none;background:none;cursor:pointer;font:inherit;color:var(--ink);padding:0}.rules-row span{display:block}.reference-title{margin:.2rem 0 0}.reference-meta{margin:.1rem 0 .6rem}.reference-body{white-space:pre-line;margin:0}.cond-add{display:flex;gap:.4rem;margin-top:.5rem}.check-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.check-btn{padding:.3rem .7rem;font-size:.85rem;background:color-mix(in srgb,var(--accent) 20%,var(--panel));border-color:var(--accent);color:var(--ink)}.side{display:grid;gap:.75rem;align-content:start}.memory-panel{position:static}.memory-list{list-style:none;margin:.4rem 0 0;padding:0;display:grid;gap:.5rem}.memory-list li{border-top:1px solid var(--line);padding-top:.4rem}.memory-list li:first-child{border-top:none;padding-top:0}.campaign-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.campaign-item{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;text-align:left;padding:.85rem 1rem;background:var(--panel);border:1px solid var(--line);border-radius:.7rem}.campaign-item:hover{border-color:var(--accent)}.campaign-name{font-weight:600}.save-badge{color:var(--ok);font-weight:400}.combat-panel{background:var(--panel);border:1px solid var(--line);border-radius:.7rem;padding:.8rem .9rem;margin-bottom:.8rem}.combat-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.combat-head .status{margin:0;font-weight:600}.initiative{list-style:none;margin:.6rem 0;padding:0;display:grid;gap:.2rem}.initiative li{display:flex;align-items:center;gap:.6rem;padding:.3rem .5rem;border-radius:.45rem;border:1px solid transparent}.initiative li.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.initiative li.down{opacity:.45;text-decoration:line-through}.init-roll{min-width:1.6rem;text-align:center;font-weight:600;color:var(--muted)}.init-name{flex:1}.init-hp{white-space:nowrap;font-size:.85rem;color:var(--muted)}.combat-actions{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-top:.5rem}.combat-actions select{width:auto;flex:1 1 auto;min-width:6rem}.combat-actions button{padding:.45rem .8rem}.combat-log{margin:.6rem 0 0;padding-left:1.1rem;font-size:.85rem;color:var(--muted);display:grid;gap:.2rem}.rules-panel{position:static}.rules-list{list-style:none;margin:.4rem 0 0;padding:0;display:grid;gap:.45rem;max-height:18rem;overflow-y:auto}.rules-list li{border-top:1px solid var(--line);padding-top:.35rem}.rules-list li:first-child{border-top:none;padding-top:0}.bestiary-search{width:100%;margin:.4rem 0}.wizard-steps{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.wizard-step{font-size:.8rem;color:var(--muted);padding:.2rem .55rem;border:1px solid var(--line);border-radius:1rem}.wizard-step.active{color:var(--accent-ink);background:var(--accent);border-color:transparent}.wizard-step.done{color:var(--ok);border-color:var(--ok)}.wizard-nav{justify-content:space-between;margin-top:1.25rem;border-top:1px solid var(--line);padding-top:.9rem}.ability-assign{list-style:none;margin:.6rem 0;padding:0;display:grid;gap:.4rem;max-width:22rem}.ability-assign li{display:flex;align-items:center;gap:.6rem}.aa-name{width:2.6rem;font-weight:600}.ability-assign select{width:5rem}.pick-list{list-style:none;margin:.4rem 0;padding:0;display:grid;gap:.3rem}.pick-list label{cursor:pointer}.subclass-pick{list-style:none;margin:.4rem 0;padding:0;display:grid;gap:.5rem}.subclass-option{display:block;cursor:pointer;border:1px solid var(--border, #3a3a44);border-radius:.5rem;padding:.5rem .7rem}.subclass-option.on{border-color:var(--accent, #7c6cff);background:#7c6cff14}.subclass-option .subclass-name{font-weight:600;margin-left:.35rem}.subclass-option ul{margin:.3rem 0 0;padding-left:1.1rem}.full-sheet{display:grid;gap:.9rem}.fs-head h2{margin:0}.fs-xp{margin-top:.4rem;max-width:22rem}.fs-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem}@media (max-width: 520px){.fs-tiles{grid-template-columns:repeat(3,1fr)}}.fs-tile{display:flex;flex-direction:column;align-items:center;padding:.45rem .2rem;background:var(--panel);border:1px solid var(--line);border-radius:.5rem}.fs-tile-val{font-weight:700;font-size:1.05rem}.fs-tile-key{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.fs-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (max-width: 520px){.fs-cols{grid-template-columns:1fr}}.fs-list{list-style:none;margin:.3rem 0 0;padding:0;display:grid;gap:.2rem}.fs-list li{display:flex;align-items:center;gap:.5rem;font-size:.88rem}.fs-ability{width:2.4rem;font-weight:600}.fs-score{width:1.6rem;text-align:right;color:var(--muted)}.fs-mod{width:2.2rem;text-align:right;font-weight:600;color:var(--accent)}.fs-skill-name{flex:1}.fs-prof{color:var(--line)}.fs-prof.on{color:var(--ok)}.fs-section{border-top:1px solid var(--line);padding-top:.7rem}.fs-features{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.sheet-link{margin-left:.5rem;font-size:.85rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding:1.5rem 1rem;overflow-y:auto;z-index:50}.modal{background:var(--bg);border:1px solid var(--line);border-radius:.8rem;padding:1.25rem;max-width:42rem;width:100%}.modal-close{float:right}.campaign-row{display:flex;gap:.5rem;align-items:stretch}.campaign-row .campaign-item{flex:1}.campaign-del{flex:0 0 auto;padding:0 .85rem;background:transparent;border:1px solid var(--line);border-radius:.7rem;font-size:1.05rem}.campaign-del:hover{border-color:var(--err)}button.danger{background:var(--err);color:#fff;border-color:transparent}.modal-narrow{max-width:28rem}.dice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:7rem;z-index:60}.dice-tray-pop{display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:1rem 1.5rem .9rem;border-radius:1rem;background:radial-gradient(120% 130% at 50% 0%,#2e215cf7,#120f24f7);border:1px solid var(--line);box-shadow:0 18px 50px #0000008c;animation:dice-tray-in .22s ease both}.dice-throw{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:22rem}.die-2d{position:relative;width:3rem;height:3rem;display:grid;place-items:center;background:linear-gradient(155deg,#9a7bff,#5d3fe0);color:#fff;font-weight:800;font-size:1.15rem;box-shadow:inset 0 2px 4px #ffffff47,0 5px 12px #00000073;opacity:0;animation:die-in .45s cubic-bezier(.2,.9,.3,1.35) both;animation-delay:calc(var(--i, 0) * .09s)}.die-num{line-height:1}.die-d6{border-radius:.55rem}.die-dx{border-radius:50%}.die-d4{clip-path:polygon(50% 6%,96% 92%,4% 92%)}.die-d4 .die-num{transform:translateY(28%);font-size:.95rem}.die-d8{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.die-d10{clip-path:polygon(50% 0,90% 38%,75% 100%,25% 100%,10% 38%)}.die-d12{clip-path:polygon(50% 0,95% 35%,79% 93%,21% 93%,5% 35%)}.die-d20{clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}.dice-throw-foot{display:flex;align-items:baseline;gap:.5rem}.dice-throw-total{font-size:1.9rem;font-weight:800;line-height:1;color:#fff;text-shadow:0 2px 14px rgba(124,92,255,.85)}.dice-throw-label{color:var(--muted);font-size:.85rem}@keyframes dice-tray-in{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@keyframes die-in{0%{opacity:0;transform:scale(.3) translateY(10px) rotate(-28deg)}70%{opacity:1;transform:scale(1.12) translateY(0) rotate(7deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media (prefers-reduced-motion: reduce){.dice-tray-pop,.die-2d{animation:none;opacity:1}}.fs-xp-controls{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin-top:.55rem}.xp-award{width:5rem}.levelup-btn{animation:levelup-pulse 1.5s ease-in-out infinite}@keyframes levelup-pulse{0%,to{box-shadow:0 0 #7c5cff99}50%{box-shadow:0 0 0 7px #7c5cff00}}.spell-slots{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-direction:column;gap:.3rem}.slot-row{display:flex;align-items:center;gap:.5rem}.slot-label{min-width:4.5rem;font-size:.85rem}.slot-pips{letter-spacing:.12em;color:var(--accent, #7c5cff);font-size:1.05rem}.rest-btn{white-space:nowrap}.concentration{display:flex;align-items:center;gap:.5rem}.spell-manage{margin-top:.4rem}.spell-manage .pick-list{max-height:12rem;overflow-y:auto}.levelup-gains{list-style:none;margin:.6rem 0;padding:0;display:grid;gap:.35rem}.levelup-gains li{border-left:2px solid var(--accent);padding-left:.6rem}.completion-card{text-align:center;margin:.4rem 0 .2rem;padding:1.1rem 1.3rem;border:1px solid var(--accent, #7c5cff);border-radius:.9rem;background:radial-gradient(120% 130% at 50% 0%,#2e215c8c,#14102659);animation:completion-rise .4s ease both}.completion-card h2{margin:.2rem 0}.completion-flourish{font-size:2.4rem;line-height:1;color:var(--accent, #7c5cff);text-shadow:0 0 24px rgba(124,92,255,.7);animation:completion-pop .5s ease both}.completion-sub{color:var(--muted);margin:.4rem 0 1rem}.completion-actions{flex-wrap:wrap;justify-content:center;gap:.5rem}@keyframes completion-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes completion-pop{0%{opacity:0;transform:scale(.4) rotate(-20deg)}70%{opacity:1;transform:scale(1.15) rotate(8deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media (prefers-reduced-motion: reduce){.completion-flourish,.completion-card{animation:none}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.error-card{max-width:28rem;text-align:center;padding:1.5rem;border:1px solid var(--line);border-radius:.9rem}.error-card .actions{justify-content:center;margin-top:1rem}