*,*:before,*:after{box-sizing:border-box}body{margin:0;background:#0e0b07}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1a1208}::-webkit-scrollbar-thumb{background:#3d2e1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6b4c2a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0e0b07;--bg2: #1a1208;--bg3: #221a0f;--border: #3d2e1a;--gold: #f0b429;--gold-dim: #c89b3c;--parchment: #c9a96e;--text: #e8d5b0;--text-dim: #9e8060;--red: #c0392b;--accent: #9e6b3a;--radius: 10px;--shadow: 0 4px 24px rgba(0,0,0,.7)}html{font-size:16px}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}.app{max-width:980px;margin:0 auto;padding:24px 20px 60px;display:flex;flex-direction:column;gap:28px}.app-header{display:flex;align-items:center;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--border)}.d20-icon{font-size:3.4rem;filter:drop-shadow(0 0 10px rgba(240,180,41,.5));-webkit-user-select:none;user-select:none}.app-header h1{font-family:Cinzel,serif;font-size:2rem;font-weight:700;color:var(--gold);text-shadow:0 0 20px rgba(240,180,41,.4);letter-spacing:.03em}.subtitle{color:var(--text-dim);font-size:.9rem;margin-top:2px}.input-section{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.input-row{display:flex;gap:10px}@keyframes input-shake{0%{transform:translate(0)}18%{transform:translate(-7px)}36%{transform:translate(7px)}54%{transform:translate(-5px)}72%{transform:translate(4px)}86%{transform:translate(-2px)}to{transform:translate(0)}}.dice-input{flex:1;background:var(--bg3);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1.3rem;padding:12px 16px;font-family:Inter,monospace;letter-spacing:.05em;outline:none;transition:border-color .2s,box-shadow .2s}.dice-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f0b42926}.dice-input--error{border-color:var(--red)!important;box-shadow:0 0 0 3px #c0392b33!important;animation:input-shake .45s ease}.roll-btn{background:linear-gradient(135deg,#b8860b,#d4a017,#8b6914);color:#0e0b07;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:700;font-family:Cinzel,serif;cursor:pointer;letter-spacing:.05em;transition:filter .15s,transform .1s;white-space:nowrap}.roll-btn:hover{filter:brightness(1.15)}.roll-btn:active{transform:scale(.97)}.error-msg{color:#e74c3c;font-size:.9rem;background:#c0392b1f;border:1px solid rgba(192,57,43,.3);border-radius:6px;padding:8px 12px}.error-banner{margin-top:10px;padding:10px 14px;background:#c0392b26;border:1px solid rgba(192,57,43,.45);border-radius:8px;color:#e74c3c;font-size:.9rem;font-weight:600;letter-spacing:.02em}.hint{color:var(--text-dim);font-size:.82rem}.hint code{background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:0 5px;color:var(--gold-dim);font-size:.85em}.hint-grid{display:flex;gap:8px;flex-wrap:wrap}.hint-chip{font-size:.8rem;padding:5px 12px;border-radius:20px;border:1px solid var(--border);color:var(--text-dim);background:var(--bg3);white-space:nowrap}.hint-chip code{font-family:monospace;color:var(--parchment);font-size:.85em}.presets{display:flex;flex-wrap:wrap;gap:8px}.preset-btn{background:var(--bg3);border:1px solid var(--border);border-radius:20px;color:var(--parchment);padding:5px 14px;font-size:.82rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.preset-btn:hover{background:#2e1f0f;border-color:var(--gold-dim);color:var(--gold)}.history{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.history-label{color:var(--text-dim);font-size:.8rem}.history-btn{background:transparent;border:1px dashed var(--border);border-radius:6px;color:var(--text-dim);padding:3px 10px;font-size:.8rem;font-family:monospace;cursor:pointer;transition:color .15s,border-color .15s}.history-btn:hover{color:var(--parchment);border-color:var(--parchment)}.results-section{display:flex;flex-direction:column;gap:22px}.stat-cards{display:flex;gap:12px;flex-wrap:wrap}.stat-card{flex:1 1 120px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:var(--shadow);transition:border-color .2s}.stat-card:hover{border-color:var(--gold-dim)}.stat-card--avg{border-color:var(--gold);background:linear-gradient(135deg,#1a1208,#28180a)}.stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.stat-value{font-size:1.7rem;font-weight:700;font-family:Cinzel,serif;color:var(--gold);line-height:1}.stat-card--avg .stat-value{color:var(--gold)}.stat-value small{font-size:.7rem;color:var(--text-dim);font-family:Inter,sans-serif;font-weight:400}.chart-wrapper{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:24px 16px 16px;box-shadow:var(--shadow)}.chart-title{font-family:Cinzel,serif;font-size:1rem;color:var(--parchment);margin-bottom:16px;font-weight:400}.chart-title em{color:var(--gold);font-style:normal}.recharts-cartesian-axis-tick-value{fill:var(--parchment)}.recharts-reference-line-label{font-family:Inter,sans-serif}.chart-tooltip{background:#1e150a;border:1px solid var(--gold);border-radius:6px;padding:8px 14px;display:flex;flex-direction:column;gap:2px;box-shadow:0 4px 16px #0009}.tt-value{font-size:.82rem;color:var(--text-dim)}.tt-prob{font-size:1.1rem;font-weight:700;color:var(--gold);font-family:Cinzel,serif}.cumulative-panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.cumulative-panel h3{font-family:Cinzel,serif;font-size:.95rem;color:var(--parchment);margin-bottom:14px;font-weight:400;letter-spacing:.05em}.cum-table{width:100%;border-collapse:collapse;font-size:.88rem}.cum-table th{color:var(--text-dim);text-align:left;padding:6px 12px;font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border)}.cum-table td{padding:7px 12px;color:var(--text);border-bottom:1px solid rgba(61,46,26,.4)}.cum-table td:first-child{color:var(--gold-dim);font-weight:600}.cum-table tr:last-child td{border-bottom:none}.cum-table tr:hover td{background:#f0b4290a}.terms-panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow)}.terms-panel h3{font-family:Cinzel,serif;font-size:.9rem;color:var(--parchment);margin-bottom:12px;font-weight:400;letter-spacing:.05em}.terms-list{display:flex;gap:8px;flex-wrap:wrap}.term-chip{padding:5px 14px;border-radius:20px;font-size:.9rem;font-family:monospace;font-weight:600;letter-spacing:.04em}.term-chip.dice{background:#9e6b3a33;border:1px solid var(--accent);color:var(--parchment)}.term-chip.const{background:#f0b4291f;border:1px solid var(--gold-dim);color:var(--gold)}.app-footer{text-align:center;color:var(--text-dim);font-size:.82rem;padding-top:12px;border-top:1px solid var(--border);font-style:italic;letter-spacing:.04em}.mode-tabs{display:flex;gap:8px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:6px}.mode-tab{flex:1;background:transparent;border:1px solid transparent;border-radius:7px;color:var(--text-dim);padding:9px 12px;font-size:.88rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.mode-tab:hover{background:var(--bg3);color:var(--parchment)}.mode-tab.active{background:linear-gradient(135deg,#28180a,#3a2210);border-color:var(--gold-dim);color:var(--gold);font-weight:600}.mode-grid{display:flex;gap:12px;align-items:flex-end}.field-group{display:flex;flex-direction:column;gap:6px;flex:1}.field-group--narrow{flex:0 0 100px}.field-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-weight:500}.stat-card--hit{border-color:#2e7d52;background:linear-gradient(135deg,#0e1a14,#122010)}.stat-card--hit .stat-value{color:#4eca8b}.stat-card--crit{border-color:#7a3a10;background:linear-gradient(135deg,#1a0e08,#261408)}.stat-card--crit .stat-value{color:#f07030}.chart-legend{display:flex;align-items:center;gap:6px;justify-content:center;font-size:.8rem;color:var(--text-dim);margin-top:8px}.legend-dot{display:inline-block;width:12px;height:12px;border-radius:3px}.legend-dot.miss{background:#7a2020}.legend-dot.hit{background:#9e6b3a}.rounds-header{display:flex;align-items:center;gap:12px}.rounds-header-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-weight:600}.turns-count{min-width:28px;text-align:center;font-family:Cinzel,serif;font-size:1rem;font-weight:700;color:var(--gold)}.round-inputs{display:flex;flex-direction:column;gap:8px}.round-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.round-row-label{font-family:Cinzel,serif;font-size:.75rem;color:var(--text-dim);font-weight:600;min-width:22px;flex-shrink:0;text-align:center}.round-remove-btn{background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-dim);width:28px;height:28px;font-size:.85rem;cursor:pointer;flex-shrink:0;transition:background .12s,color .12s,border-color .12s;display:flex;align-items:center;justify-content:center}.round-remove-btn:hover{background:#c0392b1f;border-color:var(--red);color:var(--red)}.round-error{width:100%;margin:0}.roll-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.roll-row .history{flex:1}.round-summaries{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.round-summary-block{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg2)}.round-summary-block--error{border-color:#c0392b66;background:#c0392b0f}.round-summary-header{display:flex;align-items:center;gap:12px;width:100%;background:none;border:none;padding:10px 14px;cursor:pointer;font-size:.85rem;flex-wrap:wrap;text-align:left;transition:background .15s}.round-summary-header:hover:not(:disabled){background:#ffffff08}.round-summary-header:disabled{cursor:default}.round-summary-num{font-family:Cinzel,serif;font-size:.8rem;color:var(--parchment);font-weight:600;min-width:58px;flex-shrink:0}.round-summary-exp{color:var(--text-dim);font-size:.85rem}.round-summary-exp strong{color:var(--gold);font-weight:700}.round-summary-stat{color:var(--text-dim);font-size:.82rem;background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:2px 8px}.round-summary-arrow{margin-left:auto;color:var(--gold-dim);font-size:.75rem;flex-shrink:0}.round-summary-error{color:#e74c3c;font-size:.82rem}.round-summary-detail{border-top:1px solid var(--border);padding:4px 0 0}.turns-stepper{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0}.turns-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-weight:500;line-height:1}.turns-controls{display:flex;align-items:center;gap:2px}.turns-btn{width:28px;height:28px;background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--parchment);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s;padding:0;line-height:1}.turns-btn:hover:not(:disabled){background:#2e1f0f;border-color:var(--gold-dim);color:var(--gold)}.turns-btn:disabled{opacity:.35;cursor:default}.turns-input{width:42px;height:28px;background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--gold);font-size:.9rem;font-weight:700;font-family:Cinzel,serif;text-align:center;outline:none;-moz-appearance:textfield}.turns-input::-webkit-inner-spin-button,.turns-input::-webkit-outer-spin-button{-webkit-appearance:none}.turns-input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #f0b42926}.turns-panel{display:flex;flex-direction:column;gap:16px}.turns-panel-title{font-family:Cinzel,serif;font-size:1rem;color:var(--parchment);font-weight:400;letter-spacing:.04em;padding-bottom:8px;border-bottom:1px solid var(--border)}.turns-panel-title em{color:var(--gold);font-style:normal}.app{max-width:1280px}.main-layout{display:grid;grid-template-columns:1fr 290px;gap:22px;align-items:start}.main-col{display:flex;flex-direction:column;gap:22px;min-width:0}.sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}.sidebar-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.sidebar-title{font-family:Cinzel,serif;font-size:.9rem;color:var(--parchment);font-weight:600;letter-spacing:.06em;margin-bottom:12px;text-transform:uppercase}.syntax-rows{display:flex;flex-direction:column;gap:6px}.syntax-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.8rem;padding:5px 0;border-bottom:1px solid rgba(61,46,26,.4)}.syntax-row:last-child{border-bottom:none}.syntax-row code{font-family:monospace;font-size:.78rem;color:var(--gold-dim);background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:2px 6px;white-space:nowrap;flex-shrink:0}.syntax-row span{color:var(--text-dim);text-align:right;font-size:.76rem}.example-groups{display:flex;flex-direction:column;gap:4px}.example-group{border:1px solid var(--border);border-radius:6px;overflow:hidden}.example-group-header{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--bg3);border:none;padding:7px 10px;cursor:pointer;font-family:Cinzel,serif;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim);transition:background .15s,color .15s}.example-group-header:hover,.example-group-header.open{background:#2e1f0f;color:var(--parchment)}.eg-arrow{font-size:.7rem;color:var(--gold-dim)}.example-group-body{display:flex;flex-direction:column;gap:0;padding:4px;background:var(--bg2)}.example-group-body .example-btn{border-radius:4px;margin-bottom:3px}.example-group-body .example-btn:last-child{margin-bottom:0}.example-list{display:flex;flex-direction:column;gap:6px}.example-btn{display:flex;flex-direction:column;gap:2px;text-align:left;width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:7px;padding:8px 10px;cursor:pointer;transition:border-color .15s,background .15s}.example-btn:hover{background:#2e1f0f;border-color:var(--gold-dim)}.ex-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-weight:500}.ex-expr{font-family:monospace;font-size:.82rem;color:var(--gold);word-break:break-all}.ex-desc{font-size:.74rem;color:var(--text-dim);font-style:italic}.parts-breakdown{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow)}.parts-breakdown h3{font-family:Cinzel,serif;font-size:.9rem;color:var(--parchment);margin-bottom:12px;font-weight:400;letter-spacing:.05em}.part-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(61,46,26,.4);font-size:.85rem;flex-wrap:wrap}.part-row:last-child{border-bottom:none}.part-index{font-family:Cinzel,serif;font-size:.8rem;color:var(--text-dim);min-width:24px;flex-shrink:0}.part-label{color:var(--parchment);flex:1}.part-label code{font-family:monospace;font-size:.82rem;color:var(--gold-dim);background:var(--bg3);border:1px solid var(--border);border-radius:3px;padding:1px 5px}.part-stat{color:var(--gold);font-weight:600;font-size:.82rem;white-space:nowrap}@media(max-width:900px){.main-layout{grid-template-columns:1fr}.sidebar{position:static}}@media(max-width:600px){.app-header h1{font-size:1.4rem}.d20-icon{font-size:2.4rem}.dice-input{font-size:1rem}.stat-value{font-size:1.3rem}}