@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#e8eaf2;background:#0d0f14;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 80% 0%,#1d1a31 0,transparent 36%),#0d0f14}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #9b87ff;outline-offset:2px}.app-shell{max-width:1500px;margin:0 auto;padding:18px}.topbar{display:flex;align-items:center;gap:12px;padding:4px 0 18px;border-bottom:1px solid #252833}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#8767ff,#4e35bf);font-size:23px}.brand{display:flex;flex-direction:column;gap:2px}.brand strong{font-family:Space Grotesk,sans-serif;font-size:15px}.brand span{font-size:11px;color:#85899b}.connection{font-size:11px;color:#9b9eae;margin-left:auto;padding:7px 10px;border-radius:99px;background:#1b1d25}.connection.online{color:#8ee5b1;background:#14291f}.button{border:0;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:700}.button.primary{background:linear-gradient(135deg,#8062ff,#5b3cda);color:#fff}.button.secondary{background:#222530;border:1px solid #343745}.button.small{padding:8px 11px}.button.full{width:100%;margin-top:9px}.layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;padding-top:18px}.panel{background:linear-gradient(145deg,#191c25f5,#12141bfa);border:1px solid #292d39;border-radius:15px;box-shadow:0 8px 28px #00000016}.sidebar{padding:15px;height:fit-content;position:sticky;top:12px}.section-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.2px;font-weight:700;color:#969bad;margin-bottom:12px}.muted{color:#85899a}.character-choice{display:flex;align-items:center;gap:10px;width:100%;padding:10px 8px;border:1px solid transparent;background:transparent;text-align:left;border-radius:10px;margin-bottom:5px}.character-choice.selected{background:#29233e;border-color:#7154e7}.avatar,.hero-avatar{display:grid;place-items:center;flex-shrink:0;background:linear-gradient(145deg,#493c6e,#242a43);color:#d8ccff;border:1px solid #6a5797;font-family:Space Grotesk,sans-serif;font-weight:700}.avatar{width:36px;height:36px;border-radius:10px;font-size:12px}.choice-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.choice-copy strong{font-size:12px}.choice-copy span{font-size:10px;color:#9b9fb0;white-space:normal}.import-box{border-top:1px solid #2c2f3a;margin-top:16px;padding-top:16px}.import-box label{font-size:11px;color:#b7bbca}.import-box input,.add-item input,.roll-form input{width:100%;border:1px solid #343846;background:#101219;border-radius:8px;color:#f1f2f7;padding:10px 11px;font-size:12px;margin-top:8px}.tiny{font-size:10px;line-height:1.5}.sidebar-footer{border-top:1px solid #2c2f3a;padding-top:14px;margin-top:18px;font-size:11px;color:#a5a9b8}.live-dot{display:inline-block;width:7px;height:7px;background:#5edb98;border-radius:50%;margin-right:6px;box-shadow:0 0 10px #5edb9860}.main-content{display:flex;flex-direction:column;gap:14px;min-width:0}.hero{display:flex;align-items:center;gap:16px;padding:20px}.hero-avatar{width:76px;height:86px;border-radius:13px;font-size:25px}.hero-info{min-width:190px}.eyebrow{font-size:9px;letter-spacing:1.2px;color:#999db0;font-weight:700}.hero h1{font-family:Space Grotesk,sans-serif;font-size:23px;letter-spacing:-.7px;margin:5px 0}.hero p{font-size:12px;color:#aeb1c0;margin:0 0 10px}.subtle-pill{display:inline-flex;padding:5px 8px;border-radius:7px;background:#222530;color:#b9bdcc;font-size:10px}.hero-stats{display:flex;gap:8px;margin-left:auto}.stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:83px;padding:13px 8px;border-radius:10px;background:#11131a;border:1px solid #2a2e3a}.stat span{font-size:8px;letter-spacing:.7px;color:#9297a9}.stat strong{font-family:Space Grotesk,sans-serif;font-size:20px}.ability-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.ability{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 4px}.ability span{font-size:10px;font-weight:700;color:#9a9fb2;letter-spacing:.8px}.ability strong{font-family:Space Grotesk,sans-serif;font-size:22px}.ability small{font-size:11px;color:#b6a5ff}.hp-panel{padding:16px 18px}.hp-title{display:flex;align-items:center;justify-content:space-between}.hp-title>div:first-child{display:flex;flex-direction:column;gap:5px}.hp-title strong{font-family:Space Grotesk,sans-serif;font-size:22px}.hp-title strong small{font-family:DM Sans,sans-serif;font-size:12px;color:#9297a9;font-weight:400}.hp-actions{display:flex;gap:6px}.hp-actions button,.quantity-controls button{background:#262936;border:1px solid #363a49;border-radius:7px;padding:6px 10px;font-size:11px}.hp-track{height:6px;background:#303340;border-radius:99px;margin-top:13px;overflow:hidden}.hp-track div{height:100%;background:linear-gradient(90deg,#39b87d,#74e3a2);border-radius:99px;transition:width .2s}.inventory-panel,.dice-panel{padding:17px 18px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-title h2{font-family:Space Grotesk,sans-serif;font-size:17px;margin:0 0 4px}.panel-title p{font-size:11px;color:#9297a9;margin:0}.inventory-list{display:flex;flex-direction:column}.inventory-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #292c36}.item-icon{width:34px;height:34px;border-radius:9px;background:#272333;color:#c0afff;display:grid;place-items:center;font-size:21px}.item-copy{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.item-copy strong{font-size:12px}.item-copy span{font-size:10px;color:#858a9c}.quantity-controls{display:flex;align-items:center;gap:9px}.quantity-controls span{font-size:12px;min-width:12px;text-align:center}.quantity-controls button{padding:5px 8px}.add-item{display:flex;gap:8px;margin-top:13px}.add-item input,.roll-form input{margin:0;min-width:0}.add-item .button{flex-shrink:0}.dice-symbol{font-size:26px;color:#b7a4ff}.quick-rolls{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.formula-chip{background:#252238;color:#c8bcff;border:1px solid #413663;border-radius:8px;padding:8px 11px;font-size:11px}.roll-form{display:flex;gap:8px}.roll-form .button{min-width:90px}.error-text{font-size:11px;color:#ff9d9d}.roll-history-heading{display:flex;justify-content:space-between;margin:17px 0 4px;font-size:10px;letter-spacing:1px;color:#9297a9;font-weight:700}.roll-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #292c36}.roll-die{width:34px;height:34px;display:grid;place-items:center;border:1px solid #4b3d76;background:#28223d;border-radius:9px;color:#c7b9ff;font-size:11px;font-weight:700}.roll-copy{display:flex;flex-direction:column;gap:4px;flex:1}.roll-copy strong{font-size:11px}.roll-copy span{font-size:10px;color:#999daf}.roll-total{font-family:Space Grotesk,sans-serif;font-size:20px;color:#c3b3ff}.notice{font-size:11px;color:#9ca1b2;padding:3px 2px 8px}@media(max-width:850px){.app-shell{padding:10px}.layout{grid-template-columns:1fr}.sidebar{position:static}.sidebar .import-box{max-width:none}.hero{flex-wrap:wrap}.hero-stats{width:100%;margin:0}.stat{flex:1;min-width:0}.hero-info{flex:1}.hero h1{font-size:20px}.ability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.connection{display:none}}@media(max-width:430px){.hero-avatar{width:56px;height:62px}.hero{padding:14px}.hero-stats{gap:5px}.stat{padding:10px 3px}.stat span{font-size:7px}.stat strong{font-size:16px}.add-item{flex-wrap:wrap}.add-item input{width:100%;flex-basis:100%}.hp-panel,.inventory-panel,.dice-panel{padding:14px}.roll-form .button{min-width:75px}}