.twk-panel{position:fixed;right:16px;bottom:16px;z-index:2147483646;width:280px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;transform:scale(var(--dc-inv-zoom, 1));transform-origin:bottom right;background:#faf9f7c7;color:#29261b;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:.5px solid rgba(255,255,255,.6);border-radius:14px;box-shadow:0 1px #ffffff80 inset,0 12px 40px #0000002e;font:11.5px/1.4 ui-sans-serif,system-ui,-apple-system,sans-serif;overflow:hidden}.twk-hd{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 10px 14px;cursor:move;-webkit-user-select:none;user-select:none}.twk-hd b{font-size:12px;font-weight:600;letter-spacing:.01em}.twk-x{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#29261b8c;width:22px;height:22px;border-radius:6px;cursor:default;font-size:13px;line-height:1}.twk-x:hover{background:#0000000f;color:#29261b}.twk-body{padding:2px 14px 14px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.twk-row{display:flex;flex-direction:column;gap:5px}.twk-row-h{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.twk-lbl{display:flex;justify-content:space-between;align-items:baseline;color:#29261bb8}.twk-lbl>span:first-child{font-weight:500}.twk-sect{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#29261b73;padding:10px 0 0}.twk-sect:first-child{padding-top:0}.twk-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:100%;min-width:0;height:26px;padding:0 8px;border:.5px solid rgba(0,0,0,.1);border-radius:7px;background:#fff9;color:inherit;font:inherit;outline:none}.twk-field:focus{border-color:#00000040;background:#ffffffd9}select.twk-field{padding-right:22px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='rgba(0,0,0,.5)' d='M0 0h10L5 6z'/></svg>");background-repeat:no-repeat;background-position:right 8px center}.twk-toggle{position:relative;width:32px;height:18px;border:0;border-radius:999px;background:#00000026;transition:background .15s;cursor:default;padding:0}.twk-toggle[data-on="1"]{background:#34c759}.twk-toggle i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .15s}.twk-toggle[data-on="1"] i{transform:translate(14px)}:root{--accent: #c9a55c;--accent-dim: #8a6f3c;--paper: #ece1c7;--paper-dim: #b4a78c;--paper-muted: #8a7d65;--ink: #1a0d18;--ink-2: #2a1820;--surface: #3a2430;--surface-2: #2a1820;--line: rgba(236, 225, 199, .12);--line-strong: rgba(236, 225, 199, .28);--tier-saved: #6a6a6a;--tier-backfire: #6a4a3a;--tier-fizzle: #9a8a6a;--tier-mild: #c9a55c;--tier-cutting: #d49a4a;--tier-vicious: #c47a4a;--tier-devastating: #e8b95a;--font-display: "Cinzel", "Trajan Pro", Georgia, serif;--font-mockery: "IM Fell English", "Cormorant Garamond", "EB Garamond", Georgia, serif;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}.palette-plum{--ink: #16091a;--ink-2: #241229;--surface: #2e1936;--surface-2: #1e1024;--accent: #c9a55c;--accent-dim: #8a6f3c;--paper: #ece1c7;--paper-dim: #b4a78c;--paper-muted: #7a6f5a;--line: rgba(236, 225, 199, .1);--line-strong: rgba(236, 225, 199, .24);--halo: rgba(170, 110, 200, .18)}.palette-tavern{--ink: #150c08;--ink-2: #241710;--surface: #321f14;--surface-2: #20140b;--accent: #d49a4a;--accent-dim: #8a6228;--paper: #ecddbf;--paper-dim: #b4a07c;--paper-muted: #7a6a50;--line: rgba(236, 221, 191, .1);--line-strong: rgba(236, 221, 191, .24);--halo: rgba(210, 130, 60, .18)}.palette-twilight{--ink: #0b0e1a;--ink-2: #131829;--surface: #1b2138;--surface-2: #0e1224;--accent: #8aa1c8;--accent-dim: #4f6488;--paper: #e0e6f0;--paper-dim: #a8b3c5;--paper-muted: #6a7388;--line: rgba(224, 230, 240, .1);--line-strong: rgba(224, 230, 240, .24);--halo: rgba(110, 140, 200, .18)}.palette-ember{--ink: #170808;--ink-2: #261010;--surface: #341818;--surface-2: #1c0b0b;--accent: #d97a4a;--accent-dim: #8a4828;--paper: #ecd9c7;--paper-dim: #b49a82;--paper-muted: #806856;--line: rgba(236, 217, 199, .1);--line-strong: rgba(236, 217, 199, .24);--halo: rgba(220, 110, 80, .2)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:#000;min-height:100vh;min-height:100dvh;font-family:var(--font-ui);color:var(--paper);-webkit-font-smoothing:antialiased}body{display:flex;justify-content:center;align-items:stretch}#root{width:100%;display:flex;justify-content:center}.app{position:relative;width:100%;max-width:440px;min-height:100vh;min-height:100dvh;background:radial-gradient(120% 80% at 50% -10%,color-mix(in oklab,var(--surface) 90%,var(--accent) 8%) 0%,var(--ink) 55%,var(--ink-2) 100%);overflow:hidden;display:flex;flex-direction:column;padding:0 22px 28px;isolation:isolate}@media(min-width:480px){.app{margin-top:18px;margin-bottom:18px;min-height:calc(100vh - 36px);min-height:calc(100dvh - 36px);border-radius:28px;border:1px solid var(--line);box-shadow:0 1px #ffffff0a inset,0 30px 80px #0000008c,0 0 0 1px #00000080}}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 40% at 50% 18%,var(--halo, transparent),transparent 70%),radial-gradient(120% 100% at 50% 110%,rgba(0,0,0,.55),transparent 60%);z-index:0}.grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.45 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:220px 220px}.app>*:not(.vignette):not(.grain){position:relative;z-index:2}.topbar{display:flex;align-items:center;gap:12px;padding:22px 0 18px}.topbar-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--accent-dim);color:var(--accent);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent);flex-shrink:0}.mark-rune{font-size:16px;line-height:1}.topbar-titles{flex:1;min-width:0}.kicker{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--paper-muted);margin-bottom:3px}.title{font-family:var(--font-display);font-weight:600;font-size:22px;letter-spacing:.06em;text-transform:uppercase;color:var(--paper);margin:0;line-height:1}.save-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-strong);background:#00000040;color:var(--paper-dim);border-radius:999px;padding:6px 10px 6px 6px;display:flex;align-items:center;gap:8px;cursor:pointer;font-family:var(--font-ui);flex-shrink:0;transition:border-color .18s,color .18s,background .18s}.save-toggle:hover{border-color:var(--accent-dim);color:var(--paper)}.save-toggle-track{width:26px;height:16px;border-radius:999px;background:#ffffff14;position:relative;transition:background .18s}.save-toggle-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--paper-dim);transition:left .18s,background .18s}.save-toggle.is-on .save-toggle-track{background:color-mix(in oklab,var(--tier-saved) 30%,transparent)}.save-toggle.is-on .save-toggle-thumb{left:12px;background:var(--paper)}.save-toggle-label{display:flex;flex-direction:column;align-items:flex-start;line-height:1;font-size:10px}.save-toggle-key{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:8.5px;color:var(--paper-muted)}.save-toggle-state{font-family:var(--font-display);letter-spacing:.08em;font-size:10.5px;text-transform:uppercase;margin-top:3px;color:var(--paper)}.stage{display:flex;flex-direction:column;gap:18px;flex:1}.tier-strip{display:flex;align-items:center;gap:10px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#0003;align-self:flex-start;transition:border-color .25s,color .25s}.tier-range{font-family:var(--font-mono);font-size:10px;color:var(--paper-muted);letter-spacing:.1em}.tier-dot{color:var(--tier-color, var(--accent));font-size:8px;transform:translateY(-1px)}.tier-label{font-family:var(--font-display);letter-spacing:.14em;font-size:11px;text-transform:uppercase;color:var(--paper)}.tier-backfire{--tier-color: var(--tier-backfire)}.tier-fizzle{--tier-color: var(--tier-fizzle)}.tier-mild{--tier-color: var(--tier-mild)}.tier-cutting{--tier-color: var(--tier-cutting)}.tier-vicious{--tier-color: var(--tier-vicious)}.tier-devastating{--tier-color: var(--tier-devastating)}.tier-saved{--tier-color: var(--tier-saved)}.tier-strip{border-color:color-mix(in oklab,var(--tier-color) 40%,var(--line-strong))}.mockery{position:relative;margin:0;padding:4px 14px;font-family:var(--font-mockery);color:var(--paper);animation:mockery-in .45s cubic-bezier(.2,.7,.2,1.05);min-height:6.4em;display:flex;align-items:center}@keyframes mockery-in{0%{opacity:0;transform:translateY(8px);filter:blur(1px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.mockery.is-rolling{opacity:.4;filter:blur(2px);transition:opacity .2s,filter .2s}.mockery-line{font-style:italic;font-weight:400;font-size:26px;line-height:1.22;letter-spacing:.005em;margin:0;text-wrap:pretty;color:var(--paper)}.mockery-fizzle .mockery-line,.mockery-backfire .mockery-line{font-size:22px;color:var(--paper-dim)}.mockery-mild .mockery-line{font-size:24px}.mockery-cutting .mockery-line{font-size:26px}.mockery-vicious .mockery-line{font-size:28px;line-height:1.18}.mockery-devastating .mockery-line{font-size:30px;line-height:1.16;color:var(--paper);text-shadow:0 0 24px color-mix(in oklab,var(--tier-devastating) 35%,transparent)}.mockery-saved .mockery-line{font-size:21px;color:var(--paper-muted);font-style:italic}.quote-mark{position:absolute;font-family:var(--font-mockery);font-size:64px;line-height:.5;color:var(--tier-color, var(--accent));opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}.quote-open{top:6px;left:-4px}.quote-close{bottom:-10px;right:-4px}.flavor{font-family:var(--font-ui);font-size:11px;letter-spacing:.04em;color:var(--paper-muted);text-align:center;margin:-6px 0 0;text-transform:uppercase}.die-cradle{display:flex;justify-content:center;padding:4px 0 0}.die{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;width:132px;height:132px;display:grid;place-items:center;cursor:pointer;padding:0;color:var(--paper);-webkit-tap-highlight-color:transparent}.die-hex{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.die-hex:before,.die-hex-inner{content:"";width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(50% 2%,96% 26%,96% 74%,50% 98%,4% 74%,4% 26%)}.die-hex:before{background:linear-gradient(160deg,color-mix(in oklab,var(--surface) 80%,var(--accent) 14%) 0%,var(--surface) 45%,var(--surface-2) 100%);box-shadow:inset 0 1px #ffffff0d,inset 0 -2px 12px #0006}.die-hex-inner{background:linear-gradient(180deg,transparent 49%,color-mix(in oklab,var(--tier-color, var(--accent)) 18%,transparent) 49%,color-mix(in oklab,var(--tier-color, var(--accent)) 18%,transparent) 51%,transparent 51%),linear-gradient(60deg,transparent 49%,color-mix(in oklab,var(--tier-color, var(--accent)) 12%,transparent) 49%,color-mix(in oklab,var(--tier-color, var(--accent)) 12%,transparent) 51%,transparent 51%),linear-gradient(300deg,transparent 49%,color-mix(in oklab,var(--tier-color, var(--accent)) 12%,transparent) 49%,color-mix(in oklab,var(--tier-color, var(--accent)) 12%,transparent) 51%,transparent 51%);border:1px solid color-mix(in oklab,var(--tier-color, var(--accent)) 60%,transparent);opacity:.85}.die-number{position:relative;font-family:var(--font-display);font-weight:600;font-size:54px;line-height:1;letter-spacing:.02em;color:var(--paper);text-shadow:0 0 18px color-mix(in oklab,var(--tier-color, var(--accent)) 55%,transparent),0 1px 0 rgba(0,0,0,.4);z-index:1}.die-caption{position:absolute;bottom:12px;font-family:var(--font-mono);font-size:9px;letter-spacing:.32em;text-transform:uppercase;color:var(--paper-muted);z-index:1}.die-tier-devastating .die-number{color:var(--tier-devastating);text-shadow:0 0 28px color-mix(in oklab,var(--tier-devastating) 75%,transparent)}.die-rolling{animation:die-shake .7s cubic-bezier(.36,.07,.19,.97)}.die-rolling .die-hex:before{animation:die-spin .7s linear}.die-rolling .die-number{opacity:.7}@keyframes die-shake{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-3px,1px) rotate(-4deg)}25%{transform:translate(4px,-2px) rotate(6deg)}40%{transform:translate(-5px,3px) rotate(-8deg)}55%{transform:translate(3px,-1px) rotate(5deg)}70%{transform:translate(-2px,2px) rotate(-3deg)}85%{transform:translate(1px,-1px) rotate(2deg)}}@keyframes die-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.die:hover .die-hex:before{background:linear-gradient(160deg,color-mix(in oklab,var(--surface) 70%,var(--accent) 20%) 0%,color-mix(in oklab,var(--surface) 90%,var(--accent) 10%) 45%,var(--surface-2) 100%)}.die:active{transform:scale(.97)}.actions{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;padding:2px 0 0}.action-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-strong);background:#00000040;color:var(--paper);padding:14px;border-radius:14px;font-family:var(--font-display);font-size:12px;letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:background .15s,border-color .15s,transform .08s;-webkit-tap-highlight-color:transparent}.action-btn:disabled{opacity:.55;cursor:not-allowed}.action-btn:active:not(:disabled){transform:scale(.98)}.action-btn:hover:not(:disabled){border-color:var(--accent-dim)}.action-primary{background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 28%,var(--surface)),color-mix(in oklab,var(--accent) 14%,var(--surface-2)));border-color:color-mix(in oklab,var(--accent) 50%,var(--line-strong))}.action-primary:hover:not(:disabled){background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 38%,var(--surface)),color-mix(in oklab,var(--accent) 20%,var(--surface-2)));border-color:var(--accent)}.action-icon{font-size:14px;line-height:1;color:var(--accent);display:inline-flex}.action-primary .action-icon{color:var(--paper)}.manual{border:1px solid var(--line);border-radius:14px;background:#0003;overflow:hidden}.manual-handle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:0;background:transparent;color:var(--paper-dim);padding:12px 14px;display:flex;align-items:center;gap:10px;font-family:var(--font-ui);font-size:12px;letter-spacing:.04em;cursor:pointer;text-align:left}.manual-handle:hover{color:var(--paper)}.manual-handle-icon{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-strong);color:var(--paper-dim);font-size:11px;line-height:1}.manual.is-open .manual-handle{color:var(--paper);border-bottom:1px solid var(--line)}.manual-body{padding:14px;display:flex;flex-direction:column;gap:12px}.stepper{display:grid;grid-template-columns:44px 1fr 44px;border:1px solid var(--line-strong);border-radius:10px;overflow:hidden;background:#0000004d}.stepper-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--paper);font-family:var(--font-display);font-size:22px;cursor:pointer;padding:12px 0;-webkit-tap-highlight-color:transparent}.stepper-btn:hover{background:#ffffff0a}.stepper-btn:active{background:#ffffff14}.stepper-value{background:transparent;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);color:var(--paper);font-family:var(--font-display);font-size:22px;font-weight:600;text-align:center;outline:none;letter-spacing:.04em;width:100%;padding:0}.stepper-value:focus{background:#ffffff0a}.manual-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.preset{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#0003;color:var(--paper-dim);padding:8px 0;border-radius:8px;font-family:var(--font-mono);font-size:12px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.preset:hover{color:var(--paper);border-color:var(--accent-dim)}.preset.is-active{color:var(--ink);background:var(--accent);border-color:var(--accent);font-weight:600}.manual-help{font-family:var(--font-ui);font-size:10.5px;line-height:1.45;color:var(--paper-muted);margin:2px 0 0}.legend{padding:16px 0 0;margin-top:auto}.legend-row{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.legend-tier{display:flex;flex-direction:column;gap:4px;padding:8px 4px;border-top:2px solid color-mix(in oklab,var(--tier-color) 50%,transparent);opacity:.55;transition:opacity .25s,border-color .25s;align-items:center;text-align:center}.legend-backfire{--tier-color: var(--tier-backfire)}.legend-fizzle{--tier-color: var(--tier-fizzle)}.legend-mild{--tier-color: var(--tier-mild)}.legend-cutting{--tier-color: var(--tier-cutting)}.legend-vicious{--tier-color: var(--tier-vicious)}.legend-devastating{--tier-color: var(--tier-devastating)}.legend-tier.is-active{opacity:1;border-top-color:var(--tier-color)}.legend-tier-range{font-family:var(--font-mono);font-size:9px;color:var(--paper-muted);letter-spacing:.08em}.legend-tier-name{font-family:var(--font-display);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper-dim);line-height:1.1}.legend-tier.is-active .legend-tier-name{color:var(--paper)}