.dr-controls{display:flex;flex-direction:column;gap:var(--tb-space-3);margin-bottom:var(--tb-space-3)}.dr-dice-selector{display:flex;gap:var(--tb-space-2);flex-wrap:wrap}.dr-dice-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:3rem;padding:var(--tb-space-2) var(--tb-space-3);font-family:var(--tb-font-mono);font-size:var(--tb-font-size-sm);font-weight:600;color:var(--tb-color-gray-500);background:var(--tb-color-white);border:2px solid var(--tb-color-gray-200);border-radius:var(--tb-radius-md);cursor:pointer;transition:all .15s ease;text-transform:uppercase}.dr-dice-btn:hover{color:var(--tb-color-primary);border-color:var(--tb-color-primary)}.dr-dice-btn.has-dice{color:var(--tb-color-primary);border-color:var(--tb-color-primary);background:var(--tb-color-white)}.dr-dice-badge{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--tb-color-primary);color:#fff;font-size:.6875rem;font-weight:700;font-family:var(--tb-font-body);display:flex;align-items:center;justify-content:center;line-height:1;text-transform:none}.dr-inputs{display:flex;align-items:flex-end;gap:var(--tb-space-3);flex-wrap:wrap}.dr-inputs .tb-field{flex:0 0 auto}.dr-inputs .tb-input{width:90px}.dr-clear-tray-btn{font-size:var(--tb-font-size-sm)}.dr-presets{display:flex;gap:var(--tb-space-2);flex-wrap:wrap;margin-bottom:var(--tb-space-3)}.dr-preset-btn{padding:var(--tb-space-1) var(--tb-space-3);font-family:var(--tb-font-mono);font-size:var(--tb-font-size-xs);font-weight:600;color:var(--tb-color-gray-500);background:var(--tb-color-white);border:1px solid var(--tb-color-gray-200);border-radius:var(--tb-radius-full);cursor:pointer;transition:all .15s ease}.dr-preset-btn:hover{color:var(--tb-color-primary);border-color:var(--tb-color-primary)}.dr-preset-btn.is-active{color:var(--tb-color-white);background:var(--tb-color-primary);border-color:var(--tb-color-primary)}.dr-notation-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--tb-space-3);flex-wrap:wrap;padding:var(--tb-space-2) var(--tb-space-3);background:var(--tb-color-gray-100);border-radius:var(--tb-radius-md);margin-bottom:var(--tb-space-3);min-height:36px}.dr-notation-text{font-family:var(--tb-font-mono);font-weight:600;font-size:var(--tb-font-size-sm);color:var(--tb-color-dark)}.dr-stats-text{font-size:var(--tb-font-size-xs);color:var(--tb-color-gray-400)}.dr-advantage-wrap{display:flex;align-items:center;gap:var(--tb-space-3);flex-wrap:wrap;margin-bottom:var(--tb-space-3)}.dr-advantage-wrap .tb-label{margin-bottom:0;font-size:var(--tb-font-size-sm)}.dr-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:120px;padding:var(--tb-space-4);background:var(--tb-color-gray-100);border:2px dashed var(--tb-color-gray-200);border-radius:var(--tb-radius-lg);margin-bottom:var(--tb-space-4);transition:border-color .15s ease}.dr-stage.has-dice{border-style:solid;border-color:var(--tb-color-gray-200)}.dr-dice-tray{display:flex;gap:var(--tb-space-3);flex-wrap:wrap;justify-content:center;align-items:center}.dr-stage-hint{position:absolute;color:var(--tb-color-gray-400);font-size:var(--tb-font-size-sm);pointer-events:none}.dr-die{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--dr-die-color, #3b82f6);border-radius:12px;box-shadow:0 3px 10px #00000026,inset 0 1px #fff3;transition:transform .15s ease,opacity .15s ease,border .15s ease;-webkit-user-select:none;user-select:none;border:3px solid transparent}.dr-die-type{position:absolute;bottom:2px;right:4px;font-size:.5625rem;font-weight:600;font-family:var(--tb-font-mono);color:#fff9;text-transform:uppercase}.dr-die-number{font-size:1.5rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;line-height:1}.dr-pips{display:grid;grid-template-columns:repeat(3,12px);grid-template-rows:repeat(3,12px);gap:var(--tb-space-0-5)}.dr-pip{width:12px;height:12px;border-radius:50%;background:transparent}.dr-pip.is-visible{background:#fff;box-shadow:0 1px 2px #0003}.dr-die.is-removable{cursor:pointer}.dr-die.is-removable:hover{opacity:.6;transform:scale(.92)}.dr-die.is-lockable{cursor:pointer}.dr-die.is-locked{border-color:var(--tb-color-primary);box-shadow:0 0 0 2px var(--tb-color-primary),0 3px 10px #00000026}.dr-lock-icon{position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:var(--tb-color-primary);color:#fff;border-radius:50%;font-size:.625rem;display:flex;align-items:center;justify-content:center;line-height:1}.dr-die.is-rolling{animation:dr-shake .1s ease-in-out infinite alternate}@keyframes dr-shake{0%{transform:translate(-2px,-1px) rotate(-3deg) scale(1.05)}50%{transform:translate(2px,1px) rotate(2deg) scale(1.08)}to{transform:translate(-1px,2px) rotate(-2deg) scale(1.05)}}.dr-die.is-landed{animation:dr-land .3s ease-out}@keyframes dr-land{0%{transform:scale(1.12)}50%{transform:scale(.95)}to{transform:scale(1)}}.dr-actions{display:flex;gap:var(--tb-space-3);flex-wrap:wrap;margin-bottom:var(--tb-space-4)}.dr-roll-btn{flex:1;justify-content:center;padding:var(--tb-space-3) var(--tb-space-5);font-size:1rem;font-weight:700}.dr-roll-btn:disabled{opacity:.5;cursor:not-allowed}.dr-key-hint{display:inline-block;margin-left:var(--tb-space-2);padding:.1em .5em;font-size:var(--tb-font-size-xs);font-weight:500;font-family:var(--tb-font-mono);color:#ffffff80;background:#ffffff26;border-radius:var(--tb-radius-sm);vertical-align:middle}.dr-reroll-btn{white-space:nowrap}.dr-reroll-counter{font-size:var(--tb-font-size-xs);color:var(--tb-color-gray-400);margin-left:var(--tb-space-1)}.dr-result{display:flex;flex-direction:column;gap:var(--tb-space-3);padding:var(--tb-space-4);background:var(--tb-color-white);border:1px solid var(--tb-color-gray-200);border-radius:var(--tb-radius-lg);margin-bottom:var(--tb-space-4);animation:dr-fade-in .3s ease}@keyframes dr-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dr-result-main{display:flex;align-items:baseline;gap:var(--tb-space-3);flex-wrap:wrap}.dr-result-total{font-size:2.5rem;font-weight:800;line-height:1;color:var(--tb-color-dark);font-variant-numeric:tabular-nums}.dr-result-notation{font-size:var(--tb-font-size-sm);font-family:var(--tb-font-mono);color:var(--tb-color-gray-500)}.dr-result-dice{display:flex;gap:var(--tb-space-1-5);flex-wrap:wrap}.dr-result-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border-radius:var(--tb-radius-sm);font-family:var(--tb-font-mono);font-weight:700;font-size:var(--tb-font-size-sm);color:#fff}.dr-result-badge--d4{background:#ef4444}.dr-result-badge--d6{background:#3b82f6}.dr-result-badge--d8{background:#10b981}.dr-result-badge--d10{background:#f59e0b}.dr-result-badge--d12{background:#8b5cf6}.dr-result-badge--d20{background:#ec4899}.dr-result-badge--nat20{background:var(--tb-color-success)!important;box-shadow:0 0 8px #10b98180}.dr-result-badge--nat1{background:var(--tb-color-danger)!important;box-shadow:0 0 8px #ef444480}.dr-result-badge--dropped{opacity:.35;text-decoration:line-through}.dr-result-badge--dimmed{opacity:.3;font-size:var(--tb-font-size-xs);min-width:22px;height:22px}.dr-copy-btn{align-self:flex-start;font-size:var(--tb-font-size-sm)}.dr-save-row{display:flex;justify-content:flex-end;margin-bottom:var(--tb-space-4)}.dr-bottom-panel{border:1px solid var(--tb-color-gray-200);border-radius:var(--tb-radius-lg);overflow:hidden}.dr-panel-header{display:flex;justify-content:flex-end;padding:var(--tb-space-2) var(--tb-space-3)}.dr-empty-state{padding:var(--tb-space-5);text-align:center;color:var(--tb-color-gray-400);font-size:var(--tb-font-size-sm)}.dr-history-list{max-height:400px;overflow-y:auto}.dr-history-item{display:flex;align-items:center;justify-content:space-between;gap:var(--tb-space-2);padding:var(--tb-space-2) var(--tb-space-3);border-bottom:1px solid var(--tb-color-gray-100);cursor:pointer;transition:background .1s ease}.dr-history-item:hover{background:var(--tb-color-gray-100)}.dr-history-item:last-child{border-bottom:none}.dr-history-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--tb-space-0-5)}.dr-history-notation{font-family:var(--tb-font-mono);font-size:var(--tb-font-size-sm);font-weight:500;color:var(--tb-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dr-history-badges{display:flex;gap:var(--tb-space-0-5);flex-wrap:wrap}.dr-history-badges .dr-result-badge{min-width:20px;height:20px;font-size:.625rem;padding:0 3px}.dr-history-time{font-size:var(--tb-font-size-xs);color:var(--tb-color-gray-400);white-space:nowrap;flex-shrink:0}.dr-saved-list{max-height:300px;overflow-y:auto}.dr-saved-item{display:flex;align-items:center;justify-content:space-between;padding:var(--tb-space-2) var(--tb-space-3);border-bottom:1px solid var(--tb-color-gray-100)}.dr-saved-item:last-child{border-bottom:none}.dr-saved-load{flex:1;min-width:0;text-align:left;background:none;border:none;cursor:pointer;padding:var(--tb-space-1) 0;display:flex;flex-direction:column;gap:var(--tb-space-0-5)}.dr-saved-load:hover .dr-saved-name{color:var(--tb-color-primary)}.dr-saved-name{font-weight:600;font-size:var(--tb-font-size-sm);color:var(--tb-color-dark);transition:color .1s ease}.dr-saved-notation{font-family:var(--tb-font-mono);font-size:var(--tb-font-size-xs);color:var(--tb-color-gray-400)}@media(max-width:639px){.dr-die{width:52px;height:52px;border-radius:10px}.dr-die-number{font-size:1.25rem}.dr-pips{grid-template-columns:repeat(3,10px);grid-template-rows:repeat(3,10px);gap:var(--tb-space-0-5)}.dr-pip{width:10px;height:10px}.dr-actions{flex-direction:column}.dr-actions .tb-btn{width:100%;justify-content:center}.dr-notation-bar{flex-direction:column;align-items:flex-start;gap:var(--tb-space-1)}.dr-advantage-wrap{flex-direction:column;align-items:flex-start}.dr-result-total{font-size:2rem}.dr-inputs{flex-direction:column;align-items:stretch}.dr-inputs .tb-input{width:100%}}