*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0e13;--surface:#18171f;--surface2:#201f29;--border:#2a2936;--border2:#38374c;--text:#e2dff0;--text-dim:#8882a8;--text-faint:#504d6e;--accent:#c0384c;--accent-l:#e8506a;--accent-d:#781e2b;--gold:#c9a84c;--gold-l:#e0bf72;--gold-d:#7a6028;--teal:#2a9090;--teal-l:#40c0c0;--teal-d:#1a5858;--green:#4caf7a;--warn:#e07840;--red:#d04050;--blue:#4878c0;--blue-l:#6898e0;--purple:#8060c0;--purple-l:#a080e0}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif;font-size:13px;line-height:1.4}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}#app{height:100vh;display:flex;overflow:hidden}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:10px;padding:12px}.card-title{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-l);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:6px;font-size:11px;font-weight:700;display:flex}.card-title:hover{color:var(--text)}.card.collapsed .card-title{border-bottom-color:#0000;margin-bottom:0}.card.collapsed .chevron{transform:rotate(-90deg)}.chevron{color:var(--text-faint);flex-shrink:0;font-size:10px;transition:transform .2s}.btn{border:1px solid var(--border2);background:var(--surface2);color:var(--text);cursor:pointer;border-radius:6px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.3;transition:all .15s}.btn:hover{background:var(--border)}.btn-accent{background:var(--accent-d);border-color:var(--accent);color:var(--accent-l)}.btn-accent:hover{background:var(--accent);color:#fff}.btn-gold{background:var(--gold-d);border-color:var(--gold);color:var(--gold-l)}.btn-gold:hover{background:var(--gold);color:#1a1000}.btn-teal{background:var(--teal-d);border-color:var(--teal);color:var(--teal-l)}.btn-teal:hover{background:var(--teal);color:#fff}.btn-green{border-color:var(--green);color:#80d0a0;background:#1a3d2a}.btn-green:hover{background:var(--green);color:#fff}.btn-red{border-color:var(--red);color:#f08090;background:#3d1520}.btn-red:hover{background:var(--red);color:#fff}.btn-warn{border-color:var(--warn);color:var(--warn);background:#3d2010}.btn-warn:hover{background:var(--warn);color:#fff}.btn-purple{border-color:var(--purple);color:var(--purple-l);background:#2a1a50}.btn-purple:hover{background:var(--purple);color:#fff}.btn-sm{padding:3px 8px;font-size:11px}.btn-lg{padding:8px 18px;font-size:13px}.btn-icon{padding:3px 7px;font-size:12px}.field{flex-direction:column;gap:3px;display:flex}.field label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:10px}input,select,textarea{background:var(--surface2);border:1px solid var(--border2);color:var(--text);border-radius:5px;width:100%;padding:5px 8px;font-family:inherit;font-size:12px;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}input[type=number]::-webkit-inner-spin-button{opacity:.5}.ac-spin::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ac-spin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ac-spin{-moz-appearance:textfield}.ac-stepper{gap:2px;margin-top:2px;display:flex}.ac-stepper button{background:var(--surface);border:1px solid var(--border2);color:var(--text-dim);cursor:pointer;border-radius:3px;flex:1;padding:2px 0;font-family:inherit;font-size:9px;line-height:1}.ac-stepper button:hover{background:var(--border);color:var(--text)}.ac-stepper .ac-reset{background:var(--teal-d);border-color:var(--teal);color:var(--teal-l)}.ac-stepper .ac-reset:hover{background:var(--teal);color:#fff}select option{background:var(--surface2)}.stat-box{background:var(--surface2);border:1px solid var(--border2);text-align:center;border-radius:8px;padding:8px 4px}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:9px}.stat-val{color:var(--text);font-size:20px;font-weight:800}.stat-mod{color:var(--accent-l);margin-top:2px;font-size:13px;font-weight:700}.tag{text-transform:uppercase;letter-spacing:.04em;border:1px solid;border-radius:10px;padding:2px 6px;font-size:9px;font-weight:600;display:inline-block}.tag-cr{background:var(--accent-d);color:var(--accent-l);border-color:var(--accent)}.tag-type{color:var(--blue-l);border-color:var(--blue);background:#1a1a2e}.tag-resist{color:var(--teal-l);border-color:var(--teal);background:#1a2a2e}.tag-immune{color:var(--accent-l);border-color:var(--accent);background:#2a1a1e}.tag-vuln{color:var(--warn);border-color:var(--warn);background:#2a2010}.tag-cond{color:var(--purple-l);border-color:var(--purple);background:#2a1a30}.tag-gold{background:var(--gold-d);color:var(--gold-l);border-color:var(--gold)}.tag-green{color:#80d0a0;border-color:var(--green);background:#1a3d2a}.hp-bar-wrap{background:var(--border);border-radius:3px;height:6px;margin:4px 0;overflow:hidden}.hp-bar{border-radius:3px;height:100%;transition:width .3s,background .3s}.pip{cursor:pointer;border:1px solid;border-radius:3px;width:14px;height:14px;transition:all .15s;display:inline-block}.pip-full{background:var(--accent);border-color:var(--accent-l)}.pip-empty{border-color:var(--border2);background:0 0}.pip-full:hover{filter:brightness(1.3)}.pip-empty:hover{border-color:var(--accent)}.cond-btn{border:1px solid var(--border2);background:var(--surface2);color:var(--text-dim);cursor:pointer;text-align:center;border-radius:5px;padding:4px;font-family:inherit;font-size:10px;font-weight:500;transition:all .15s}.cond-btn:hover{background:var(--border)}.cond-btn.active{border-color:var(--red);color:#f08090;background:#3d1520;font-weight:700}.action-entry{background:var(--surface2);border:1px solid var(--border2);border-radius:8px;margin-bottom:6px;padding:10px;transition:border-color .15s}.action-entry:hover{border-color:var(--border2)}.action-name{color:var(--gold-l);margin-bottom:4px;font-size:12px;font-weight:700}.action-desc{color:var(--text-dim);white-space:pre-wrap;font-size:11px;line-height:1.55}.action-rolls{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.recharge-badge{border:1px solid var(--green);color:#80d0a0;cursor:pointer;background:#1a3d2a;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.recharge-badge.spent{border-color:var(--border2);background:var(--bg);color:var(--text-faint)}.roll-entry{background:var(--surface2);border-left:3px solid var(--accent);border-radius:6px;margin-bottom:4px;padding:6px 8px;font-size:11px}.roll-entry.crit{border-left-color:var(--gold);background:#2a2310}.roll-entry.fumble{border-left-color:var(--red)}.roll-name{color:var(--text);font-weight:700}.roll-breakdown{color:var(--text-dim);margin-top:2px}.roll-result{color:var(--accent-l);margin-top:2px;font-size:14px;font-weight:800}.roll-result.crit-result{color:var(--gold-l)}.modal-overlay{z-index:200;background:#000000b3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:12px;width:94%;max-width:500px;max-height:88vh;padding:20px;overflow-y:auto}.modal h3{color:var(--accent-l);margin-bottom:14px;font-size:15px}.modal-grid{gap:8px;margin-bottom:8px;display:grid}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.modal-section{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.modal-section-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin-bottom:8px;font-size:10px;font-weight:700}.roster{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:256px;display:flex;position:relative;overflow:hidden}.roster-resize-handle{cursor:col-resize;z-index:20;width:6px;position:absolute;top:0;bottom:0;right:-3px}.roster-resize-handle:after{content:"";background:0 0;width:2px;transition:background .15s;position:absolute;top:0;bottom:0;left:2px}.roster-resize-handle:hover:after,.roster-resize-handle.dragging:after{background:var(--accent);opacity:.6}.roster-tabs{border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.roster-tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:5px;padding:9px 6px;font-size:11px;font-weight:600;transition:color .15s,border-color .15s;display:flex}.roster-tab:hover{color:var(--text)}.roster-tab.active{color:var(--accent-l);border-bottom-color:var(--accent)}.roster-tab-count{background:var(--accent-d);color:var(--accent-l);border-radius:8px;padding:1px 5px;font-size:9px;font-weight:700;line-height:1.4}.roster-tab.active .roster-tab-count{background:var(--accent);color:#fff}.roster-subtabs{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;display:flex}.roster-subtab{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-size:10px;font-weight:600;transition:color .15s,border-color .15s;display:flex}.roster-subtab:hover{color:var(--text-dim)}.roster-subtab.active{color:var(--gold-l);border-bottom-color:var(--gold)}.roster-subtab-count{background:var(--gold-d);color:var(--gold-l);border-radius:6px;padding:0 4px;font-size:8px;font-weight:700;line-height:1.5}.roster-subtab.active .roster-subtab-count{background:var(--gold);color:#1a1400}.roster-search{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:6px;padding:6px 8px;display:flex}.roster-search-inner{flex:1;position:relative}.roster-search-inner input{background:var(--bg);border:1px solid var(--border2);width:100%;color:var(--text);border-radius:5px;padding:5px 24px 5px 8px;font-size:11px}.roster-search-inner input:focus{border-color:var(--accent);outline:none}.roster-search-clear{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:10px;line-height:1;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.roster-search-clear:hover{color:var(--text)}.roster-list{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex;overflow-y:auto}.roster-empty{text-align:center;color:var(--text-faint);padding:24px 8px;font-size:11px;line-height:1.7}.roster-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);border-bottom:1px solid var(--border);margin-bottom:2px;padding:4px 8px 2px;font-size:9px;font-weight:700}.roster-footer{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:6px;padding:10px;display:flex}.roster-card{background:var(--surface2);border:1px solid var(--border2);cursor:pointer;border-radius:8px;padding:10px;transition:border-color .15s,background .15s;position:relative}.roster-card.compact{padding:6px 8px}.roster-card:hover{border-color:var(--accent)}.roster-card.active{border-color:var(--accent);background:#2a1520}.roster-card-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;padding-right:52px;font-size:13px;font-weight:700;overflow:hidden}.roster-card.compact .roster-card-name{margin-bottom:1px;font-size:12px}.roster-card-sub{color:var(--text-dim);margin-bottom:5px;font-size:10px}.roster-card.compact .roster-card-sub{margin-bottom:3px;font-size:9px}.roster-card-meta{flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;display:flex}.roster-card.compact .roster-card-meta{gap:3px;margin-top:2px}.roster-card-btns{opacity:0;gap:3px;transition:opacity .15s;display:flex;position:absolute;top:7px;right:7px}.roster-card.compact .roster-card-btns{top:5px;right:5px}.roster-card:hover .roster-card-btns{opacity:1}.enc-selector-bar{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:4px;padding:6px 8px;display:flex}.enc-select{background:var(--bg);border:1px solid var(--border2);min-width:0;color:var(--text);cursor:pointer;border-radius:5px;flex:1;padding:4px 6px;font-family:inherit;font-size:11px;font-weight:600}.enc-select:focus{border-color:var(--accent);outline:none}.enc-rename-input{background:var(--bg);border:1px solid var(--accent);min-width:0;color:var(--text);border-radius:5px;outline:none;flex:1;padding:4px 6px;font-family:inherit;font-size:11px;font-weight:600}.enc-title-row{align-items:center;gap:5px;margin-bottom:2px;padding-right:52px;display:flex}.enc-title-row .roster-card-name{flex:1;min-width:0;margin-bottom:0;padding-right:0}.enc-title-pips{flex-shrink:0;align-items:center;gap:2px;display:flex}.enc-title-lr{color:var(--teal-l);flex-shrink:0;font-size:10px}.enc-ac-hp{align-items:center;gap:5px;margin:5px 0 4px;display:flex}.hp-btn{cursor:pointer;border:1px solid;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-family:inherit;font-size:16px;font-weight:700;line-height:1;transition:all .15s;display:flex}.hp-btn-dmg{border-color:var(--red);color:#f08090;background:#3d1520}.hp-btn-dmg:hover{background:var(--red);color:#fff}.hp-btn-heal{border-color:var(--green);color:#80d0a0;background:#1a3d2a}.hp-btn-heal:hover{background:var(--green);color:#fff}.hp-input{text-align:center;background:var(--bg);border:1px solid var(--border2);color:var(--text);border-radius:5px;flex:1;min-width:0;padding:4px 2px;font-size:12px;font-weight:600}.hp-input:focus{border-color:var(--accent);outline:none}.hp-input::placeholder{color:var(--text-faint);font-weight:400}.encounter-notes{background:var(--bg);border:1px solid var(--border2);width:100%;color:var(--text);resize:none;border-radius:5px;margin-top:6px;padding:5px 7px;font-family:inherit;font-size:10px;line-height:1.45;transition:border-color .15s;display:block}.encounter-notes::placeholder{color:var(--text-faint)}.encounter-notes:focus{border-color:var(--accent);outline:none}.drag-handle{color:var(--text-faint);cursor:grab;-webkit-user-select:none;user-select:none;opacity:0;font-size:14px;line-height:1;transition:opacity .15s;position:absolute;bottom:6px;right:8px}.roster-card:hover .drag-handle{opacity:1}.drag-handle:active{cursor:grabbing}.drag-wrapper{display:block}.drag-wrapper.is-dragging .roster-card{opacity:.35}.drag-wrapper.is-drag-over-before .roster-card{border-top:2px solid var(--accent)}.drag-wrapper.is-drag-over-after .roster-card{border-bottom:2px solid var(--accent)}.compendium-card{background:var(--surface2);border:1px solid var(--border2);border-radius:8px;padding:8px 10px;transition:border-color .15s;position:relative}.compendium-card:hover{border-color:var(--teal)}.compendium-card.active{border-color:var(--teal);background:#0e2222}.compendium-card-btns{opacity:0;gap:3px;transition:opacity .15s;display:flex;position:absolute;top:7px;right:7px}.compendium-card:hover .compendium-card-btns{opacity:1}.npc-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.npc-header{border-bottom:2px solid var(--accent);background:linear-gradient(135deg,#200e18 0%,#130910 100%);flex-direction:column;flex-shrink:0;gap:8px;padding:10px 16px 12px;display:flex}.npc-header-top{align-items:center;gap:10px;display:flex}.npc-header-name-block{flex:1;min-width:0}.npc-header-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:700;overflow:hidden}.npc-header-sub{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.npc-header-badges{flex-shrink:0;align-items:center;gap:6px;display:flex}.npc-badge-stat{color:var(--text-dim);white-space:nowrap;font-size:11px;font-weight:600}.npc-stats-bar{background:#0000004d;border-radius:8px;align-items:center;gap:14px;padding:7px 12px;display:flex}.hdr-stat{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;display:flex}.hdr-stat-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);white-space:nowrap;font-size:9px;font-weight:700}.hdr-stat-val{color:var(--text);font-size:16px;font-weight:800;line-height:1}.hdr-stat-speed{flex:1;align-items:flex-start;min-width:0}.hdr-divider{background:var(--border2);flex-shrink:0;width:1px;height:32px}.hdr-hp{flex:1;align-items:center;gap:5px;min-width:0;display:flex}.hdr-hp-bar-wrap{background:var(--border);border-radius:5px;flex:1;min-width:0;height:26px;position:relative;overflow:hidden}.hdr-hp-bar{border-radius:5px;width:0;transition:width .3s,background .3s;position:absolute;inset:0}.hdr-hp-text{white-space:nowrap;color:#fff;text-shadow:0 1px 4px #000000d9;justify-content:center;align-items:center;gap:1px;font-size:13px;font-weight:800;display:flex;position:absolute;inset:0}.hdr-hp-input{flex:none!important;width:72px!important;padding:5px 6px!important;font-size:13px!important}.secondary-strip{background:var(--surface);border-bottom:2px solid var(--border);flex-shrink:0;padding:10px 16px}.secondary-strip-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:10px;display:grid}.secondary-strip-grid .card{flex-direction:column;margin-bottom:0;display:flex}.secondary-strip-grid .card-body{flex-direction:column;flex:1;display:flex}.secondary-strip-grid .card-body>div:first-child{flex:1}.secondary-strip-grid .stat-box{flex-direction:column;justify-content:center;display:flex}.combat-stat-grid .stat-box{justify-content:space-between;padding-bottom:4px}.npc-body{flex:1;padding:12px;overflow-y:auto}.sheet-grid{grid-template-columns:270px 1fr 1fr;align-items:start;gap:12px;display:grid}.sheet-grid-2col{grid-template-columns:280px 1fr;align-items:start;gap:12px;display:grid}.sheet-col{min-width:0}.empty-state{color:var(--text-faint);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.empty-state h2{color:var(--text-dim);font-size:18px}.empty-state p{text-align:center;max-width:280px;font-size:13px;line-height:1.6}.roster-view-btn{background:var(--surface2);border:1px solid var(--border2);color:var(--text-faint);cursor:pointer;border-radius:5px;flex-shrink:0;padding:5px 8px;font-size:14px;line-height:1;transition:all .15s}.roster-view-btn:hover{border-color:var(--accent);color:var(--text)}.roster-view-btn.active{border-color:var(--accent);color:var(--accent-l);background:var(--accent-d)}.folder-group{margin-bottom:3px}.folder-group-header{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text-dim);cursor:pointer;text-align:left;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s;display:flex}.folder-group-header:hover{background:var(--surface2);color:var(--text);border-color:var(--border2)}.folder-chevron{flex-shrink:0;font-size:10px;transition:transform .18s}.folder-chevron.collapsed{transform:rotate(-90deg)}.folder-group-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.folder-group-count{background:var(--border2);color:var(--text-dim);border-radius:8px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:700}.folder-group-npcs{flex-direction:column;gap:4px;margin-top:3px;padding-left:8px;display:flex}.folder-empty{color:var(--text-faint);padding:4px 8px 2px;font-size:10px}.mgmt-section{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.mgmt-section-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin-bottom:8px;font-size:10px;font-weight:700}.mgmt-list{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.mgmt-row{background:var(--surface2);border:1px solid var(--border2);border-radius:6px;align-items:center;gap:6px;padding:5px 8px;display:flex}.mgmt-row-name{color:var(--text);text-overflow:ellipsis;flex:1;min-width:0;font-size:12px;overflow:hidden}.mgmt-row-btns{flex-shrink:0;gap:4px;display:flex}.mgmt-inline-input{border:none;border-bottom:1px solid var(--accent);color:var(--text);background:0 0;outline:none;flex:1;padding:2px 4px;font-family:inherit;font-size:12px}.mgmt-add-row{align-items:center;gap:6px;display:flex}.mgmt-add-row input{flex:1}.mgmt-empty{color:var(--text-faint);padding:4px 0 8px;font-size:11px}.tag-pill-sm{background:var(--teal-d);border:1px solid var(--teal);color:var(--teal-l);border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.tag-picker{flex-wrap:wrap;gap:5px;padding:3px 0;display:flex}.tag-picker-pill{border:1px solid var(--border2);background:var(--surface2);color:var(--text-dim);cursor:pointer;border-radius:10px;padding:3px 10px;font-family:inherit;font-size:11px;font-weight:500;transition:all .15s}.tag-picker-pill:hover{border-color:var(--teal);color:var(--text)}.tag-picker-pill.active{background:var(--teal-d);border-color:var(--teal);color:var(--teal-l);font-weight:700}.enc-round-banner{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--border);background:#1a1808;flex-shrink:0;padding:4px 8px;font-size:11px;font-weight:700}.roster-card.is-down{border-color:var(--border);opacity:.65;background:#0f0e13}.roster-card.is-down:hover{border-color:var(--border2);opacity:.85}.roster-card.is-down.active{border-color:var(--accent);opacity:1}.down-badge{flex-shrink:0;font-size:11px;line-height:1}.roster-card.is-current-turn{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold);background:#1e1a08}.roster-card.is-current-turn:hover{border-color:var(--gold-l)}.reaction-btn{border:1px solid var(--gold);cursor:pointer;width:26px;height:26px;color:var(--gold-l);background:#2a2010;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-size:13px;line-height:1;transition:all .15s;display:flex}.reaction-btn:hover{background:var(--gold-d);color:#fff}.reaction-btn.reaction-used{background:var(--surface2);border-color:var(--border2);color:var(--text-faint);opacity:.45;text-decoration:line-through}.reaction-btn.reaction-used:hover{opacity:.75}.concentration-btn{border:1px solid var(--purple);cursor:pointer;width:26px;height:26px;color:var(--purple-l);opacity:.5;background:#1a1030;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-size:13px;line-height:1;transition:all .15s;display:flex}.concentration-btn:hover{background:var(--purple);color:#fff;opacity:1}.concentration-btn.concentrating{background:var(--purple);border-color:var(--purple-l);color:#fff;opacity:1}.cond-row{flex-wrap:wrap;gap:3px;margin-top:5px;display:flex}.custom-cond-pill{background:var(--gold-d);border:1px solid var(--gold);color:var(--gold-l);border-radius:10px;align-items:center;gap:2px;padding:2px 5px 2px 7px;font-size:8px;font-weight:600;line-height:1.4;display:inline-flex}.custom-cond-remove{cursor:pointer;color:var(--gold-l);opacity:.7;background:0 0;border:none;align-items:center;padding:0;font-size:10px;line-height:1;display:flex}.custom-cond-remove:hover{opacity:1}.cond-add-row{align-items:center;gap:4px;margin-top:4px;display:flex}.cond-add-input{border:none;border-bottom:1px solid var(--border2);min-width:0;color:var(--text);background:0 0;outline:none;flex:1;padding:2px;font-family:inherit;font-size:10px}.cond-add-input:focus{border-color:var(--gold)}.cond-add-input::placeholder{color:var(--text-faint)}.footer-primary-row{align-items:stretch;gap:6px;display:flex}.footer-menu-wrap{flex-shrink:0;position:relative}.footer-menu-btn{height:100%;padding:6px 12px;font-size:14px}.footer-menu{background:var(--surface);border:1px solid var(--border2);z-index:20;border-radius:8px;min-width:210px;padding:4px;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 -4px 20px #00000080}.footer-menu-item{text-align:left;width:100%;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:8px 12px;font-family:inherit;font-size:12px;transition:all .12s;display:block}.footer-menu-item:hover{background:var(--surface2);color:var(--text)}.footer-menu-divider{border-top:1px solid var(--border);margin:4px 0}.enc-footer-pair{gap:6px;display:flex}.enc-footer-pair>*{flex:1;min-width:0}.initiative-badge{background:var(--gold-d);border:1px solid var(--gold);color:var(--gold-l);border-radius:8px;flex-shrink:0;padding:1px 7px;font-size:10px;font-weight:700;line-height:1.6}.roster-card.is-player{border-color:var(--teal-d);cursor:default}.roster-card.is-player:hover{border-color:var(--teal)}.roster-card.is-player.is-current-turn{border-color:var(--gold)}.player-name-input{background:var(--surface2);border:1px solid var(--teal-d);min-width:0;color:var(--text);border-radius:6px;outline:none;flex:1;padding:5px 8px;font-family:inherit;font-size:12px;transition:border-color .15s}.player-name-input:focus{border-color:var(--teal)}.player-name-input::placeholder{color:var(--text-faint)}.roster-filter-btn{background:var(--surface2);border:1px solid var(--border2);color:var(--text-faint);cursor:pointer;border-radius:5px;flex-shrink:0;padding:5px 8px;font-size:12px;line-height:1;transition:all .15s}.roster-filter-btn:hover{border-color:var(--accent);color:var(--text)}.roster-filter-btn.active{border-color:var(--accent);color:var(--accent-l);background:var(--accent-d)}.filter-panel{background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:7px;padding:8px 10px;display:flex}.filter-row{align-items:flex-start;gap:6px;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.07em;width:30px;color:var(--text-faint);flex-shrink:0;padding-top:3px;font-size:9px;font-weight:700}.filter-select{background:var(--surface2);border:1px solid var(--border2);color:var(--text);border-radius:5px;outline:none;flex:1;padding:3px 5px;font-family:inherit;font-size:11px}.filter-select:focus{border-color:var(--accent)}.filter-dash{color:var(--text-faint);flex-shrink:0;padding-top:3px}.filter-pills{flex-wrap:wrap;gap:3px;display:flex}.filter-pill{border:1px solid var(--border2);background:var(--surface2);color:var(--text-dim);cursor:pointer;white-space:nowrap;border-radius:8px;padding:2px 7px;font-family:inherit;font-size:10px;font-weight:500;transition:all .12s}.filter-pill:hover{border-color:var(--accent);color:var(--text)}.filter-pill.active{background:var(--accent-d);border-color:var(--accent);color:var(--accent-l);font-weight:700}.filter-clear-btn{color:var(--text-faint);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-family:inherit;font-size:10px;transition:color .12s}.filter-clear-btn:hover{color:var(--accent-l)}.filter-chips{background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;gap:3px;padding:4px 8px;display:flex}.filter-chip{background:var(--accent-d);border:1px solid var(--accent);color:var(--accent-l);border-radius:8px;align-items:center;gap:3px;padding:2px 4px 2px 7px;font-size:10px;font-weight:600;display:inline-flex}.filter-chip button{color:var(--accent-l);cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 1px;font-size:11px;line-height:1}.filter-chip button:hover{opacity:1}.flex-row{align-items:center;gap:6px;display:flex}.flex-wrap{flex-wrap:wrap}.ml-auto{margin-left:auto}.w-full{width:100%}.divider{border:none;border-top:1px solid var(--border);margin:8px 0}.util-topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;display:flex}.util-topbar-main{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;display:flex}.util-title{color:var(--text);white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:700}.util-hub-btn{border:1px solid var(--border2);background:var(--surface2);color:var(--text-dim);cursor:pointer;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.util-hub-btn:hover{color:var(--text);background:var(--border)}.util-tab-strip{display:flex}.util-tab{text-align:center;border:none;border-right:1px solid var(--border);color:var(--text-dim);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;flex:1;padding:9px 6px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;overflow:hidden}.util-tab:last-child{border-right:none}.util-tab:hover{color:var(--text);background:var(--surface2)}.util-tab.active{color:var(--accent-l);background:var(--surface2);box-shadow:inset 0 -2px 0 var(--accent);font-weight:700}.hub-list{border-top:1px solid var(--border);flex-direction:column;width:100%;max-width:420px;padding:0 20px;display:flex}.hub-row{border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;border-radius:0;align-items:center;gap:14px;width:100%;padding:16px 4px;font-family:inherit;transition:background .12s;display:flex}.hub-row:hover{background:var(--surface2)}.hub-row-icon{text-align:center;flex-shrink:0;width:32px;font-size:24px;line-height:1}.hub-row-name{color:var(--text);flex:1;font-size:15px;font-weight:700}.hub-row-arrow{color:var(--text-faint);flex-shrink:0;font-size:18px}.hub-title{color:var(--text);letter-spacing:-.02em;font-size:28px;font-weight:700}.login-shell.svelte-8ukb9p{background:var(--bg);justify-content:center;align-items:center;height:100vh;display:flex}.login-card.svelte-8ukb9p{background:var(--surface);border:1px solid var(--border2);border-radius:16px;flex-direction:column;align-items:center;gap:12px;width:340px;padding:36px 32px;display:flex}.login-logo.svelte-8ukb9p{margin-bottom:4px;font-size:40px;line-height:1}.login-title.svelte-8ukb9p{color:var(--accent-l);margin:0;font-size:22px;font-weight:700}.login-sub.svelte-8ukb9p{color:var(--text-dim);text-align:center;margin:0;font-size:12px}.login-error.svelte-8ukb9p{background:color-mix(in srgb, var(--red) 15%, transparent);border:1px solid color-mix(in srgb, var(--red) 40%, transparent);width:100%;color:var(--red);border-radius:8px;padding:8px 12px;font-size:12px}.login-info.svelte-8ukb9p{background:color-mix(in srgb, var(--green) 15%, transparent);border:1px solid color-mix(in srgb, var(--green) 40%, transparent);width:100%;color:var(--green);border-radius:8px;padding:8px 12px;font-size:12px}.login-fields.svelte-8ukb9p{flex-direction:column;gap:8px;width:100%;display:flex}.login-fields.svelte-8ukb9p input:where(.svelte-8ukb9p){background:var(--surface2);border:1px solid var(--border2);width:100%;color:var(--text);border-radius:8px;padding:9px 12px;font-size:13px}.login-fields.svelte-8ukb9p input:where(.svelte-8ukb9p):focus{border-color:var(--accent);outline:none}.login-submit.svelte-8ukb9p{width:100%;padding:10px;font-size:14px;font-weight:600}.login-toggle.svelte-8ukb9p{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px}.login-toggle.svelte-8ukb9p:hover{color:var(--text);text-decoration:underline}.dice-roller.svelte-1r90jgp{background:var(--bg);flex-direction:column;height:100vh;display:flex}.content.svelte-1r90jgp{flex-direction:column;flex:1;gap:16px;width:100%;max-width:520px;margin:0 auto;padding:16px;display:flex;overflow-y:auto}.result-area.svelte-1r90jgp{background:var(--surface);border:1px solid var(--border2);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:140px;padding:20px 16px;transition:border-color .3s,background .3s;display:flex}.result-area.nat20.svelte-1r90jgp{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 8%, var(--surface))}.result-area.nat1.svelte-1r90jgp{border-color:var(--red);background:color-mix(in srgb, var(--red) 8%, var(--surface))}.result-total.svelte-1r90jgp{color:var(--text);font-variant-numeric:tabular-nums;font-size:72px;font-weight:800;line-height:1;transition:color .2s}.result-total.adv.svelte-1r90jgp{color:var(--green)}.result-total.dis.svelte-1r90jgp{color:var(--warn)}.result-sublabel.svelte-1r90jgp{color:var(--text-dim);font-size:13px;font-weight:600}.nat20-label.svelte-1r90jgp{color:var(--gold-l)}.nat1-label.svelte-1r90jgp{color:var(--red)}.result-breakdown.svelte-1r90jgp{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;display:flex}.die-badge.svelte-1r90jgp,.mod-badge.svelte-1r90jgp{background:var(--surface2);border:1px solid var(--border2);color:var(--text-dim);border-radius:5px;padding:2px 8px;font-size:13px;font-weight:700}.mod-badge.svelte-1r90jgp{color:var(--accent-l);border-color:var(--accent-d)}.result-placeholder.svelte-1r90jgp{color:var(--text-faint);font-size:15px;font-style:italic}.adv-dice.svelte-1r90jgp{gap:16px;margin-top:6px;display:flex}.adv-die.svelte-1r90jgp{width:52px;height:52px;color:var(--text-faint);background:var(--surface2);border:2px solid var(--border2);border-radius:10px;justify-content:center;align-items:center;font-size:24px;font-weight:700;transition:all .2s;display:flex}.adv-die.kept.svelte-1r90jgp{color:var(--text);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface2))}.hf-dice.svelte-1r90jgp{gap:20px;margin-top:6px;display:flex}.hf-die.svelte-1r90jgp{background:var(--surface2);border:2px solid var(--border2);opacity:.5;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;transition:all .2s;display:flex}.hf-die.winner.svelte-1r90jgp{opacity:1}.hf-die.hope.svelte-1r90jgp{border-color:var(--teal)}.hf-die.hope.winner.svelte-1r90jgp{background:color-mix(in srgb, var(--teal) 12%, var(--surface2))}.hf-die.fear.svelte-1r90jgp{border-color:var(--red)}.hf-die.fear.winner.svelte-1r90jgp{background:color-mix(in srgb, var(--red) 12%, var(--surface2))}.hf-icon.svelte-1r90jgp{font-size:16px;line-height:1}.hf-die.hope.svelte-1r90jgp .hf-icon:where(.svelte-1r90jgp){color:var(--teal-l)}.hf-die.fear.svelte-1r90jgp .hf-icon:where(.svelte-1r90jgp){color:var(--red)}.hf-val.svelte-1r90jgp{color:var(--text);font-size:32px;font-weight:800;line-height:1}.hf-name.svelte-1r90jgp{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:10px;font-weight:700}.outcome-badge.svelte-1r90jgp{letter-spacing:.02em;margin-top:4px;font-size:16px;font-weight:700}.dice-grid.svelte-1r90jgp{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.die-btn.svelte-1r90jgp{border:2px solid var(--border2);background:var(--surface);color:var(--text-dim);cursor:pointer;border-radius:10px;padding:12px 0;font-family:inherit;font-size:13px;font-weight:700;transition:all .12s}.die-btn.svelte-1r90jgp:hover{border-color:var(--accent);color:var(--text);background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.die-btn.svelte-1r90jgp:active{transform:scale(.93)}.die-btn.d20.svelte-1r90jgp{border-color:var(--border);color:var(--text)}.die-btn.d20.svelte-1r90jgp:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.sys-controls.svelte-1r90jgp{gap:10px;display:flex}.sys-btn.svelte-1r90jgp{border:2px solid var(--border2);background:var(--surface);color:var(--text-dim);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:14px 10px;font-family:inherit;font-size:14px;font-weight:700;transition:all .15s;display:flex}.sys-icon.svelte-1r90jgp{font-size:16px}.adv-btn.svelte-1r90jgp:hover{border-color:var(--green);color:var(--green);background:color-mix(in srgb, var(--green) 10%, var(--surface))}.dis-btn.svelte-1r90jgp:hover{border-color:var(--warn);color:var(--warn);background:color-mix(in srgb, var(--warn) 10%, var(--surface))}.dh-controls.svelte-1r90jgp{flex-direction:column}.hf-btn.svelte-1r90jgp{border-color:var(--teal-d);gap:10px;padding:16px;font-size:16px}.hf-btn.svelte-1r90jgp:hover{border-color:var(--teal);background:color-mix(in srgb, var(--teal) 8%, var(--surface))}.hf-sep.svelte-1r90jgp{color:var(--text-faint);font-weight:400}.dh-mod-row.svelte-1r90jgp{justify-content:center;align-items:center;gap:12px;padding:8px;display:flex}.mod-label.svelte-1r90jgp{color:var(--text-faint);flex:1;font-size:12px;font-weight:600}.mod-btn.svelte-1r90jgp{border:1px solid var(--border2);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;font-family:inherit;font-size:18px;transition:all .1s;display:flex}.mod-btn.svelte-1r90jgp:hover{background:var(--surface2);border-color:var(--border);color:var(--text)}.mod-val.svelte-1r90jgp{color:var(--text);text-align:center;font-variant-numeric:tabular-nums;min-width:42px;font-size:20px;font-weight:700}.expr-row.svelte-1r90jgp{gap:8px;display:flex}.expr-input.svelte-1r90jgp{border:1px solid var(--border2);background:var(--surface);color:var(--text);border-radius:10px;outline:none;flex:1;padding:11px 14px;font-family:inherit;font-size:15px;transition:border-color .15s}.expr-input.svelte-1r90jgp:focus{border-color:var(--accent)}.expr-input.svelte-1r90jgp::placeholder{color:var(--text-faint)}.expr-btn.svelte-1r90jgp{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s}.expr-btn.svelte-1r90jgp:hover{background:var(--accent-l)}.expr-btn.svelte-1r90jgp:active{background:var(--accent-d)}.expr-error.svelte-1r90jgp{color:var(--red);margin:-8px 0 0;font-size:12px}.history.svelte-1r90jgp{border:1px solid var(--border);border-radius:12px;overflow:hidden}.history-header.svelte-1r90jgp{background:var(--surface);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;font-weight:700;display:flex}.history-clear.svelte-1r90jgp{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:11px;font-weight:600}.history-clear.svelte-1r90jgp:hover{color:var(--red);background:var(--surface2)}.history-entry.svelte-1r90jgp{color:var(--text-dim);border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;padding:7px 12px;font-size:13px}.history-entry.first.svelte-1r90jgp{color:var(--text);background:var(--surface)}.history-entry.svelte-1r90jgp:last-child{border-bottom:none}.setup.svelte-165sonm{background:var(--bg);flex-direction:column;height:100vh;display:flex}.setup-header.svelte-165sonm{align-items:center;gap:16px;padding:20px 20px 0;display:flex}.back-link.svelte-165sonm{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:4px 0;font-family:inherit;font-size:13px;font-weight:600}.back-link.svelte-165sonm:hover{color:var(--text)}.setup-header.svelte-165sonm h1:where(.svelte-165sonm){color:var(--text);font-size:22px;font-weight:700}.setup-body.svelte-165sonm{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:32px;padding:24px;display:flex}.setup-section.svelte-165sonm{width:100%;max-width:380px}.section-label.svelte-165sonm{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px;font-size:11px;font-weight:700}.option-row.svelte-165sonm{gap:8px;display:flex}.opt-btn.svelte-165sonm{border:2px solid var(--border2);background:var(--surface);color:var(--text-dim);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:baseline;gap:8px;padding:14px 12px;font-family:inherit;font-size:14px;font-weight:700;transition:all .15s;display:flex}.opt-btn.active.svelte-165sonm{border-color:var(--accent);color:var(--text);background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.opt-sub.svelte-165sonm{color:var(--text-faint);font-size:11px;font-weight:400}.opt-btn.active.svelte-165sonm .opt-sub:where(.svelte-165sonm){color:var(--accent-l)}.count-btn.svelte-165sonm{border:2px solid var(--border2);background:var(--surface);color:var(--text-dim);cursor:pointer;border-radius:10px;flex:1;padding:14px 0;font-family:inherit;font-size:18px;font-weight:700;transition:all .15s}.count-btn.active.svelte-165sonm{border-color:var(--accent);color:var(--text);background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.start-btn.svelte-165sonm{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;max-width:380px;padding:16px;font-family:inherit;font-size:16px;font-weight:700;transition:background .15s}.start-btn.svelte-165sonm:hover{background:var(--accent-l)}.game-wrap.svelte-165sonm{background:var(--bg);flex-direction:column;height:100vh;display:flex}.game-bar.svelte-165sonm{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:4px;height:40px;padding:0 8px;display:flex}.bar-btn.svelte-165sonm{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:5px;padding:4px 8px;font-family:inherit;font-size:12px;font-weight:600;transition:color .15s,background .15s}.bar-btn.svelte-165sonm:hover{color:var(--text);background:var(--surface2)}.bar-btn.svelte-165sonm:disabled{opacity:.3;cursor:default}.bar-btn.svelte-165sonm:disabled:hover{color:var(--text-dim);background:0 0}.bar-btn.confirming.svelte-165sonm{color:var(--warn)}.end-btn.svelte-165sonm{margin-left:auto}.player-grid.svelte-165sonm{grid-template-columns:repeat(var(--cols), 1fr);background:var(--border);flex:1;gap:1px;display:grid;overflow:hidden}.span-2.svelte-165sonm{grid-column:1/-1}.player-card.svelte-165sonm{background:var(--surface);position:relative;overflow:hidden}.player-card.dead.svelte-165sonm,.player-card.cmd-danger.svelte-165sonm{background:color-mix(in srgb, #d04050 8%, var(--surface))}.card-inner.svelte-165sonm{border-top:3px solid var(--color);flex-direction:column;height:100%;display:flex;overflow-y:auto}.card-inner.rotated.svelte-165sonm{transform:rotate(180deg)}.card-header.svelte-165sonm{flex-shrink:0;align-items:center;gap:6px;padding:5px 8px;display:flex}.player-dot.svelte-165sonm{border-radius:50%;flex-shrink:0;width:8px;height:8px}.player-name-btn.svelte-165sonm{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:3px;flex:1;padding:2px 3px;font-family:inherit;font-size:11px;font-weight:700;overflow:hidden}.player-name-btn.svelte-165sonm:hover{color:var(--text);background:var(--surface2)}.name-input.svelte-165sonm{background:var(--surface2);border:1px solid var(--border2);color:var(--text);text-transform:uppercase;letter-spacing:.05em;border-radius:4px;outline:none;flex:1;min-width:0;padding:2px 5px;font-family:inherit;font-size:11px;font-weight:700}.name-input.svelte-165sonm:focus{border-color:var(--color)}.icon-btn.svelte-165sonm{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-family:inherit;font-size:14px;line-height:1}.icon-btn.svelte-165sonm:hover{color:var(--text-dim);background:var(--surface2)}.life-row.svelte-165sonm{flex:1;align-items:stretch;min-height:80px;display:flex}.life-btn.svelte-165sonm{color:var(--text-faint);cursor:pointer;background:0 0;border:none;flex:1;font-family:inherit;font-size:36px;font-weight:300;transition:background .1s,color .1s}.life-btn.svelte-165sonm:hover{color:var(--text-dim);background:#ffffff0a}.life-btn.svelte-165sonm:active{background:#ffffff14}.life-num.svelte-165sonm{color:var(--text);text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0;justify-content:center;align-items:center;min-width:2.5ch;font-size:clamp(36px,9vw,80px);font-weight:700;line-height:1;display:flex}.life-num.dead-num.svelte-165sonm{color:var(--red)}.quick-row.svelte-165sonm{flex-shrink:0;justify-content:space-around;padding:3px 10px;display:flex}.quick-btn.svelte-165sonm{border:1px solid var(--border2);color:var(--text-faint);cursor:pointer;background:0 0;border-radius:5px;padding:2px 12px;font-family:inherit;font-size:11px;font-weight:600;transition:all .1s}.quick-btn.svelte-165sonm:hover{border-color:var(--border);color:var(--text-dim);background:var(--surface2)}.card-footer.svelte-165sonm{border-top:1px solid var(--border);flex-shrink:0;gap:4px;padding:4px 6px;display:flex}.footer-btn.svelte-165sonm{border:1px solid var(--border2);background:var(--surface2);color:var(--text-faint);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;flex:1;padding:4px 6px;font-family:inherit;font-size:11px;font-weight:600;transition:all .12s;overflow:hidden}.footer-btn.svelte-165sonm:hover{color:var(--text-dim);border-color:var(--border)}.footer-btn.active.svelte-165sonm{color:var(--text);border-color:var(--color);background:color-mix(in srgb, var(--color) 15%, var(--surface2))}.footer-btn.danger.svelte-165sonm{border-color:var(--red);color:var(--red)}.footer-btn.has-value.svelte-165sonm{color:var(--text-dim)}.panel.svelte-165sonm{border-top:1px solid var(--border);background:var(--bg);flex-shrink:0}.panel-row.svelte-165sonm{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:4px 8px;display:flex}.panel-row.svelte-165sonm:last-child{border-bottom:none}.panel-row.row-danger.svelte-165sonm{background:color-mix(in srgb, var(--red) 10%, var(--bg))}.panel-label.svelte-165sonm{color:var(--text-dim);flex:1;font-size:11px;font-weight:600}.panel-btn.svelte-165sonm{border:1px solid var(--border2);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;font-family:inherit;font-size:14px;transition:all .1s;display:flex}.panel-btn.svelte-165sonm:hover{background:var(--surface2);border-color:var(--border)}.panel-val.svelte-165sonm{color:var(--text);text-align:center;font-variant-numeric:tabular-nums;min-width:28px;font-size:15px;font-weight:700}.panel-val.val-warn.svelte-165sonm{color:var(--red)}.dice-overlay.svelte-165sonm{z-index:100;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dice-modal.svelte-165sonm{background:var(--surface);border:1px solid var(--border2);border-radius:16px;flex-direction:column;gap:16px;width:min(300px,90vw);padding:24px;display:flex}.dice-title.svelte-165sonm{color:var(--text);text-align:center;font-size:16px;font-weight:700}.dice-grid.svelte-165sonm{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.die-btn.svelte-165sonm{border:2px solid var(--border2);background:var(--surface2);color:var(--text);cursor:pointer;border-radius:8px;padding:12px 4px;font-family:inherit;font-size:13px;font-weight:700;transition:all .12s}.die-btn.svelte-165sonm:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface2))}.die-btn.svelte-165sonm:active{transform:scale(.95)}.dice-result.svelte-165sonm{text-align:center;background:var(--bg);border-radius:10px;flex-direction:column;gap:4px;padding:16px 0;display:flex}.result-label.svelte-165sonm{color:var(--text-faint);text-transform:uppercase;font-size:11px;font-weight:600}.result-val.svelte-165sonm{color:var(--text);font-size:52px;font-weight:700;line-height:1}.dice-close.svelte-165sonm{border:1px solid var(--border2);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:8px;padding:8px;font-family:inherit;font-size:13px;transition:all .12s}.dice-close.svelte-165sonm:hover{color:var(--text);border-color:var(--border)}.guides-top-bar.svelte-17blctb{z-index:20;background:var(--bg);border-bottom:1px solid var(--border);align-items:center;height:44px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.guides-back-btn.svelte-17blctb{color:var(--text-dim);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-family:inherit;font-size:13px;font-weight:600;transition:color .15s,background .15s}.guides-back-btn.svelte-17blctb:hover{color:var(--text);background:var(--surface)}.guides-wrap.svelte-17blctb{background:var(--bg);flex-direction:column;align-items:center;width:100%;height:100vh;padding-top:60px;display:flex;overflow-y:auto}.guides-header.svelte-17blctb{width:100%;max-width:420px;padding:0 20px 16px}.guides-title.svelte-17blctb{color:var(--text);font-size:22px;font-weight:700}.hub-list.svelte-17blctb{flex-direction:column;gap:8px;width:100%;max-width:420px;padding:0 20px;display:flex}.hub-row.svelte-17blctb{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--text);border-radius:10px;align-items:center;gap:12px;padding:14px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.hub-row.svelte-17blctb:hover{background:var(--surface2);border-color:var(--border2)}.hub-row-icon.svelte-17blctb{text-align:center;width:32px;font-size:20px}.hub-row-name.svelte-17blctb{flex:1}.hub-row-count.svelte-17blctb{color:var(--text-faint);font-size:11px}.hub-row-arrow.svelte-17blctb{color:var(--text-faint);font-size:18px}.roster-header.svelte-17blctb{justify-content:space-between;align-items:flex-start;gap:12px;width:100%;max-width:480px;padding:0 20px 12px;display:flex}.guide-title.svelte-17blctb{color:var(--text);font-size:20px;font-weight:700}.guide-subtitle.svelte-17blctb{color:var(--text-faint);margin-top:4px;font-size:12px}.roster-progress.svelte-17blctb{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:5px;padding-top:4px;display:flex}.progress-nums.svelte-17blctb{color:var(--text-dim);font-size:13px;font-weight:700}.progress-sep.svelte-17blctb{color:var(--text-faint);margin:0 1px;font-weight:400}.progress-bar.svelte-17blctb{background:var(--surface2);border-radius:2px;width:72px;height:4px;overflow:hidden}.progress-fill.svelte-17blctb{background:var(--teal);border-radius:2px;height:100%;transition:width .3s}.search-wrap.svelte-17blctb{width:100%;max-width:480px;padding:0 20px 12px}.search-input.svelte-17blctb{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.search-input.svelte-17blctb:focus{border-color:var(--border2)}.search-input.svelte-17blctb::placeholder{color:var(--text-faint)}.char-list.svelte-17blctb{flex-direction:column;gap:6px;width:100%;max-width:480px;padding:0 20px;display:flex}.char-card.svelte-17blctb{background:var(--surface);border:1px solid var(--border);border-radius:10px;transition:border-color .15s;overflow:hidden}.char-card.done.svelte-17blctb{opacity:.5}.char-card.done.svelte-17blctb:hover{opacity:.75}.char-header.svelte-17blctb{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px 11px 14px;display:flex}.char-header.svelte-17blctb:hover{background:var(--surface2)}.char-header-left.svelte-17blctb{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.char-chevron.svelte-17blctb{color:var(--text-faint);flex-shrink:0;width:10px;font-size:10px}.char-name.svelte-17blctb{color:var(--text);flex:1;min-width:0;font-size:14px;font-weight:600}.badge.svelte-17blctb{letter-spacing:.04em;border-radius:4px;flex-shrink:0;padding:2px 5px;font-size:9px;font-weight:700}.badge-ca.svelte-17blctb{color:#60aaff;background:#1a2a3a;border:1px solid #2a4a6a}.badge-dlc.svelte-17blctb{color:#c080ff;background:#2a1a3a;border:1px solid #4a2a6a}.state-btn.svelte-17blctb{border:1.5px solid var(--border2);width:28px;height:28px;color:var(--text-faint);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:background .15s,border-color .15s,color .15s;display:flex}.state-btn.svelte-17blctb:hover{border-color:var(--teal);color:var(--teal)}.state-btn.is-romancing.svelte-17blctb{background:var(--teal);border-color:var(--teal);color:#000}.state-btn.is-romancing.svelte-17blctb:hover{opacity:.75}.state-btn.is-done.svelte-17blctb{background:var(--accent);border-color:var(--accent);color:#fff;font-size:12px}.state-btn.is-done.svelte-17blctb:hover{opacity:.75}.char-body.svelte-17blctb{border-top:1px solid var(--border);padding:0 14px 14px}.char-notes.svelte-17blctb{flex-direction:column;gap:4px;margin:10px 0 12px;padding:0;list-style:none;display:flex}.char-notes.svelte-17blctb li:where(.svelte-17blctb){color:var(--gold);padding-left:14px;font-size:12px;line-height:1.45;position:relative}.char-notes.svelte-17blctb li:where(.svelte-17blctb):before{content:"★";font-size:9px;position:absolute;top:2px;left:0}.interaction.svelte-17blctb{margin-bottom:10px}.interaction.svelte-17blctb:last-child{margin-bottom:0}.interaction-label.svelte-17blctb{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:4px;font-size:11px;font-weight:700}.picks.svelte-17blctb{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.picks.svelte-17blctb li:where(.svelte-17blctb){color:var(--text-dim);padding:3px 8px 3px 14px;font-size:12px;line-height:1.45;position:relative}.picks.svelte-17blctb li:where(.svelte-17blctb):before{content:"›";color:var(--text-faint);font-size:13px;position:absolute;top:1px;left:4px}.status-section.svelte-17blctb{width:100%;max-width:480px;padding:0}.romancing-section.svelte-17blctb{border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:12px}.romancing-section.svelte-17blctb .status-heading:where(.svelte-17blctb){padding-top:0}.completed-section.svelte-17blctb{border-top:1px solid var(--border);margin-top:8px}.status-heading.svelte-17blctb{text-transform:uppercase;letter-spacing:.06em;padding:8px 20px 6px;font-size:11px;font-weight:700}.romancing-heading.svelte-17blctb{color:var(--teal)}.completed-heading.svelte-17blctb{color:var(--text-faint)}.char-card.romancing.svelte-17blctb{border-color:color-mix(in srgb, var(--teal) 40%, var(--border))}.guide-content.svelte-17blctb{width:100%;max-width:480px;padding:0 20px 80px}.guide-section.svelte-17blctb{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:20px;overflow:hidden}.section-heading.svelte-17blctb{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);border-bottom:1px solid var(--border);background:var(--surface2);padding:10px 14px 8px;font-size:12px;font-weight:700}.section-list.svelte-17blctb{margin:0;padding:8px 0;list-style:none}.section-list.svelte-17blctb li:where(.svelte-17blctb){color:var(--text-dim);border-bottom:1px solid var(--border);padding:5px 14px;font-size:13px;line-height:1.5}.section-list.svelte-17blctb li:where(.svelte-17blctb):last-child{border-bottom:none}.empty-state.svelte-17blctb{color:var(--text-faint);text-align:center;padding:40px 20px;font-size:13px}.guides-wrap.svelte-17blctb>.char-list:where(.svelte-17blctb):last-child,.status-section.svelte-17blctb:last-child .char-list:where(.svelte-17blctb):last-child{padding-bottom:80px}.gaming-hub.svelte-aojb70{background:var(--bg);flex-direction:column;justify-content:flex-start;align-items:center;gap:32px;width:100%;height:100vh;padding-top:72px;display:flex}.gaming-hub-top.svelte-aojb70{justify-content:space-between;align-items:center;width:100%;max-width:420px;padding:0 20px;display:flex}.signout-btn.svelte-aojb70{color:var(--text-faint);cursor:pointer;opacity:.35;background:0 0;border:1px solid #0000;border-radius:6px;padding:4px 8px;font-family:inherit;font-size:11px;transition:opacity .2s,border-color .2s,color .2s}.signout-btn.svelte-aojb70:hover{opacity:1;color:var(--text-dim);border-color:var(--border)}.app-loading.svelte-1n46o8q{height:100vh;color:var(--text-faint);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:36px;display:flex}.app-loading.svelte-1n46o8q p:where(.svelte-1n46o8q){font-size:13px}