:root{--bg: #12131a;--bg-2: #191b25;--bg-3: #21232f;--panel: #1d1f2b;--border: #2e3140;--border-2: #3b3f52;--text: #e6e8f0;--text-dim: #9aa0b5;--text-faint: #6b7185;--accent: #c9a227;--accent-2: #e0bc4a;--accent-dim: #6d5a19;--blue: #4a8fd4;--green: #4caf7d;--red: #d9534f;--purple: #9a6ad4;--orange: #d98a3d;--radius: 8px;--mono: ui-monospace, "SF Mono", Consolas, "Cascadia Mono", monospace;color-scheme:dark}[data-theme=light]{--bg: #f4f5f9;--bg-2: #eceef4;--bg-3: #e2e5ee;--panel: #ffffff;--border: #dcdfe9;--border-2: #c5cad9;--text: #1b1e28;--text-dim: #59607a;--text-faint: #868ca3;--accent: #a2811a;--accent-2: #8a6d12;--accent-dim: #f2e6bd;--blue: #2f6fb0;--green: #2f8a5b;--red: #c0392b;--purple: #7a4fc0;--orange: #b8691f;color-scheme:light}[data-theme=light] .tag.gold{background:#f7ecc9;color:#7a6212;border-color:#e2d3a2}[data-theme=light] .tag.blue{background:#e3eefb;color:#245f9c;border-color:#b9d3ee}[data-theme=light] .tag.green{background:#e2f4e9;color:#26704a;border-color:#b6ddc6}[data-theme=light] .tag.red{background:#fbe6e4;color:#a33325;border-color:#eebcb6}[data-theme=light] .tag.purple{background:#efe6fa;color:#6a41ad;border-color:#d6c4ef}[data-theme=light] .alert.error{background:#fdecea;border-color:#eebcb6;color:#a33325}[data-theme=light] .alert.ok{background:#e7f6ec;border-color:#b6ddc6;color:#26704a}[data-theme=light] .alert.warn{background:#fdf4e0;border-color:#e8d5a2;color:#7d6115}[data-theme=light] .alert.info{background:#e8f1fa;border-color:#b9d3ee;color:#245f9c}[data-theme=light] button.danger{border-color:#e0b3ad;color:#b03a2b}[data-theme=light] button.danger:hover:not(:disabled){background:#fbe6e4}[data-theme=light] .nav-item.active{color:#3d3208}[data-theme=light] .nav-badge{color:#fff;background:var(--accent-2)}[data-theme=light] .chip.on,[data-theme=light] .roll-pip.hit{color:#3d3208}[data-theme=light] .modal-backdrop{background:#1e222d73}[data-density=compact] body{font-size:13px}[data-density=compact] .card{padding:12px 14px;margin-bottom:12px}[data-density=compact] th,[data-density=compact] td{padding:4px 8px}[data-density=compact] .nav-item{padding:4px 12px}[data-density=compact] .feat-row{padding:6px 0}[data-density=compact] .stat{padding:7px 10px}[data-density=compact] .modal{padding:16px 18px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-size:14px;line-height:1.6}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 .6em;font-weight:600;line-height:1.3}h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1.05rem}h4{font-size:.95rem;color:var(--text-dim)}.app{display:flex;min-height:100%}.sidebar{width:220px;flex:0 0 220px;background:var(--bg-2);border-right:1px solid var(--border);padding:20px 0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{padding:0 20px 18px;border-bottom:1px solid var(--border);margin-bottom:14px}.brand-title{font-size:1.05rem;font-weight:700;color:var(--accent-2);letter-spacing:.5px}.brand-sub{font-size:.75rem;color:var(--text-faint);margin-top:2px}.nav{display:flex;flex-direction:column;padding:0 10px;flex:1}.nav-group{margin-bottom:6px}.nav-group+.nav-group{border-top:1px solid var(--border);padding-top:10px;margin-top:6px}.nav-group-title{padding:0 12px 5px;font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--text-dim)}.nav-group-items{display:flex;flex-direction:column;gap:1px}.nav-item{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;color:var(--text-dim);font-size:.9rem;transition:background .12s,color .12s}.nav-item:hover{background:var(--bg-3);color:var(--text);text-decoration:none}.nav-item.active{background:var(--accent-dim);color:#fff;font-weight:500}.nav-badge{margin-left:auto;font-size:.7rem;padding:1px 6px;border-radius:10px;background:var(--accent);color:#1a1a1a;font-weight:700}.sidebar-foot{padding:14px 20px 0;border-top:1px solid var(--border);margin-top:14px}.user-chip{font-size:.82rem}.user-name{font-weight:600}.user-role{font-size:.72rem;color:var(--text-faint)}.user-role.dm{color:var(--accent-2)}.user-role.admin{color:var(--red)}.main{flex:1;min-width:0;padding:24px 28px 60px;max-width:1400px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-head p{margin:4px 0 0;color:var(--text-dim);font-size:.88rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;margin-bottom:16px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.card-title h2,.card-title h3{margin:0}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row-between{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.spacer{flex:1}label.field{display:block;margin-bottom:12px}label.field>span{display:block;font-size:.8rem;color:var(--text-dim);margin-bottom:4px}input,select,textarea{background:var(--bg);border:1px solid var(--border-2);color:var(--text);border-radius:6px;padding:7px 10px;font-size:.9rem;font-family:inherit;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}input[type=number]{-moz-appearance:textfield}textarea{resize:vertical;min-height:70px}input:disabled,select:disabled{opacity:.55;cursor:not-allowed}button{background:var(--bg-3);border:1px solid var(--border-2);color:var(--text);border-radius:6px;padding:7px 14px;font-size:.88rem;font-family:inherit;cursor:pointer;transition:background .12s,border-color .12s}button:hover:not(:disabled){background:var(--border);border-color:var(--accent-dim)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#17171c;font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-2);border-color:var(--accent-2)}button.danger{border-color:#5a2c2c;color:#e88}button.danger:hover:not(:disabled){background:#3a2020}button.ghost{background:transparent;border-color:transparent;color:var(--text-dim)}button.ghost:hover:not(:disabled){background:var(--bg-3);color:var(--text)}button.sm{padding:4px 10px;font-size:.8rem}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}th{color:var(--text-dim);font-weight:500;font-size:.8rem;text-transform:none}tbody tr:hover{background:var(--bg-2)}.tag{display:inline-block;padding:1px 7px;border-radius:10px;font-size:.72rem;background:var(--bg-3);color:var(--text-dim);border:1px solid var(--border-2);white-space:nowrap}.tag.gold{background:#3a3016;color:var(--accent-2);border-color:var(--accent-dim)}.tag.blue{background:#16283a;color:#7fb8e8;border-color:#2a4a68}.tag.green{background:#16301f;color:#7fd8a5;border-color:#2a5c3d}.tag.red{background:#3a1a1a;color:#e88;border-color:#6a2c2c}.tag.purple{background:#26183a;color:#b48ae8;border-color:#4a2c6a}.stat{background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:10px 12px}.stat-label{font-size:.74rem;color:var(--text-faint)}.stat-value{font-size:1.5rem;font-weight:700;font-family:var(--mono);line-height:1.15}.stat-sub{font-size:.72rem;color:var(--text-dim)}.stat.ability{text-align:center;padding:8px 6px}.stat.ability .stat-value{font-size:1.3rem}.stat.ability .mod{font-family:var(--mono);font-size:.95rem;color:var(--accent-2);font-weight:600}.alert{padding:10px 14px;border-radius:6px;margin-bottom:14px;font-size:.88rem;border:1px solid}.alert.error{background:#2a1618;border-color:#5a2c2c;color:#f0a0a0}.alert.ok{background:#16281c;border-color:#2a5c3d;color:#90e0b0}.alert.warn{background:#2a2414;border-color:#5c4a1e;color:#e8d08a}.alert.info{background:#16222e;border-color:#2a4a68;color:#9ac8e8}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.mono{font-family:var(--mono)}.small{font-size:.8rem}.tiny{font-size:.72rem}.nowrap{white-space:nowrap}.pre-wrap{white-space:pre-wrap}.breakdown{font-size:.75rem;color:var(--text-faint);font-family:var(--mono)}.breakdown span+span:before{content:" "}.roll-chain{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.roll-pip{font-family:var(--mono);font-size:.78rem;padding:2px 8px;border-radius:4px;background:var(--bg-3);border:1px solid var(--border-2)}.roll-pip.hit{background:var(--accent-dim);border-color:var(--accent);color:#fff}.roll-pip.miss{opacity:.5}.feat-row{border-bottom:1px solid var(--border);padding:10px 0}.feat-row:last-child{border-bottom:none}.feat-name{font-weight:600}.feat-benefit{color:var(--text-dim);font-size:.86rem;white-space:pre-wrap;margin-top:3px}.pool-tree{font-size:.84rem}.pool-node{padding:3px 0}.pool-node.lvl-0{font-weight:600;color:var(--accent-2)}.pool-node.lvl-1{padding-left:16px;color:var(--text)}.pool-node.lvl-2{padding-left:32px;color:var(--text-dim)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal{background:var(--panel);border:1px solid var(--border-2);border-radius:var(--radius);max-width:720px;width:100%;max-height:86vh;overflow-y:auto;padding:20px 22px}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-box{width:100%;max-width:400px}.login-box .brand-title{font-size:1.4rem;text-align:center}.loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-dim)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:16px;flex-wrap:wrap}.tab{padding:8px 14px;border:none;background:transparent;color:var(--text-dim);border-bottom:2px solid transparent;border-radius:0;font-size:.88rem}.tab:hover{color:var(--text);background:var(--bg-2)}.tab.active{color:var(--accent-2);border-bottom-color:var(--accent)}.scroll-y{max-height:420px;overflow-y:auto}.kv{display:grid;grid-template-columns:88px 1fr;gap:3px 10px;font-size:.84rem}.kv dt{color:var(--text-faint)}.kv dd{margin:0}.chip-list{display:flex;flex-wrap:wrap;gap:5px}.chip{font-size:.76rem;padding:2px 8px;border-radius:4px;background:var(--bg-3);border:1px solid var(--border-2);color:var(--text-dim)}.chip.on{background:var(--accent-dim);border-color:var(--accent);color:#fff}.chip.clickable{cursor:pointer}.chip.clickable:hover{border-color:var(--accent)}.roll-pip.pinned{border-style:dashed;color:var(--text-dim)}.mobile-bar,.nav-backdrop{display:none}@media(max-width:860px){.app{flex-direction:column;min-height:100%}.mobile-bar{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:60;padding:8px 12px;background:var(--bg-2);border-bottom:1px solid var(--border)}.mobile-menu-btn{flex:0 0 auto;width:40px;height:40px;padding:0;font-size:1.15rem;line-height:1;background:var(--bg-3);border:1px solid var(--border-2);border-radius:8px;color:var(--text)}.mobile-brand{font-weight:700;color:var(--accent-2);letter-spacing:.5px}.mobile-page{margin-left:auto;font-family:var(--mono);font-size:.72rem;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45vw}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;flex:none;height:100%;z-index:80;transform:translate(-100%);transition:transform .18s ease;box-shadow:0 0 40px #00000080;overflow-y:auto}.sidebar.open{transform:translate(0)}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#00000080}.main{max-width:none;padding:14px 12px 90px}.page-head{flex-direction:column;align-items:stretch}.page-head .row,.row{flex-wrap:wrap}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card{overflow-x:auto}table{min-width:460px}button,.chip.clickable,.tab{min-height:36px}button.sm{min-height:32px}input,select,textarea{font-size:16px}}@media(max-width:420px){.main{padding:12px 10px 90px}.card{padding:13px}h1{font-size:1.35rem}.stat-value{font-size:1.5rem}}@media(max-width:860px){.fab{padding:0!important;width:44px;height:44px;justify-content:center;gap:0!important;right:12px!important}.fab>.small{display:none}.fab-dice{bottom:68px!important}.fab-feedback{bottom:14px!important}.fab .badge-dot{position:absolute;top:-4px;right:-4px;margin:0}.fab{position:fixed}}@media(min-width:600px)and (max-width:860px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.wheel-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;align-items:start}.wheel-side{display:grid;gap:14px}.wheel-main{display:grid;gap:14px;min-width:0}.wheel-pick-list{display:grid;gap:6px;margin-top:8px}.wheel-pick{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:var(--bg-2);border:1px solid var(--border);color:var(--text);padding:7px 10px;border-radius:6px}.wheel-pick:hover{border-color:var(--border-2);background:var(--bg-3)}.wheel-pick.active{border-color:var(--accent);background:var(--bg-3)}.wheel-pick-name{font-weight:600;font-size:.88rem}.wheel-history{display:grid;gap:6px;margin-top:8px;max-height:340px;overflow-y:auto}.wheel-history-row{border-bottom:1px solid var(--border);padding-bottom:5px}.wheel-history-row:last-child{border-bottom:none}.wheel-history-main{display:flex;align-items:center;gap:6px}.wheel-history-label{font-size:.86rem;font-weight:600}.wheel-history-meta{margin-top:1px}.wheel-stage-card{display:flex;flex-direction:column;align-items:center}.wheel-stage-card>.row{width:100%}.wheel-stage{position:relative;margin:12px auto}.wheel-svg{display:block}.wheel-rim{fill:none;stroke:var(--border-2);stroke-width:2}.wheel-sector{stroke:#00000059;stroke-width:1;transition:fill .12s}.wheel-sector.hit{stroke:#fff;stroke-width:3;filter:brightness(1.35)}.wheel-sector-label{font-size:12px;fill:#10141a;font-weight:600;pointer-events:none}.wheel-pointer{fill:#e8e4d8;stroke:#10141a;stroke-width:1}.wheel-hub{fill:var(--panel);stroke:var(--border-2);stroke-width:2}.wheel-empty-hint{position:absolute;inset:auto 0 38% 0;text-align:center;color:var(--text-dim);font-size:.82rem;padding:0 24px}.wheel-rotor{will-change:transform}.wheel-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.wheel-spin-btn{font-size:1.05rem;font-weight:700;padding:10px 30px;background:var(--accent-dim);border-color:var(--accent);color:#fff}.wheel-spin-btn:hover:not(:disabled){background:var(--accent)}.wheel-result{margin-top:14px;width:100%;padding:12px 14px;background:var(--bg-2);border:1px solid var(--accent-dim);border-radius:6px}.wheel-result-label{font-size:1.05rem;margin-bottom:4px}.wheel-result-ref{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.wheel-region-editor{margin-top:12px;display:grid;gap:6px}.wheel-region-head,.wheel-region-row{display:grid;grid-template-columns:minmax(0,1.6fr) 80px minmax(0,1fr) 150px 96px;gap:6px;align-items:center}.wheel-region-head{padding:0 2px 2px}.wheel-region-row{position:relative}.wheel-region-row input{font-size:.84rem;padding:5px 8px}.wheel-weight-input{font-family:var(--mono);text-align:right}.wheel-region-row:has(.has-ref){background:#e0bc4a0f;border-radius:5px}button.has-ref{border-color:var(--accent-dim);color:var(--accent-2)}.wheel-region-ref{grid-column:1 / -1;display:flex;align-items:center;gap:8px;color:var(--text-dim);padding-left:4px}.wheel-ref-picker{margin-top:10px;padding:10px 12px;background:var(--bg-2);border:1px solid var(--border-2);border-radius:6px}.wheel-ref-picker input{flex:1}.wheel-ref-options{margin-top:8px;display:grid;gap:4px;max-height:260px;overflow-y:auto}.wheel-ref-option{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;background:transparent;border:1px solid transparent;color:var(--text);padding:5px 8px;border-radius:5px}.wheel-ref-option:hover{background:var(--bg-3);border-color:var(--border-2)}.wheel-ref-title{font-size:.86rem}@media(max-width:900px){.wheel-layout{grid-template-columns:minmax(0,1fr)}.wheel-side{order:2}.wheel-main{order:1}}@media(max-width:700px){.wheel-region-head{display:none}.wheel-region-row{grid-template-columns:minmax(0,1fr) 70px}.wheel-region-row>input:nth-of-type(3){grid-column:1 / -1}.wheel-region-row>button[data-pick-ref]{grid-column:1 / -1}.wheel-region-row>.row{grid-column:1 / -1}}.chat-panel{display:flex;flex-direction:column;gap:6px;border:1px solid var(--border);border-radius:8px;background:var(--bg-2);overflow:hidden}.chat-head{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border);background:var(--bg-3, var(--bg-2))}.chat-scroll{height:320px;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:8px}.chat-row{display:flex;gap:8px;align-items:flex-start}.chat-avatar{flex:0 0 28px;width:28px;height:28px;border-radius:50%;color:#fff;font-size:14px;line-height:28px;text-align:center;-webkit-user-select:none;user-select:none}.chat-body{min-width:0}.chat-who{line-height:1.2;margin-bottom:2px}.chat-bubble{display:inline-block;max-width:100%;padding:6px 10px;border-radius:10px;background:var(--bg);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word}.chat-act{text-align:center;font-style:italic;color:var(--muted);padding:2px 0}.chat-ooc{border-top:1px dashed var(--border);padding:4px 10px 2px;background:var(--bg)}.chat-ooc-head{display:flex;align-items:center;gap:6px}.chat-ooc-list{max-height:92px;overflow-y:auto;padding:4px 0}.chat-ooc-line{line-height:1.45;word-break:break-word}.chat-input{padding:6px 10px 8px;border-top:1px solid var(--border)}.chat-input textarea{width:100%;resize:vertical;font-family:inherit;font-size:13px}.center{text-align:center}.map-editor-grid{display:grid;grid-template-columns:190px minmax(0,1fr) 330px;gap:14px;align-items:start}.map-editor-grid>*{min-width:0}@media(max-width:1150px){.map-editor-grid{grid-template-columns:190px minmax(0,1fr)}.map-editor-grid>.map-editor-side{grid-column:1 / -1}.chat-scroll{height:240px}}@media(max-width:900px){.map-editor-grid{grid-template-columns:minmax(0,1fr)}.map-editor-grid>.map-editor-tools{grid-column:1 / -1}}.char-avatar-slot{display:inline-block;flex:0 0 auto}.char-avatar-slot:hover img{filter:brightness(.92)}.char-avatar-empty{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-3);border:1px dashed var(--border);font-size:26px;color:var(--muted);-webkit-user-select:none;user-select:none}