.dice-box-canvas{opacity:1;transition:opacity 1s}.dice-box-canvas--hide{opacity:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#17110c;--paper:#efe1c1;--paper-dark:#271c14e6;--panel:#1c1612e0;--panel-2:#30241be6;--line:#e8c27647;--gold:#d8ad5f;--gold-2:#f2d48d;--red:#9d2f2f;--jade:#79a88d;--text:#fbf1dc;--muted:#cbbd9f;--blue:#6e8ead;font-family:Noto Serif SC,Songti SC,STSong,SimSun,serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);overscroll-behavior:none;background:#120e0a;margin:0}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.app{background:linear-gradient(180deg, #16110d85, #16110df5), var(--scene-bg,url(../assets/background-ink.svg)) center/cover;flex-direction:column;width:min(100%,480px);height:100svh;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 48px #00000073}.app.combat{background:linear-gradient(180deg, #4f0d0dd1, #16110df5), var(--scene-bg,url(../assets/background-ink.svg)) center/cover}.app:before{content:"";pointer-events:none;opacity:.2;background:url(../assets/paper-texture.svg) 50%/360px;position:absolute;inset:0}.setup-screen{z-index:80;padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;background:linear-gradient(#120d0999,#120d09f5),url(../assets/map-jianghu-v2.png) 50%/cover;position:absolute;inset:0;overflow-y:auto}.setup-shell{gap:10px;max-width:520px;margin:0 auto;display:grid}.setup-title p,.setup-title h1,.setup-title span{margin:0}.setup-title p{color:var(--gold-2);font-size:13px}.setup-title h1{margin:4px 0;font-size:24px}.setup-title span{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.setup-actions,.setup-panel{gap:10px;display:grid}.setup-panel.compact{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.setup-panel.compact>.name-field,.setup-panel.compact>.origin-hook,.setup-panel.compact>.setup-guides,.setup-panel.compact>.primary-action{grid-column:1/-1}.setup-actions>button,.primary-action{color:#201409;background:#d8ad5fe6;border:1px solid #f2d48d8c;border-radius:8px;min-height:46px;font-weight:700}.setup-segmented{border:1px solid var(--line);background:#16110cd1;border-radius:8px;padding:4px}.setup-roster{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.setup-roster button,.origin-grid button{border:1px solid var(--line);min-width:0;color:var(--text);background:#1f1812d1;border-radius:8px}.setup-roster button{padding:0 0 7px;overflow:hidden}.setup-roster button.selected,.origin-grid button.selected{border-color:var(--gold-2);background:#8e5b2a9e}.setup-roster img{aspect-ratio:1;object-fit:cover;width:100%}.setup-roster span{margin-top:5px;font-size:12px;display:block}.setup-preview{border:1px solid var(--line);background:#18120edb;border-radius:8px;grid-template-columns:112px 1fr;gap:12px;padding:12px;display:grid}.setup-preview img{object-fit:cover;border-radius:8px;width:112px;height:144px}.setup-preview h2,.setup-preview p{margin:0}.setup-preview p{color:var(--muted);margin:4px 0 10px;font-size:13px}.mini-stat-grid{grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.mini-stat-grid span{color:var(--gold-2);background:#0000003d;border-radius:6px;padding:5px 6px;font-size:12px}.name-field{color:var(--muted);gap:6px;display:grid}.name-field input{border:1px solid var(--line);min-height:44px;color:var(--text);background:#0f0b08db;border-radius:8px;outline:0;padding:0 12px}.origin-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.origin-grid button{text-align:left;gap:5px;min-height:92px;padding:10px;display:grid}.origin-grid span,.origin-hook{color:var(--muted);font-size:12px;line-height:1.45}.origin-hook{border:1px dashed var(--line);background:#18120eb8;border-radius:8px;padding:8px 10px}.roll-packages{gap:6px;display:grid}.roll-packages header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.roll-packages header b{color:var(--gold-2)}.roll-packages header span{color:var(--muted);font-size:12px}.roll-packages>button{border:1px solid var(--line);color:var(--text);text-align:left;background:#1f1812d1;border-radius:8px;gap:6px;padding:8px;display:grid}.roll-packages>button.selected{border-color:var(--gold-2);background:#8e5b2a9e}.roll-packages strong{color:var(--gold-2);font-size:14px}.roll-packages>button>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 6px;display:grid}.roll-packages>button span{min-width:0;color:var(--muted);background:#00000038;border-radius:6px;padding:5px 6px;font-size:11px;display:block}.points-header{color:var(--muted);justify-content:space-between;display:flex}.points-header b{color:var(--gold-2)}.allocator{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.allocator article{border:1px solid var(--line);background:#1f1812d1;border-radius:8px;grid-template-columns:minmax(76px,1fr) 30px 30px 30px;align-items:center;gap:4px;padding:7px;display:grid}.allocator article>div{min-width:0}.allocator article strong,.allocator article small{display:block}.allocator article strong{white-space:nowrap}.allocator article small{color:var(--muted);line-height:1.2}.allocator button{border:1px solid var(--line);width:30px;height:30px;color:var(--text);background:#30241be6;border-radius:8px}.allocator b{text-align:center;color:var(--gold-2)}.setup-guides{border:1px solid var(--line);background:#18120ed1;border-radius:8px;gap:8px;padding:10px;display:grid}.setup-guides header{gap:4px;display:grid}.setup-guides header b{color:var(--gold-2)}.setup-guides header span{color:var(--muted);font-size:12px;line-height:1.45}.setup-derived-preview{background:#110c0975;border:1px dashed #f2d48d47;border-radius:8px;gap:6px;padding:8px;display:grid}.setup-derived-preview b{color:var(--gold-2)}.setup-derived-preview div{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 6px;display:grid}.setup-derived-preview span{color:var(--gold);background:#00000038;border-radius:6px;padding:5px 6px;font-size:11px;display:block}.setup-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.setup-guide-card{background:#1f1812b8;border:1px solid #f2d48d2e;border-radius:8px;gap:4px;padding:8px;display:grid}.setup-guide-card div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.setup-guide-card b{color:var(--gold-2)}.setup-guide-card span{color:var(--gold);font-size:12px}.setup-guide-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.35}.setup-base-card header b,.setup-base-card header span,.setup-base-card>button strong{font-size:0}.setup-base-card header b:before{content:"随机底盘";font-size:14px}.setup-base-card header span:before{content:"固定 1 组，总和 45";font-size:12px}.setup-base-card>button strong:before{content:"本局底盘";font-size:14px}.setup-base-card>button{cursor:default}.setup-base-card>button,.setup-final-card>button{pointer-events:none}.primary-action:disabled{opacity:.45}.app-header{z-index:2;padding:max(14px, env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#130d09b8;justify-content:space-between;align-items:center;gap:14px;display:flex}.app-header p,.app-header h1{margin:0}.app-header p{color:var(--gold-2);font-size:12px}.app-header h1{letter-spacing:0;margin:3px 0 4px;font-size:23px}.app-header span{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:inline-flex}.app-header img{border:1px solid var(--line);object-fit:cover;background:#2c2119;border-radius:50%;width:56px;height:56px}.quick-status{z-index:2;grid-template-columns:repeat(4,1fr);gap:7px;padding:10px 12px 8px;display:none}.quick-status article{border:1px solid var(--line);background:#211812c2;border-radius:8px;min-width:0;padding:8px 6px}.quick-status span{color:var(--muted);font-size:11px;display:block}.quick-status b{color:var(--gold-2);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:13px;display:block;overflow:hidden}.chat{z-index:1;-webkit-overflow-scrolling:touch;flex:1;padding:10px 14px 212px;overflow-y:auto}.message{border:1px solid var(--line);background:#201812db;border-radius:8px;width:fit-content;max-width:88%;margin:0 0 12px;padding:11px 12px;line-height:1.62;box-shadow:0 12px 28px #00000038}.message-row{align-items:flex-start;gap:9px;width:100%;display:flex}.message-row.player{justify-content:flex-end}.message-row.with-speaker .message{max-width:min(82%,680px)}.message-speaker-portrait{object-fit:cover;object-position:top center;background:#0c0806cc;border:1px solid #f2d48d61;border-radius:50%;flex:none;width:42px;height:42px;margin-top:2px;box-shadow:0 8px 18px #00000047}.message-visuals{gap:10px;min-width:min(420px,100%);margin-top:10px;display:grid}.message-visuals.multi{grid-template-columns:repeat(2,minmax(0,1fr))}.message-visual{background:#0c0806b8;border:1px solid #f2d48d3d;border-radius:12px;margin:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08}.message-visual img{object-fit:contain;background:#00000052;width:100%;height:clamp(260px,52vh,520px);display:block}.message-visual.npc img{object-position:top center;height:clamp(320px,62vh,620px)}.message-visual figcaption{background:linear-gradient(#0000,#090604eb 48%,#090604f5);padding:42px 12px 10px;position:absolute;bottom:0;left:0;right:0}.message-visual figcaption span{color:var(--gold);letter-spacing:.12em;margin-bottom:3px;font-size:11px;display:inline-block}.message-visual figcaption b{color:var(--gold-2);font-size:16px;line-height:1.25;display:block}.message-visual figcaption small,.message-visual figcaption p{color:#f4e7c7d1;margin:3px 0 0;font-size:12px;line-height:1.35;display:block}.message-visual figcaption p{color:var(--muted)}.objective-card,.pending-check,.enemy-card,.death-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#130d09c7;border:1px solid #f2d48d61;border-radius:8px;width:100%;margin:0 0 12px;padding:11px 12px}.objective-card span,.pending-check span,.enemy-card span,.death-card span{color:var(--muted);font-size:12px;display:block}.objective-card b,.pending-check b,.enemy-card b,.death-card b{color:var(--gold-2);margin:4px 0;display:block}.pending-check-title{justify-content:space-between;align-items:center;gap:10px;margin:4px 0;display:flex}.pending-check-title b{margin:0}.dc-chip{color:var(--gold-2);letter-spacing:.04em;background:#f2d48d1f;border:1px solid #f2d48d8c;border-radius:999px;flex:none;padding:5px 10px;font-size:14px}.objective-card p,.pending-check p,.enemy-card p,.death-card p{color:var(--text);margin:0;line-height:1.45}.death-card{background:linear-gradient(135deg,#4b120ee6,#170c0ae0),radial-gradient(circle at 20% 0,#f2d48d21,#0000 34%);border-color:#d54a3ea8;box-shadow:0 14px 34px #00000047}.death-card span{color:#ffb0a4;letter-spacing:.08em}.death-card b{color:#ffe0b0;font-size:19px}.death-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.death-actions .primary-inline,.death-actions .secondary-inline{border-radius:8px;min-height:36px;padding:0 12px;font-weight:700}.death-actions .primary-inline{color:#201409;background:#f1c06a;border:1px solid #ffe2a8a3}.death-actions .secondary-inline{color:var(--gold-2);background:#20140db8;border:1px solid #f2d48d61}.enemy-card{background:#230d0acc;border-color:#9d2f2f94}.enemy-card-top{grid-template-columns:78px minmax(0,1fr);align-items:start;gap:11px;display:grid}.enemy-card-main{min-width:0}.enemy-portrait{object-fit:cover;object-position:50% 20%;background:#0a07059e;border:1px solid #f2d48d52;border-radius:7px;width:78px;height:104px;box-shadow:0 10px 22px #00000047}.enemy-card small{color:var(--gold);margin-top:8px;display:block}.enemy-card p{color:var(--muted);margin-top:6px;font-size:12px}.enemy-bars{gap:5px;display:grid}.enemy-bars label{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.enemy-bars em{color:var(--gold-2);font-style:normal}.objective-card small{color:var(--gold);margin-top:7px;font-size:12px;display:block}.objective-card .objective-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.objective-card .primary-inline,.objective-card .secondary-inline{border-radius:8px;min-height:36px;padding:0 12px;font-weight:600}.objective-card .primary-inline{background:var(--gold);color:#201409;border:1px solid #f2d48d94}.objective-card .secondary-inline{color:var(--gold-2);background:#36281ce0;border:1px solid #f2d48d6b;margin-top:10px}.objective-card .objective-actions .secondary-inline{margin-top:0}.opportunity-board{gap:9px;display:grid}.opportunity-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.opportunity-head span{color:var(--gold-2);font-size:13px;font-weight:700}.opportunity-head small{color:var(--muted);font-size:12px}.opportunity-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.opportunity-card{min-height:126px;color:var(--text);text-align:left;background:#19130ed1;border:1px solid #f2d48d38;border-radius:8px;gap:5px;padding:10px;display:grid}.opportunity-card.low{border-color:#79a88d5c}.opportunity-card.medium{border-color:#e8c27661}.opportunity-card.high{border-color:#b354477a}.opportunity-card.selected{background:#36281ce6;border-color:#f2d48db8}.opportunity-card:disabled{opacity:.62}.opportunity-card span{color:var(--gold);font-size:11px}.opportunity-card b{color:var(--gold-2);font-size:14px;line-height:1.25}.opportunity-card small{color:var(--muted);font-size:12px;line-height:1.45}.opportunity-card em{color:#c9f2d8;align-self:end;font-size:11px;font-style:normal;line-height:1.35}.opportunity-card:disabled em{color:#e8b0a5}.opportunity-detail{background:#120d09db;border:1px solid #f2d48d3d;border-radius:8px;padding:11px 12px}.opportunity-detail.high{border-color:#b3544773}.opportunity-detail-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.opportunity-detail-head span{color:var(--gold);font-size:12px}.opportunity-detail-head b{color:var(--gold-2)}.opportunity-detail p{color:var(--text);margin:8px 0 0;font-size:13px;line-height:1.5}.opportunity-detail dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0 0;display:grid}.opportunity-detail dl div{background:#1f1812b8;border:1px solid #f2d48d29;border-radius:8px;min-width:0;padding:7px 8px}.opportunity-detail dt,.opportunity-detail dd{margin:0}.opportunity-detail dt{color:var(--muted);font-size:11px}.opportunity-detail dd{color:var(--gold-2);margin-top:3px;font-size:12px;line-height:1.35}.opportunity-detail>button{background:var(--gold);color:#201409;border:1px solid #f2d48d94;border-radius:8px;width:100%;min-height:38px;margin-top:10px;font-weight:700}.opportunity-detail>button:disabled{color:var(--muted);background:#36281ccc;border-color:#f2d48d38}.pending-check small{color:var(--gold);margin-top:8px;line-height:1.45;display:block}.pending-check button{background:var(--gold);color:#201409;border:1px solid #f2d48d94;border-radius:8px;width:100%;min-height:40px;margin-top:10px;font-weight:700}.action-hud{z-index:18;left:10px;right:10px;bottom:calc(max(10px, env(safe-area-inset-bottom)) + 52px);position:absolute}.action-hud-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#120d09eb;border:1px solid #f2d48d3d;border-radius:16px;align-items:center;gap:10px;min-height:48px;padding:9px 12px;display:flex;box-shadow:0 14px 28px #0003}.action-hud-card.prompt{border-color:#f2d48d4d}.action-hud-card.result{background:linear-gradient(#1c281ff0,#131d16f0);border-color:#79a88d57}.action-hud-card.idle{background:#140f0be0;border-color:#e8c27629}.action-hud-main{flex:1;gap:2px;min-width:0;display:grid}.action-hud-topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.action-hud-kicker{color:var(--gold);white-space:nowrap;font-size:11px}.action-hud-badges{align-items:center;gap:6px;min-width:0;display:flex}.action-hud-badge{min-height:22px;color:var(--muted);white-space:nowrap;border:1px solid #f2d48d29;border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-style:normal;display:inline-flex}.action-hud-main b{min-width:0;color:var(--gold-2);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.action-hud-main small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.35;display:block;overflow:hidden}.action-hud-card.result .action-hud-kicker{color:#9ad3ae}.action-hud-card.result .action-hud-main b{color:#edf8ef}.action-hud-card.result .action-hud-main small,.action-hud-card.result .action-hud-badge{color:#edf8efbd}.action-hud-button{background:var(--gold);color:#201409;border:1px solid #f2d48d94;border-radius:10px;flex:none;min-width:78px;min-height:36px;padding:0 12px;font-weight:700}.action-hud-copy{flex:1;gap:2px;min-width:0;display:grid}.action-hud-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.35;display:block;overflow:hidden}.action-hud-row.prompt button{background:var(--gold);color:#201409;border:1px solid #f2d48d94;border-radius:10px;flex:none;min-width:86px;min-height:36px;padding:0 11px;font-weight:700}.message>.message-role{color:var(--gold);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.message p{white-space:pre-wrap;margin:0}.lore-link{min-height:0;color:var(--gold-2);font:inherit;line-height:inherit;text-align:inherit;vertical-align:baseline;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d8ad5f85;border-radius:0;padding:0 2px;display:inline}.lore-link:hover{border-bottom-color:var(--gold-2);background:#d8ad5f1f}.lore-link.npc{color:#f0c778}.lore-link.martial,.lore-link.manual{color:#c8d98b}.lore-link.location,.lore-link.scene{color:#9fd0c3}.lore-modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000006b;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.lore-modal{background:linear-gradient(135deg,#2a1f16f5,#120c09fa),url(../assets/paper-texture.svg) 50%/360px;border:1px solid #f2d48d57;border-radius:14px;grid-template-columns:minmax(150px,210px) minmax(0,1fr);width:min(600px,100%);max-height:min(72vh,620px);display:grid;position:relative;overflow:hidden;box-shadow:0 22px 54px #00000080}.lore-modal-close{z-index:2;width:34px;height:34px;min-height:34px;color:var(--gold-2);background:#0c0806b8;border:1px solid #f2d48d57;border-radius:999px;padding:0;position:absolute;top:10px;right:10px}.lore-modal-image{background:#00000042;min-height:260px}.lore-modal-image img{object-fit:contain;object-position:top center;width:100%;height:100%;max-height:420px;display:block}.lore-modal-body{padding:18px 18px 16px;overflow:auto}.lore-modal-body>span{color:var(--gold);letter-spacing:.16em;font-size:12px}.lore-modal-body h3{color:var(--gold-2);margin:6px 0 4px;font-size:22px;line-height:1.15}.lore-modal-body b,.lore-modal-body small{display:block}.lore-modal-body b{color:var(--text)}.lore-modal-body small{color:var(--muted);margin-top:4px}.lore-modal-body p{color:#f4e7c7e0;margin:10px 0 0;font-size:13px;line-height:1.55}.lore-modal-body dl{gap:6px;margin:12px 0 0;display:grid}.lore-modal-body dl div{background:#0000002e;border:1px solid #f2d48d29;border-radius:10px;grid-template-columns:76px minmax(0,1fr);gap:8px;padding:7px 9px;display:grid}.lore-modal-body dt{color:var(--muted);font-size:12px}.lore-modal-body dd{color:var(--text);margin:0;font-size:13px}.message.player{background:#754927db;margin-left:auto}.message.dice{text-align:center;background:#1b253be0;border-color:#7489b580;width:100%;max-width:none}.message.system{background:#1f3a2bbf;border-color:#79a88d73;width:100%;max-width:none}.message.combat-summary{background:linear-gradient(#483318e6,#2c1e0fe6);border-color:#f2d48d85;width:100%;max-width:none;box-shadow:0 10px 24px #0003}.message.combat-summary span{color:var(--gold-2)}.message.combat-summary p{color:#f8eed9;line-height:1.55}.loading{color:var(--muted);align-items:center;gap:8px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.input-bar{z-index:20;left:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom));border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#17110ce6;border-radius:999px;align-items:center;gap:7px;padding:8px;display:flex;position:absolute}.input-bar input{min-width:0;height:40px;color:var(--text);background:0 0;border:0;outline:0;flex:1}.input-bar button,.drawer-tabs button,.dice-popover button,.save-panel button{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:8px}.input-bar button{border-radius:50%;flex:0 0 40px;place-items:center;height:40px;display:grid}.input-bar button[type=submit]{background:var(--gold);color:#201409}.dice-popover{z-index:50;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:100% 100%;background:#1d1611f2;border-radius:8px;gap:7px;width:304px;max-height:55svh;padding:10px;animation:.2s cubic-bezier(.2,.9,.2,1) both popoverIn;display:grid;position:absolute;bottom:76px;right:12px;overflow-y:auto;box-shadow:0 18px 48px #00000073}.dice-popover button{justify-content:space-between;align-items:center;min-height:38px;padding:0 10px;display:flex}.dice-popover button.recommended{color:#d7f5df;background:#2d583bad;border-color:#79a88dbf}.dice-check,.qi-invest{background:#0f0b088c;border:1px solid #f2d48d57;border-radius:8px;gap:5px;padding:9px;display:grid}.dice-check span,.qi-invest span,.dice-section-title{color:var(--muted);font-size:12px}.dice-check b,.qi-invest b{color:var(--gold-2)}.dice-check p,.dice-check small{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.qi-invest div{justify-content:space-between;display:flex}.qi-invest input{width:100%;accent-color:var(--gold)}.qi-invest p{color:var(--muted);margin:0;font-size:12px;line-height:1.35}.qi-invest.low{border-color:#9d2f2fa6}.dice-section-title{margin-top:4px}.martial-roll{gap:8px}.martial-roll span{text-align:left;gap:2px;display:grid}.martial-roll small{color:var(--muted);font-size:11px;line-height:1.25}.martial-roll:disabled{opacity:.42}.drawer-tabs button.active{color:var(--gold-2);background:#8e5b2a9e;border-color:#f2d48db8}@keyframes popoverIn{0%{opacity:0;transform:translate(12px,18px)scale(.94)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes scrimIn{0%{opacity:0}to{opacity:1}}.scrim{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000085;animation:.18s ease-out both scrimIn;position:absolute;inset:0}.ui-lock-shield{z-index:95;pointer-events:auto;background:0 0;position:absolute;inset:0}.drawer{z-index:50;border-top:2px solid var(--gold);pointer-events:none;background:linear-gradient(#2d1f15fa,#18120efa),url(../assets/paper-texture.svg) 50%/300px;border-radius:18px 18px 0 0;flex-direction:column;height:76svh;transition:transform .32s cubic-bezier(.18,.88,.22,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -24px 64px #0000008f}.drawer.open{pointer-events:auto;transform:translateY(0)}.drawer-handle{background:#f2d48d6b;border-radius:999px;width:52px;height:5px;margin:10px auto 8px}.drawer-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(5,1fr);gap:4px;padding:0 12px 10px;display:grid;position:relative}.drawer-tabs button{min-width:0;min-height:48px;color:var(--muted);place-items:center;padding:4px;display:grid}.drawer-tabs span{font-size:10px}.drawer-tabs .close{width:34px;min-height:34px;position:absolute;top:-46px;right:12px}.drawer-content{-webkit-overflow-scrolling:touch;flex:1;padding:14px 14px 28px;overflow-y:auto}.drawer-grid{gap:13px;display:grid}.hero-card{border:1px solid var(--line);background:#19130fb3;border-radius:8px;grid-template-columns:104px 1fr;gap:12px;padding:12px;display:grid}.hero-card img{border:1px solid var(--line);object-fit:cover;background:#2b2119;border-radius:8px;width:104px;height:140px}.hero-card h2,.hero-card p,.drawer-content h3{margin:0}.hero-card p{color:var(--muted);margin-top:4px;font-size:13px}.inner-state{color:var(--muted);margin:8px 0 0;font-size:12px}.growth-strip{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.growth-strip span,.growth-strip b{color:var(--muted);background:#f2d48d14;border:1px solid #f2d48d2e;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:600}.growth-strip b{color:var(--gold-2);background:#f2d48d21}.injury-banner{background:#201812e0;border:1px solid #f2d48d33;border-radius:8px;gap:4px;margin-top:10px;padding:9px 10px;display:grid}.injury-banner.calm{background:#19261f9e;border-color:#79a88d3d}.injury-banner.light{background:#3d2b17b8;border-color:#d6ab605c}.injury-banner.heavy,.injury-banner.critical{background:#4d1e18c2;border-color:#dd6b5173}.injury-banner.critical{box-shadow:0 0 0 1px #dd6b512e,0 10px 24px #6e18113d}.injury-banner-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.injury-banner strong{color:#f3d1c7;font-size:14px}.injury-banner.calm strong{color:#d1ead8}.injury-banner span{color:var(--gold-2);font-size:12px}.injury-banner small{color:#f7e8e0e0;line-height:1.4}.bar-label{color:var(--muted);justify-content:space-between;margin-top:12px;font-size:12px;display:flex}.bar{background:#0000005c;border-radius:999px;height:8px;overflow:hidden}.bar span,.relation-bar span{height:100%;display:block}.bar .hp{background:linear-gradient(90deg,#9d2f2f,#dd6b51)}.bar .qi{background:linear-gradient(90deg,#3d6d99,#79a8cf)}.stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat-grid button{border:1px solid var(--line);min-height:68px;color:var(--text);background:#1f1812c7;border-radius:8px}.stat-grid span,.stat-grid em{color:var(--muted);font-size:12px;display:block}.stat-grid em{font-style:normal}.stat-grid b{color:var(--gold-2);margin:4px 0;font-size:20px;display:block}.martial-list{gap:8px;display:grid}.martial-list h3{color:var(--gold-2);margin:0;font-size:15px}.martial-list article{border:1px solid var(--line);background:#1f1812b8;border-radius:8px;gap:5px;padding:10px;display:grid}.martial-list article div{justify-content:space-between;gap:8px;display:flex}.martial-list span,.martial-list small{color:var(--gold);font-size:12px}.martial-list p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.martial-detail-toggle{width:100%;min-height:46px;color:var(--text);background:0 0;border:0;padding:0}.martial-detail-toggle b{color:var(--gold-2)}.martial-detail-toggle span{color:var(--gold)}.martial-detail-card{background:#110c0985;border:1px dashed #f2d48d59;border-radius:8px;gap:6px;padding:10px;display:grid}.martial-detail-card small{color:var(--muted);line-height:1.4}.martial-effect-list{border-top:1px solid #f2d48d2e;gap:4px;padding-top:4px;display:grid}.roster-strip{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9px;display:grid}.roster-strip button{border:1px solid var(--line);color:var(--text);background:#1f1812c7;border-radius:8px;padding:0 0 7px;overflow:hidden}.roster-strip button.selected{border-color:var(--gold-2)}.roster-strip img{aspect-ratio:1;object-fit:cover;width:100%}.roster-strip span{margin-top:5px;font-size:12px;display:block}.list article,.npc-card{border:1px solid var(--line);background:#1f1812c7;border-radius:8px}.inventory-summary-card{background:#16110cb8;border:1px solid #f2d48d3d;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.inventory-summary-card b,.inventory-summary-card p,.inventory-summary-card span{margin:0}.inventory-summary-card b{color:var(--gold-2)}.inventory-summary-card p{color:var(--muted);margin-top:3px;font-size:12px}.inventory-summary-card span{color:var(--gold-2);white-space:nowrap;font-size:18px}.list{gap:8px;display:grid}.list article{align-items:center;gap:10px;padding:10px;display:flex}.list p{color:var(--muted);margin:3px 0 0;font-size:12px;line-height:1.4}.list span{color:var(--gold);margin-left:auto}.list button{color:#c9f2d8;background:#2d583b8c;border:1px solid #79a88d80;border-radius:8px;min-height:32px;padding:0 10px}.npc-grid{gap:10px;display:grid}.empty-state{color:var(--muted);text-align:center;background:#1f18128c;border:1px dashed #e8c27652;border-radius:8px;margin:0;padding:18px 14px;line-height:1.55}.npc-card{grid-template-columns:74px 1fr;gap:10px;padding:10px;display:grid}.npc-card img{border:1px solid var(--line);object-fit:cover;background:#2c2119;border-radius:8px;width:74px;height:92px}.npc-card header{justify-content:space-between;gap:8px;display:flex}.npc-card header span{color:var(--gold);flex:none;font-size:12px}.npc-card p{color:var(--muted);margin:5px 0;font-size:12px}.npc-card small{color:var(--text);line-height:1.45;display:block}.npc-meta{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.npc-meta em{min-height:24px;color:var(--muted);border:1px solid #f2d48d33;border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-style:normal;display:inline-flex}.npc-support-action{color:#c9f2d8;background:#2d583b8f;border:1px solid #79a88d80;border-radius:8px;min-height:32px;margin-top:9px;padding:0 10px;font-weight:700}.relation-bar{background:#00000059;border-radius:999px;height:7px;margin-top:9px;overflow:hidden}.relation-bar span{background:linear-gradient(90deg, var(--red), var(--gold))}.relationship-route-panel{background:#16110cb8;border:1px solid #f2d48d38;border-radius:8px;gap:8px;padding:12px;display:grid}.relationship-route-panel h3,.relationship-route-panel b,.relationship-route-panel p,.relationship-route-panel span{margin:0}.relationship-route-panel h3{color:var(--gold-2);font-size:15px}.relationship-route-panel article{border-top:1px dashed #f2d48d24;gap:4px;padding:8px 0;display:grid}.relationship-route-panel article:first-of-type{border-top:0;padding-top:0}.relationship-route-panel span{color:var(--gold);font-size:12px}.relationship-route-panel p{color:var(--muted);font-size:12px;line-height:1.5}.training-panel{background:#16110cb8;border:1px solid #f2d48d38;border-radius:8px;gap:10px;padding:12px;display:grid}.training-header,.training-group,.study-card,.training-action-card,.insight-card{gap:8px;display:grid}.training-header h3,.training-group-head b,.study-card b,.training-action-card b,.insight-card b{color:var(--gold-2);margin:0}.training-header small,.training-group-head span,.study-card small,.study-card span,.training-action-card small,.insight-card small{color:var(--muted);font-size:12px;line-height:1.5}.training-group{border-top:1px dashed #f2d48d24;padding-top:8px}.training-group:first-of-type{border-top:0;padding-top:0}.training-group-head,.study-card-top{justify-content:space-between;gap:8px;display:flex}.study-card,.training-action-card,.insight-card{border:1px solid var(--line);background:#1f1812b8;border-radius:8px;padding:10px}.study-card{grid-template-columns:1fr auto;align-items:center}.study-card.active{background:#1d36259e;border-color:#79a88d7a}.study-card-main{gap:4px;display:grid}.study-manual-list,.training-actions,.insight-actions,.study-card-actions{gap:8px;display:grid}.training-actions,.insight-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.study-card button,.training-action-card button,.insight-actions button{color:#c9f2d8;background:#2d583b8c;border:1px solid #79a88d80;border-radius:8px;min-height:34px;padding:0 12px}.study-card button:disabled{opacity:.58}@media (width<=720px){.message{max-width:94%}.message-row.with-speaker .message{max-width:calc(100% - 54px)}.message-speaker-portrait{width:38px;height:38px}.lore-modal{grid-template-columns:1fr;width:calc(100vw - 28px);max-height:86vh}.lore-modal-image{min-height:160px;max-height:230px}.lore-modal-body{padding:18px}.lore-modal-body h3{font-size:21px}.message-visuals.multi{grid-template-columns:1fr}.message-visual img,.message-visual.npc img{height:min(68vh,520px)}.message-visual figcaption{background:#090604eb;padding:10px 12px 12px;position:static}.training-actions,.insight-actions,.study-card{grid-template-columns:1fr}}.map-panel{gap:12px;display:grid}.map-task-header{background:#130d09b3;border:1px solid #f2d48d6b;border-radius:8px;gap:5px;padding:12px;display:grid}.map-task-header span{color:var(--muted);font-size:12px}.map-task-header b{color:var(--gold-2)}.map-task-header p{color:var(--text);margin:0;line-height:1.45}.map-task-header small{color:var(--gold)}.scene-switcher{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.scene-switcher button{border:1px solid var(--line);min-height:38px;color:var(--text);background:#1f1812c7;border-radius:8px}.scene-switcher button.active{border-color:var(--gold-2);color:var(--gold-2);background:#8e5b2a9e}.map-art{border:1px solid var(--line);background:url(../assets/map-jianghu-v2.png) 50%/cover;border-radius:8px;min-height:330px;position:relative;overflow:hidden}.map-pin{color:var(--text);background:0 0;border:0;justify-items:center;gap:3px;display:grid;position:absolute;transform:translate(-50%,-50%)}.map-pin svg{border:1px solid var(--line);background:#1f1812db;border-radius:50%;width:28px;height:28px;padding:6px}.map-pin.current svg{background:var(--gold);color:#21160d}.map-pin.locked{opacity:.42}.map-pin span{white-space:nowrap;background:#140e0ac2;border-radius:6px;padding:2px 6px;font-size:11px}.map-location-card{background:#130d09b8;border:1px solid #f2d48d6b;border-radius:8px;gap:7px;padding:12px;display:grid}.map-location-card.locked{opacity:.78;border-style:dashed}.map-location-card span{color:var(--muted);font-size:12px}.map-location-card b{color:var(--gold-2)}.map-location-card p{color:var(--text);margin:0;line-height:1.45}.map-location-card small{color:var(--muted);line-height:1.4}.map-location-card button{background:var(--gold);color:#201409;border:1px solid #f2d48d94;border-radius:8px;min-height:40px;font-weight:700}.quest-log{gap:8px;display:grid}.quest-log h3{color:var(--gold-2);margin:0;font-size:15px}.quest-log article{border:1px solid var(--line);background:#1f1812b8;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.quest-log article.current{background:#4f33199e;border-color:#f2d48d94}.quest-log article.resolved{opacity:.72}.quest-log b{color:var(--text)}.quest-log p{color:var(--muted);margin:3px 0 0;font-size:12px;line-height:1.4}.quest-log span{color:var(--gold);white-space:nowrap;margin-left:auto}.settings-form,.save-panel,.system-panel{gap:12px;display:grid}.system-section{background:#130d09b8;border:1px solid #f2d48d6b;border-radius:8px;gap:10px;padding:12px;display:grid}.system-section header{gap:4px;display:grid}.system-section header b{color:var(--gold-2)}.system-section header span{color:var(--muted);font-size:12px;line-height:1.45}.system-section label{color:var(--muted);gap:6px;display:grid}.api-presets{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.api-presets button{min-height:40px;color:var(--gold-2);background:#8e5b2a80;border:1px solid #f2d48d75;border-radius:8px;font-weight:700}.settings-form label{color:var(--muted);gap:6px;display:grid}.settings-form input,.system-section input,.system-section select{border:1px solid var(--line);min-height:42px;color:var(--text);background:#0f0b08d1;border-radius:8px;outline:0;padding:0 10px}.settings-form p,.save-panel p,.system-section p{color:var(--muted);margin:0;line-height:1.5}.system-primary{background:var(--gold);color:#201409;border:1px solid #f2d48d94;border-radius:8px;min-height:44px;font-weight:700}.system-primary:disabled{opacity:.5}.save-panel button{justify-content:center;align-items:center;gap:8px;min-height:44px;display:flex}.volume-control{color:var(--muted);grid-template-columns:1fr auto;gap:6px 10px;display:grid}.volume-control span,.volume-control b{font-size:13px}.volume-control b{color:var(--gold-2)}.volume-control input{width:100%;accent-color:var(--gold);grid-column:1/-1}.dev-metrics-grid,.dev-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dev-metric-card,.dev-subsection,.dev-route-table article,.dev-simple-list article{background:#1c140ea8;border:1px solid #f2d48d2e;border-radius:8px}.dev-metric-card{gap:3px;padding:10px;display:grid}.dev-metric-card b{color:var(--gold-2);font-size:20px}.dev-metric-card small{color:var(--muted)}.dev-subsection{gap:8px;padding:10px;display:grid}.dev-subsection>b{color:var(--gold-2)}.dev-test-panel{margin-bottom:8px}.dev-test-grid{grid-template-columns:minmax(160px,1fr) repeat(2,minmax(96px,auto));align-items:end;gap:8px;display:grid}.dev-test-grid label{color:var(--muted);gap:5px;margin:0;font-size:12px;display:grid}.dev-test-grid select{width:100%}.dev-test-grid button{min-height:38px;color:var(--text);cursor:pointer;background:#f2d48d1a;border:1px solid #f2d48d3d;border-radius:8px}.dev-test-grid button:disabled{cursor:not-allowed;opacity:.45}.dev-simple-list,.dev-route-table,.dev-check-grid{gap:6px;display:grid}.dev-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-simple-list article,.dev-route-table article,.dev-check-grid article{justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.dev-check-grid article{background:#1c140ea8;border:1px solid #f2d48d2e;border-radius:8px;align-items:start;display:grid}.dev-check-grid article.ok{border-color:#79a88d42}.dev-check-grid article.warn{background:#442d148c;border-color:#dda45261}.dev-simple-list strong,.dev-route-table strong,.dev-check-grid strong{color:var(--text)}.dev-simple-list span,.dev-route-table span,.dev-route-table small,.dev-check-grid span,.dev-check-grid small{color:var(--muted);font-size:12px}.dev-check-grid strong{color:var(--gold-2);font-size:18px}.dev-route-table article div{gap:3px;display:grid}@media (width<=720px){.dev-metrics-grid,.dev-grid-two{grid-template-columns:1fr}.dev-route-table article,.dev-simple-list article,.dev-check-grid article{flex-direction:column;align-items:flex-start}.dev-test-grid,.dev-check-grid{grid-template-columns:1fr}}.setup-shell{gap:14px;max-width:760px}.setup-hero,.setup-top-grid,.setup-main-grid{gap:12px;display:grid}.setup-hero{grid-template-columns:minmax(0,1fr) auto;align-items:start}.setup-hero-copy{gap:8px;display:grid}.setup-kicker,.setup-summary{margin:0}.setup-kicker{color:var(--gold-2);letter-spacing:.12em;text-transform:uppercase;font-size:12px}.setup-hero h1{margin:0;font-size:34px;line-height:1}.setup-summary{max-width:42ch;color:var(--muted);line-height:1.6}.setup-continue{min-height:44px;color:var(--gold-2);background:#18120ee0;border:1px solid #f2d48d75;border-radius:999px;padding:0 14px;font-weight:700}.setup-card{background:linear-gradient(#1f1610eb,#130e0adb);border:1px solid #f2d48d3d;border-radius:18px;gap:12px;padding:14px;display:grid;box-shadow:0 16px 36px #00000038}.setup-card-header{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.setup-card-header span{color:var(--muted);font-size:12px}.setup-card-header b{color:var(--gold-2);font-size:15px}.setup-top-grid,.setup-main-grid,.setup-top-grid{grid-template-columns:1fr}.setup-identity-card,.setup-guide-section{position:relative;overflow:hidden}.setup-identity-card:after,.setup-preview-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#d8ad5f38,#0000 70%);border-radius:50%;width:124px;height:124px;position:absolute;inset:auto -38px -42px auto}.setup-origin-copy{color:var(--text);margin:0;line-height:1.7}.setup-bullet-grid,.setup-preview-stats,.setup-stat-strip{gap:8px;display:grid}.setup-bullet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-bullet-grid article,.setup-preview-stats article{background:#ffffff08;border:1px solid #f2d48d24;border-radius:12px;gap:4px;padding:10px;display:grid}.setup-bullet-grid span,.setup-preview-stats span,.setup-preview-note span{color:var(--muted);font-size:12px}.setup-bullet-grid b,.setup-preview-stats b{color:var(--gold-2)}.setup-bullet-grid small{color:var(--gold)}.setup-preview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-preview-stats article:last-child{background:linear-gradient(135deg,#d8ad5f2e,#d8ad5f0a)}.setup-preview-note{background:#00000024;border-left:2px solid #f2d48d57;border-radius:0 12px 12px 0;padding:10px 12px}.setup-build-card{gap:12px}.setup-roll-note{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.setup-build-summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.setup-build-summary span{min-width:0;color:var(--gold-2);text-align:center;white-space:nowrap;background:#00000038;border-radius:10px;padding:8px 6px;font-size:12px;display:block}.setup-stat-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.setup-stat-strip span{min-width:0;color:var(--gold-2);text-align:center;background:#0000003d;border-radius:12px;padding:10px 11px;font-size:13px;display:block}.allocator-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.allocator-compact article{border-radius:14px;grid-template-columns:1fr;gap:9px;min-width:0;padding:12px 10px}.allocator-controls{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.allocator-controls strong{min-width:0;color:var(--text);text-align:center;white-space:nowrap;font-size:15px}.allocator-controls .ability-roll-button{width:34px;height:34px;color:var(--gold-2);white-space:nowrap;background:#f2d48d1a;border:1px solid #f2d48d52;border-radius:8px;font-size:12px;font-weight:800}.allocator-controls .ability-roll-button:disabled{opacity:.55}.secondary-action{width:100%;min-height:42px;color:var(--gold-2);background:#f2d48d14;border:1px solid #f2d48d47;border-radius:12px;font-weight:800}.allocator-meta{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.allocator-meta small{min-width:0;color:var(--muted);overflow-wrap:anywhere;font-size:11px;line-height:1.35}.allocator-meta span{color:var(--gold);white-space:nowrap;flex:none;font-size:12px}.setup-guide-section .setup-guide-grid{gap:10px}.setup-guide-card{border-radius:12px;gap:6px;padding:10px}.setup-guide-card p{font-size:12px;line-height:1.5}.primary-action{letter-spacing:.08em;border-radius:16px;width:100%;min-height:52px;font-size:16px}.dice-popover{background:#15100cf0;border:1px solid #f2d48d33;border-radius:20px;gap:8px;width:min(348px,100vw - 24px);padding:12px;box-shadow:0 18px 42px #00000057}.dice-popover button{background:#271d16d1;border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:10px 12px}.dice-popover button>span{text-align:left;gap:3px;min-width:0;display:grid}.dice-popover button>span>strong{color:var(--text);font-size:14px;font-weight:700}.dice-popover button>b{white-space:nowrap;color:var(--gold-2)}.dice-action-list{gap:6px;display:grid}.dice-action-list.compact{gap:6px}.dice-action-list small{color:var(--muted);font-size:11px;line-height:1.35}.dice-summary,.qi-invest.compact{background:#ffffff08;border:1px solid #f2d48d2e;border-radius:14px;gap:7px;padding:11px 12px;display:grid}.dice-summary-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.dice-kicker{color:var(--muted);letter-spacing:.08em;font-size:11px}.dice-badge{min-height:24px;color:var(--gold);border:1px solid #f2d48d38;border-radius:999px;flex:none;padding:0 8px;font-size:11px;line-height:22px}.dice-dc-banner{background:linear-gradient(135deg,#f2d48d29,#9d2f2f1a);border:1px solid #f2d48d52;border-radius:12px;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 10px;display:flex}.dice-dc-banner span{color:var(--muted);letter-spacing:.08em;font-size:11px}.dice-dc-banner strong{color:var(--gold-2);font-size:24px;line-height:1}.dice-summary b{color:var(--gold-2);font-size:15px}.dice-summary p,.dice-summary small{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.dice-summary-meta{gap:4px;display:grid}.dice-inline-note{color:var(--muted);padding:2px 2px 0;font-size:11px}.qi-invest.compact p{margin:0}.martial-roll{border-color:#f2d48d2e}.martial-roll.recommended,.dice-popover button.recommended{background:linear-gradient(#2e543cbd,#1f3c2ab3);border-color:#79a88d6b}.roll-overlay{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle,#d8ad5f1a,#0000 48%),#0d0906c7;place-items:center;padding:20px;animation:.16s ease-out both overlayIn;display:grid;position:fixed;inset:0}.roll-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.roll-overlay.visible{opacity:1;visibility:visible}.roll-overlay-card{background:linear-gradient(#1d1510f5,#120d09e6);border:1px solid #f2d48d4d;border-radius:28px;justify-items:center;gap:22px;width:min(100%,480px);padding:28px 26px;display:grid;box-shadow:0 24px 72px #0000006b}.roll-overlay-stage{background:radial-gradient(circle at 50% 35%,#ffd89724,#0000 46%),linear-gradient(#140e0af0,#0c0907f5);border:1px solid #f2d48d33;border-radius:28px;place-items:center;width:min(100%,320px);height:320px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff8e60f,inset 0 -20px 30px #0000001f}.roll-engine-canvas{opacity:0;transition:opacity .16s;position:absolute;inset:0}.roll-engine-canvas.active{opacity:1}.roll-engine-canvas canvas{width:100%;height:100%}.roll-overlay-loading,.roll-fallback-card{text-align:center;place-items:center;gap:8px;padding:20px;display:grid;position:absolute;inset:0}.roll-overlay-loading{color:var(--gold-2);letter-spacing:.18em;font-size:15px}.roll-fallback-card.result{animation:.24s both overlayReveal}.roll-overlay-status{background:#0e0a08c7;border:1px solid #f2d48d3d;border-radius:999px;padding:8px 14px;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #00000038}.roll-overlay-status span{color:var(--gold-2);letter-spacing:.12em;white-space:nowrap;font-size:12px}.roll-fallback-card{background:radial-gradient(circle at top,#d7aa5b2e,#0000 46%),linear-gradient(#19120df5,#100b08fa)}.roll-fallback-card span{color:var(--gold);letter-spacing:.16em;font-size:12px}.roll-fallback-card strong{color:var(--gold-2);font-size:28px;line-height:1}.roll-fallback-card b{color:var(--text);font-size:48px;line-height:1}.roll-fallback-card i{border:3px solid #f2d48d2e;border-top-color:#f2d48db8;border-radius:50%;width:96px;height:96px;animation:1s linear infinite spinPulse;display:block}.roll-overlay-copy{text-align:center;justify-items:center;gap:8px;width:min(100%,360px);display:grid}.roll-overline{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-size:12px}.roll-overlay-copy b{color:var(--gold-2);font-size:24px}.roll-overlay-copy small{color:var(--gold);font-size:16px}.roll-overlay-copy strong{letter-spacing:-.04em;font-size:64px;line-height:1}.roll-overlay-copy p{color:var(--muted);margin:0;line-height:1.55}.roll-overlay-copy.pending strong,.roll-overlay-copy.pending small{display:none}.roll-overlay-copy.pending p{color:#f2d48dad;letter-spacing:.06em;font-size:14px}.roll-overlay-copy.revealed strong,.roll-overlay-copy.revealed small,.roll-overlay-copy.revealed p{animation:.28s both overlayReveal}@keyframes spinPulse{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes overlayReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.setup-build-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.allocator-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=380px){.setup-panel.compact,.setup-guide-grid,.setup-derived-preview div,.origin-grid,.roll-packages>button>div,.allocator{grid-template-columns:1fr}.quick-status{grid-template-columns:repeat(2,1fr)}.hero-card{grid-template-columns:88px 1fr}.hero-card img{width:88px;height:124px}.drawer-tabs{gap:2px}.drawer-tabs span{font-size:9px}.dice-popover{width:auto;left:12px;right:12px}.action-hud{bottom:calc(max(10px, env(safe-area-inset-bottom)) + 58px)}.action-hud-card{align-items:flex-start;gap:8px}.action-hud-topline{flex-wrap:wrap;gap:6px}.action-hud-badges{gap:4px;width:100%}.action-hud-button{min-width:72px}.setup-bullet-grid,.setup-preview-stats,.setup-stat-strip,.setup-build-summary,.allocator-compact{grid-template-columns:1fr}.allocator-meta{flex-direction:column;align-items:start;gap:4px}.roll-overlay-card{width:min(100%,420px);padding:22px 18px}.roll-overlay-stage{width:min(100%,280px);height:280px}}@media (width<=560px){.opportunity-list{grid-template-columns:1fr}.opportunity-card{min-height:112px}.opportunity-detail dl,.setup-panel.compact,.setup-hero,.setup-top-grid,.setup-main-grid{grid-template-columns:1fr}}@media (height<=860px){.setup-shell{gap:10px}.setup-panel.compact{gap:8px}.setup-actions>button,.primary-action{min-height:42px}.setup-title h1{font-size:22px}.origin-hook,.setup-guides{padding:8px}.setup-hero h1{font-size:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}