:root{--ui-scale: 1;--font-scale: 1;--spacing-scale: 1;--button-scale: 1;--sidebar-width: clamp(190px, 18vw, 260px);--sidebar-right-width: clamp(200px, 20vw, 280px)}:root{--bg-primary: #0d0d12;--bg-secondary: #15151f;--bg-tertiary: #1d1d2a;--accent-primary: #d4a54a;--accent-primary-dim: #8a6a2f;--accent-primary-alpha: rgba(212, 165, 74, .2);--accent-secondary: #4a7fd4;--accent-success: #45c475;--accent-danger: #c44545;--text-primary: #e8e4dc;--text-secondary: #9d978d;--text-dim: #5a564e;--border-color: #2a2a3a;--glow-color: rgba(212, 165, 74, .4);--header-font: "Cinzel", serif;--body-font: "Crimson Pro", Georgia, serif;--mono-font: "JetBrains Mono", monospace;--bg-pattern: radial-gradient(ellipse at 20% 20%, rgba(212, 165, 74, .08) 0%, transparent 50%), radial-gradient(ellipse at 80% 80%, rgba(74, 127, 212, .06) 0%, transparent 50%);--card-shadow: 0 4px 12px rgba(0,0,0,.3);--border-radius: 6px;--border-style: solid}[data-theme=tavern]{--bg-primary: #1a1410;--bg-secondary: #2d2318;--bg-tertiary: #3d3025;--accent-primary: #c9a227;--accent-primary-dim: #8b7019;--accent-primary-alpha: rgba(201, 162, 39, .2);--accent-secondary: #8b4513;--accent-success: #556b2f;--accent-danger: #8b0000;--text-primary: #f4e4bc;--text-secondary: #c4a882;--text-dim: #7a6a52;--border-color: #5a4a32;--glow-color: rgba(201, 162, 39, .3);--header-font: "MedievalSharp", cursive;--body-font: "Crimson Pro", Georgia, serif;--bg-pattern: repeating-linear-gradient(90deg, transparent, transparent 50px, rgba(0,0,0,.03) 50px, rgba(0,0,0,.03) 51px), repeating-linear-gradient(0deg, transparent, transparent 50px, rgba(0,0,0,.03) 50px, rgba(0,0,0,.03) 51px), linear-gradient(180deg, rgba(139, 69, 19, .1) 0%, transparent 100%);--border-radius: 4px}[data-theme=cyberpunk]{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a25;--accent-primary: #00ffff;--accent-primary-dim: #008b8b;--accent-primary-alpha: rgba(0, 255, 255, .2);--accent-secondary: #ff00ff;--accent-success: #00ff00;--accent-danger: #ff0040;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--text-dim: #606060;--border-color: #00ffff40;--glow-color: rgba(0, 255, 255, .5);--header-font: "Orbitron", sans-serif;--body-font: "Inter", sans-serif;--bg-pattern: linear-gradient(180deg, rgba(0, 255, 255, .03) 0%, transparent 50%), linear-gradient(90deg, rgba(255, 0, 255, .02) 0%, transparent 100%), repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 255, 255, .03) 2px, rgba(0, 255, 255, .03) 4px);--border-radius: 2px;--border-style: solid}[data-theme=fantasy]{--bg-primary: #0f0a1a;--bg-secondary: #1a1228;--bg-tertiary: #251a38;--accent-primary: #a855f7;--accent-primary-dim: #7c3aed;--accent-primary-alpha: rgba(168, 85, 247, .2);--accent-secondary: #06b6d4;--accent-success: #34d399;--accent-danger: #f43f5e;--text-primary: #f0e6ff;--text-secondary: #c4b5fd;--text-dim: #7c6a9a;--border-color: #4c1d95;--glow-color: rgba(168, 85, 247, .5);--header-font: "Cinzel", serif;--body-font: "Crimson Pro", serif;--bg-pattern: radial-gradient(ellipse at 30% 20%, rgba(168, 85, 247, .15) 0%, transparent 50%), radial-gradient(ellipse at 70% 80%, rgba(6, 182, 212, .1) 0%, transparent 50%), radial-gradient(circle at 50% 50%, rgba(168, 85, 247, .05) 0%, transparent 70%);--border-radius: 12px}[data-theme=steampunk]{--bg-primary: #1c1612;--bg-secondary: #2a211a;--bg-tertiary: #3a2f25;--accent-primary: #cd7f32;--accent-primary-dim: #8b5a2b;--accent-primary-alpha: rgba(205, 127, 50, .2);--accent-secondary: #b8860b;--accent-success: #6b8e23;--accent-danger: #8b0000;--text-primary: #ddd0c0;--text-secondary: #b8a890;--text-dim: #7a6a55;--border-color: #5a4a35;--glow-color: rgba(205, 127, 50, .4);--header-font: "Special Elite", cursive;--body-font: "Crimson Pro", serif;--bg-pattern: radial-gradient(circle at 20% 80%, rgba(205, 127, 50, .08) 0%, transparent 40%), radial-gradient(circle at 80% 20%, rgba(184, 134, 11, .06) 0%, transparent 40%);--border-radius: 4px}[data-theme=horror]{--bg-primary: #0a0808;--bg-secondary: #141010;--bg-tertiary: #1e1818;--accent-primary: #8b0000;--accent-primary-dim: #5c0000;--accent-primary-alpha: rgba(139, 0, 0, .2);--accent-secondary: #4a0080;--accent-success: #2d5a27;--accent-danger: #ff0000;--text-primary: #d0c8c8;--text-secondary: #908888;--text-dim: #584848;--border-color: #3a2828;--glow-color: rgba(139, 0, 0, .5);--header-font: "Cinzel", serif;--body-font: "Crimson Pro", serif;--bg-pattern: radial-gradient(ellipse at 50% 0%, rgba(139, 0, 0, .15) 0%, transparent 50%), linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .3) 100%);--border-radius: 2px}[data-theme=arcade]{--bg-primary: #0f0f23;--bg-secondary: #1a1a35;--bg-tertiary: #252545;--accent-primary: #ffff00;--accent-primary-dim: #cccc00;--accent-primary-alpha: rgba(255, 255, 0, .2);--accent-secondary: #ff6b9d;--accent-success: #00ff00;--accent-danger: #ff0000;--text-primary: #ffffff;--text-secondary: #c0c0c0;--text-dim: #808080;--border-color: #4040ff;--glow-color: rgba(255, 255, 0, .5);--header-font: "Press Start 2P", cursive;--body-font: "Press Start 2P", cursive;--mono-font: "Press Start 2P", cursive;--bg-pattern: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255, 255, 255, .03) 2px, rgba(255, 255, 255, .03) 4px);--border-radius: 0px;--card-shadow: 4px 4px 0px var(--border-color)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:var(--body-font);background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column}body:before{content:"";position:fixed;inset:0;background:var(--bg-pattern);pointer-events:none;z-index:-1}header{position:relative;padding:1rem 1.5rem;border-bottom:1px var(--border-style) var(--border-color);background:linear-gradient(180deg,var(--bg-secondary) 0%,transparent 100%);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.logo{font-family:var(--header-font);font-size:1.5rem;font-weight:700;color:var(--accent-primary);text-shadow:0 0 30px var(--glow-color);letter-spacing:.1em}.logo span{color:var(--text-primary);font-weight:400}[data-theme=arcade] .logo{font-size:1rem;letter-spacing:0}.global-roll-counter{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:baseline;gap:.4rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.4rem 1rem;font-family:var(--mono-font);transition:all .3s ease,padding .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:0}.global-roll-counter:hover{border-color:var(--accent-primary);box-shadow:0 0 12px var(--glow-color)}.counter-hint{font-size:.55rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;line-height:1;margin-top:1px}.global-roll-counter.pulse{animation:counterPulse .5s ease}@keyframes counterPulse{0%,to{box-shadow:none}50%{box-shadow:0 0 20px var(--glow-color);border-color:var(--accent-primary)}}.counter-value{font-size:1.3rem;font-weight:700;color:var(--accent-primary);letter-spacing:.05em;text-shadow:0 0 10px var(--glow-color);transition:font-size .3s ease}.global-roll-counter.size-medium .counter-value{font-size:1.1rem}.global-roll-counter.size-large .counter-value{font-size:1rem}.global-roll-counter.size-huge .counter-value{font-size:.95rem}.counter-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}@media(max-width:900px){.global-roll-counter{display:none}}[data-theme=arcade] .counter-value{font-size:.9rem}.recaptcha-disclosure{position:fixed;bottom:6px;right:8px;font-size:.55rem;color:var(--text-dim);opacity:.55;z-index:100;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1}.recaptcha-disclosure a{color:var(--text-dim);text-decoration:none;pointer-events:auto}.recaptcha-disclosure a:hover{color:var(--text-secondary);text-decoration:underline}@media(max-width:1100px){.recaptcha-disclosure{bottom:72px;right:6px}}[data-theme=arcade] .counter-label{font-size:.5rem}.milestone-celebration{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3;z-index:20000;animation:milestoneIn .5s ease}@keyframes milestoneIn{0%{opacity:0}to{opacity:1}}.milestone-content{text-align:center;animation:milestonePopIn .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes milestonePopIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.milestone-text{font-family:var(--header-font);font-size:3rem;font-weight:700;color:var(--accent-primary);text-shadow:0 0 30px var(--glow-color),0 0 60px var(--glow-color);margin-bottom:.5rem}.milestone-subtext{font-size:1.2rem;color:var(--text-secondary);letter-spacing:.1em}[data-theme=arcade] .milestone-text{font-size:1.5rem}[data-theme=arcade] .milestone-subtext{font-size:.7rem}.header-controls{display:flex;gap:1.5rem;align-items:center}.theme-picker{display:flex;align-items:center;gap:.5rem}.theme-picker-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.theme-select{background:var(--bg-tertiary);border:1px var(--border-style) var(--border-color);color:var(--text-primary);padding:.4rem .8rem;font-family:var(--body-font);font-size:.8rem;border-radius:var(--border-radius);cursor:pointer;outline:none}.theme-select:focus{border-color:var(--accent-primary)}.theme-select option{background:var(--bg-secondary)}[data-theme=arcade] .theme-select,[data-theme=arcade] .theme-picker-label{font-family:Inter,sans-serif;font-size:.7rem}.settings-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);width:36px;height:36px;font-size:1.3rem;line-height:1;cursor:pointer;border-radius:var(--border-radius);transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.settings-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:rotate(45deg)}.settings-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}@keyframes renamePulse{0%,to{box-shadow:0 0 0 0 var(--glow-color);border-color:var(--border-color)}50%{box-shadow:0 0 0 5px var(--glow-color);border-color:var(--accent-primary)}}.rename-btn.first-visit{animation:renamePulse 2s ease-in-out infinite}.rename-tip{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid var(--accent-primary);color:var(--text-primary);font-size:.75rem;line-height:1.4;padding:.45rem .75rem;border-radius:var(--border-radius);white-space:nowrap;pointer-events:none;z-index:9999;box-shadow:0 4px 12px #0006;text-align:center}.rename-tip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:var(--accent-primary)}.rename-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:.4rem .9rem;font-size:.88rem;height:36px;font-family:var(--body-font);cursor:pointer;border-radius:var(--border-radius);transition:all .2s ease;display:flex;align-items:center;gap:.35rem;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.rename-btn:hover{border-color:var(--accent-primary-dim);color:var(--text-primary)}#header-username{overflow:hidden;text-overflow:ellipsis;max-width:110px;display:inline-block}.app-container{display:grid;grid-template-columns:var(--sidebar-width) 1fr var(--sidebar-right-width);flex:1;min-height:0;overflow:hidden}@media(max-width:1600px)and (min-width:1401px){.sidebar-left,.sidebar-right{--font-scale: calc(var(--ui-scale, 1) * .9);--spacing-scale: calc(var(--ui-scale, 1) * .88);--button-scale: calc(var(--ui-scale, 1) * .88);padding:clamp(.65rem,1.2vw,.9rem)}.sidebar-left .qty-btn,.sidebar-right .qty-btn{width:clamp(26px,2.7vw,32px);height:clamp(26px,2.7vw,32px);font-size:clamp(.9rem,1.15vw,1.1rem)}.sidebar-left .qty-display,.sidebar-right .qty-display{font-size:clamp(.95rem,1.35vw,1.2rem);min-width:clamp(36px,4vw,44px)}.sidebar-left .qty-controls,.sidebar-right .qty-controls{padding:clamp(.45rem,.9vw,.7rem) clamp(.45rem,1.1vw,.85rem);gap:clamp(.45rem,.85vw,.7rem)}.sidebar-left .macro-item-name{font-size:clamp(.72rem,.95vw,.85rem)}.sidebar-left .macro-item-notation{font-size:clamp(.58rem,.75vw,.7rem)}.sidebar-left .dice-grid{gap:clamp(.22rem,.45vw,.38rem)}.sidebar-right .history-roller{font-size:clamp(.88rem,1.15vw,1.02rem)}.sidebar-right .history-notation{font-size:clamp(.82rem,1.1vw,1.02rem)}.sidebar-right .history-result{font-size:clamp(1.5rem,2.1vw,1.85rem)}.sidebar-right .history-time{font-size:clamp(.58rem,.78vw,.7rem)}.sidebar-right .history-label{font-size:clamp(.76rem,.95vw,.92rem)}}@media(max-width:1400px)and (min-width:1281px){.sidebar-left,.sidebar-right{--font-scale: calc(var(--ui-scale, 1) * .8);--spacing-scale: calc(var(--ui-scale, 1) * .77);--button-scale: calc(var(--ui-scale, 1) * .77);padding:clamp(.55rem,1vw,.75rem)}.sidebar-left .qty-btn,.sidebar-right .qty-btn{width:clamp(23px,2.4vw,28px);height:clamp(23px,2.4vw,28px);font-size:clamp(.82rem,1.05vw,1rem)}.sidebar-left .qty-display,.sidebar-right .qty-display{font-size:clamp(.85rem,1.15vw,1.05rem);min-width:clamp(30px,3.6vw,38px)}.sidebar-left .qty-controls,.sidebar-right .qty-controls{padding:clamp(.4rem,.78vw,.58rem) clamp(.4rem,.9vw,.65rem);gap:clamp(.35rem,.68vw,.55rem)}.sidebar-left .macro-item-name{font-size:clamp(.62rem,.85vw,.75rem)}.sidebar-left .macro-item-notation{font-size:clamp(.5rem,.66vw,.6rem)}.sidebar-left .dice-grid{gap:clamp(.18rem,.36vw,.3rem)}.sidebar-right .history-roller{font-size:clamp(.76rem,1.02vw,.92rem)}.sidebar-right .history-notation{font-size:clamp(.72rem,.98vw,.92rem)}.sidebar-right .history-result{font-size:clamp(1.28rem,1.8vw,1.65rem)}.sidebar-right .history-time{font-size:clamp(.5rem,.66vw,.62rem)}.sidebar-right .history-label{font-size:clamp(.65rem,.85vw,.82rem)}}@media(max-width:1280px)and (min-width:1101px){.sidebar-left,.sidebar-right{--font-scale: calc(var(--ui-scale, 1) * .7);--spacing-scale: calc(var(--ui-scale, 1) * .67);--button-scale: calc(var(--ui-scale, 1) * .67);padding:clamp(.45rem,.85vw,.6rem)}.sidebar-left .qty-btn,.sidebar-right .qty-btn{width:clamp(20px,2.1vw,24px);height:clamp(20px,2.1vw,24px);font-size:clamp(.7rem,.95vw,.88rem)}.sidebar-left .qty-display,.sidebar-right .qty-display{font-size:clamp(.72rem,1vw,.9rem);min-width:clamp(24px,3vw,30px)}.sidebar-left .qty-controls,.sidebar-right .qty-controls{padding:clamp(.32rem,.62vw,.48rem) clamp(.32rem,.72vw,.52rem);gap:clamp(.25rem,.52vw,.42rem)}.sidebar-left .macro-item-name{font-size:clamp(.54rem,.74vw,.65rem)}.sidebar-left .macro-item-notation{font-size:clamp(.44rem,.58vw,.52rem)}.sidebar-left .dice-grid{gap:clamp(.12rem,.28vw,.22rem)}.sidebar-right .history-roller{font-size:clamp(.65rem,.9vw,.8rem)}.sidebar-right .history-notation{font-size:clamp(.62rem,.86vw,.8rem)}.sidebar-right .history-result{font-size:clamp(1.1rem,1.55vw,1.45rem)}.sidebar-right .history-time{font-size:clamp(.44rem,.58vw,.54rem)}.sidebar-right .history-label{font-size:clamp(.56rem,.74vw,.72rem)}}@media(max-width:1100px){.app-container{grid-template-columns:1fr}.sidebar-left,.sidebar-right{display:none}.header-controls{gap:.75rem}.theme-picker-label{display:none}}@media(max-width:1600px)and (min-width:1101px){.input-area{flex-wrap:wrap;gap:.5rem .75rem;align-items:flex-start}.input-field,.input-field.label-field{flex:1 1 130px;min-width:100px;height:52px}.input-field input{height:100%;box-sizing:border-box}.input-group{flex:1 1 0;min-width:0;gap:.6rem}.input-actions{flex:0 0 100%;display:flex;gap:.5rem}.roll-btn{flex:1;font-size:.9rem;padding:.6rem 1rem}.reroll-btn,.clear-btn{flex:0 0 auto;font-size:.8rem;padding:.6rem .9rem}}.sidebar-left,.sidebar-right{background:var(--bg-secondary);border-right:1px var(--border-style) var(--border-color);padding:calc(1rem * var(--spacing-scale));overflow-y:auto;overflow-x:hidden}.sidebar-right{border-right:none;border-left:1px var(--border-style) var(--border-color)}.sidebar-section{margin-bottom:calc(1.5rem * var(--spacing-scale))}.sidebar-title{font-family:var(--header-font);font-size:calc(.8rem * var(--font-scale));font-weight:700;letter-spacing:.1em;color:var(--text-dim);margin-bottom:calc(.75rem * var(--spacing-scale));text-transform:uppercase;text-align:center}[data-theme=arcade] .sidebar-title{font-size:.5rem;letter-spacing:0}.dice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(.3rem * var(--spacing-scale))}.dice-btn{background:var(--bg-tertiary);border:1px var(--border-style) var(--border-color);color:var(--text-primary);padding:calc(.5rem * var(--button-scale)) calc(.3rem * var(--button-scale));font-family:var(--header-font);font-size:calc(.9rem * var(--font-scale));font-weight:600;cursor:pointer;transition:all .2s ease;border-radius:var(--border-radius);text-align:center}.dice-btn:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--card-shadow)}.dice-btn .die-icon{display:block;font-size:calc(.55rem * var(--font-scale));color:var(--text-dim);margin-top:calc(.15rem * var(--spacing-scale))}[data-theme=arcade] .dice-btn{font-size:.65rem;padding:.4rem .25rem}[data-theme=arcade] .dice-btn .die-icon{font-size:.45rem}.macros-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(.75rem * var(--spacing-scale))}.macros-header .sidebar-title{margin-bottom:0}.macro-add-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--accent-primary);width:26px;height:26px;font-size:1.2rem;font-weight:700;cursor:pointer;border-radius:var(--border-radius);transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.macro-add-btn:hover{background:var(--accent-primary);color:var(--bg-primary)}.macros-list{display:flex;flex-direction:column;gap:.4rem;max-height:200px;overflow-y:auto}.macro-empty{text-align:center;color:var(--text-dim);font-size:.85rem;padding:1rem;font-style:italic}.macro-item{display:flex;align-items:center;gap:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.5rem .6rem;cursor:pointer;transition:all .2s ease}.macro-item:hover{border-color:var(--accent-primary-dim)}.macro-item-info{flex:1;min-width:0}.macro-item-name{font-size:.9rem;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.macro-item-notation{font-family:var(--mono-font);font-size:.75rem;color:var(--accent-primary-dim)}.macro-delete-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:.2rem;font-size:.9rem;opacity:0;transition:all .2s ease}.macro-item:hover .macro-delete-btn{opacity:1}.macro-delete-btn:hover{color:var(--accent-danger)}[data-theme=arcade] .macro-item-name{font-size:.6rem}[data-theme=arcade] .macro-item-notation{font-size:.5rem}#macro-modal .modal-content{max-width:350px}#macro-modal .modal-input{width:100%;margin-bottom:.75rem}#macro-modal .modal-title{text-align:center;margin-bottom:.25rem}#macro-modal .modal-subtitle{text-align:center;color:var(--text-dim);font-size:.85rem;margin-bottom:1rem}.modal-buttons{display:flex;gap:.75rem;margin-top:.5rem}.modal-btn{flex:1;padding:.6rem 1rem;border-radius:var(--border-radius);font-family:var(--header-font);font-size:.9rem;cursor:pointer;transition:all .2s ease}.modal-btn.secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.modal-btn.secondary:hover{border-color:var(--text-dim);color:var(--text-primary)}.modal-btn.primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-dim) 100%);border:none;color:var(--bg-primary);font-weight:600}.modal-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #d4a54a4d}.quick-rolls{display:flex;flex-direction:column;gap:calc(.4rem * var(--spacing-scale))}.quick-roll-btn{background:var(--bg-tertiary);border:1px var(--border-style) var(--border-color);color:var(--text-secondary);padding:calc(.6rem * var(--button-scale)) calc(.8rem * var(--button-scale));font-family:var(--body-font);font-size:calc(.95rem * var(--font-scale));text-align:left;cursor:pointer;transition:all .2s ease;border-radius:var(--border-radius);display:flex;justify-content:space-between;align-items:center}.quick-roll-btn:hover{border-color:var(--accent-primary-dim);color:var(--text-primary)}.quick-roll-btn .notation{font-family:var(--mono-font);font-size:calc(.8rem * var(--font-scale));color:var(--accent-primary-dim)}[data-theme=arcade] .quick-roll-btn{font-size:.55rem;padding:.5rem}[data-theme=arcade] .quick-roll-btn .notation{font-size:.5rem}.qty-controls{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.8rem 1rem;background:var(--bg-tertiary);border-radius:var(--border-radius);border:1px var(--border-style) var(--border-color);margin-bottom:.75rem}.qty-btn{width:36px;height:36px;background:var(--bg-secondary);border:1px var(--border-style) var(--border-color);color:var(--text-primary);font-size:1.2rem;font-weight:600;cursor:pointer;border-radius:var(--border-radius);transition:all .2s ease}.qty-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:scale(1.05)}.qty-display{font-family:var(--mono-font);font-size:1.3rem;font-weight:600;min-width:48px;text-align:center;color:var(--accent-primary)}[data-theme=arcade] .qty-display{font-size:.7rem}.modifier-section{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.8rem 1rem;background:var(--bg-tertiary);border-radius:var(--border-radius);border:1px var(--border-style) var(--border-color)}.modifier-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.modifier-input{width:60px;background:var(--bg-secondary);border:1px var(--border-style) var(--border-color);color:var(--text-primary);padding:.4rem;font-family:var(--mono-font);font-size:1rem;font-weight:500;border-radius:var(--border-radius);text-align:center}.modifier-input:focus{outline:none;border-color:var(--accent-primary)}[data-theme=arcade] .modifier-label{font-size:.5rem}[data-theme=arcade] .modifier-input{font-size:.6rem}.dice-theme-section{display:flex;flex-direction:column;gap:.4rem;align-items:center}.dice-theme-sidebar-select{width:100%;padding:.7rem .8rem;background:var(--bg-tertiary);border:1px var(--border-style) var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-family:var(--body-font);font-size:.95rem;cursor:pointer;transition:all .2s ease;text-align:center;text-align-last:center}.dice-theme-sidebar-select:hover{border-color:var(--accent-primary-dim)}.dice-theme-sidebar-select:focus{outline:none;border-color:var(--accent-primary)}.dice-theme-sidebar-select option{background:var(--bg-secondary);color:var(--text-primary)}.dice-theme-sidebar-select option:disabled{color:#666;font-style:italic}.main-area{display:flex;flex-direction:column;min-height:0;overflow:hidden}#dice-box{flex:1;min-height:200px;position:relative;width:100%}#dice-box canvas{width:100%!important;height:100%!important}.results-bar{background:var(--bg-secondary);border-top:1px var(--border-style) var(--border-color);padding:.75rem 1.5rem;display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.result-total{font-family:var(--header-font);font-size:2rem;font-weight:700;color:var(--accent-primary);text-shadow:0 0 20px var(--glow-color);min-width:80px}[data-theme=arcade] .result-total{font-size:1.2rem}.result-details{flex:1;min-width:0}.result-notation{font-family:var(--mono-font);font-size:.8rem;color:var(--text-dim);margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=arcade] .result-notation{font-size:.5rem}.result-breakdown{font-family:var(--mono-font);font-size:.9rem;color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:.3rem}[data-theme=arcade] .result-breakdown{font-size:.55rem}.die-result{background:var(--bg-tertiary);padding:.2rem .5rem;border-radius:var(--border-radius);border:1px var(--border-style) var(--border-color)}.die-result.max{border-color:var(--accent-success);color:var(--accent-success)}.die-result.min{border-color:var(--accent-danger);color:var(--accent-danger)}.die-result.bestof2-vs{opacity:.45;font-size:.65rem;padding:.2rem .3rem;letter-spacing:.04em}.input-area{background:var(--bg-secondary);border-top:1px var(--border-style) var(--border-color);padding:.75rem 1.5rem;display:flex;gap:1rem;align-items:center;flex-shrink:0}.input-group{display:flex;gap:2rem;flex:1;min-width:0}.input-field{position:relative;flex:0 0 180px}.input-field.label-field{flex:0 0 180px}.input-field input{width:100%;background:var(--bg-tertiary);border:1px var(--border-style) var(--border-color);color:var(--text-primary);padding:1.1rem 2.2rem .4rem .75rem;font-size:.95rem;border-radius:var(--border-radius);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input-field .dice-input{font-family:var(--mono-font)}.input-field .label-input{font-family:var(--body-font)}.input-field input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-alpha)}.input-field.label-field input:focus{border-color:var(--accent-secondary);box-shadow:0 0 0 2px #4a7fd433}.input-floating-label{position:absolute;left:.75rem;top:.35rem;font-size:.65rem;font-family:var(--header-font);color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;pointer-events:none;transition:all .2s ease}.input-field input:focus+.input-floating-label{color:var(--accent-primary)}.input-field.label-field input:focus+.input-floating-label{color:var(--accent-secondary)}.input-hint{position:absolute;right:2rem;top:50%;transform:translateY(-50%);font-size:.85rem;color:var(--text-secondary);font-family:var(--mono-font);pointer-events:none;opacity:1;transition:opacity .2s ease}.input-field input:focus~.input-hint,.input-field input:not(:placeholder-shown)~.input-hint{opacity:0}.input-help-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:18px;height:18px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-dim);font-size:.7rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1}.input-help-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.input-field.label-field .input-help-btn:hover{background:var(--accent-secondary);border-color:var(--accent-secondary)}.input-help-tooltip{position:absolute;bottom:calc(100% + 10px);left:0;transform:none;width:280px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;box-shadow:0 8px 32px #00000080;z-index:10000;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.input-help-tooltip:after{content:"";position:absolute;top:100%;left:20px;border:8px solid transparent;border-top-color:var(--border-color)}.input-help-tooltip:before{content:"";position:absolute;top:100%;left:21px;border:7px solid transparent;border-top-color:var(--bg-secondary);z-index:1}.input-help-btn:hover+.input-help-tooltip,.input-help-btn:focus+.input-help-tooltip,.input-help-tooltip:hover,.input-help-tooltip.active{opacity:1;visibility:visible;pointer-events:auto}.tooltip-title{font-family:var(--header-font);font-size:.9rem;font-weight:600;color:var(--accent-primary);margin-bottom:.5rem}.input-field.label-field .tooltip-title{color:var(--accent-secondary)}.tooltip-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem;line-height:1.4}.tooltip-examples{display:flex;flex-direction:column;gap:.4rem}.tooltip-example{font-size:.8rem;color:var(--text-secondary);display:flex;align-items:baseline;gap:.5rem}.tooltip-example code{font-family:var(--mono-font);font-size:.8rem;background:var(--bg-tertiary);padding:.15rem .4rem;border-radius:3px;color:var(--accent-primary);white-space:nowrap;flex-shrink:0}.input-field.label-field .tooltip-example code{color:var(--accent-secondary)}[data-theme=arcade] .input-help-btn{font-size:.5rem;width:14px;height:14px;right:-18px}[data-theme=arcade] .tooltip-title{font-size:.6rem}[data-theme=arcade] .tooltip-desc{font-size:.55rem}[data-theme=arcade] .tooltip-example,[data-theme=arcade] .tooltip-example code{font-size:.5rem}.input-actions{display:flex;gap:.5rem;align-items:center}[data-theme=arcade] .input-field input{font-size:.6rem;padding:.9rem .5rem .3rem}[data-theme=arcade] .input-floating-label{font-size:.45rem}[data-theme=arcade] .input-hint{font-size:.5rem}.reroll-btn{background:linear-gradient(135deg,var(--accent-secondary) 0%,#3a6bb8 100%);border:none;color:var(--text-primary);padding:.6rem 1rem;font-family:var(--header-font);font-size:.8rem;font-weight:600;letter-spacing:.05em;cursor:pointer;border-radius:var(--border-radius);transition:all .2s ease}.reroll-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4a7fd466}.reroll-btn:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none}.reroll-btn.cooldown{background:linear-gradient(135deg,#555,#3a3a3a);opacity:.6}[data-theme=arcade] .reroll-btn{font-size:.55rem;padding:.5rem .8rem}.roll-btn{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-dim) 100%);border:none;color:var(--bg-primary);padding:.6rem 1.5rem;font-family:var(--header-font);font-size:.9rem;font-weight:600;letter-spacing:.1em;cursor:pointer;border-radius:var(--border-radius);transition:all .2s ease}.roll-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px var(--glow-color)}.roll-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.roll-btn.cooldown{background:linear-gradient(135deg,#666,#444);opacity:.8;font-size:.75rem}[data-theme=arcade] .roll-btn{font-size:.6rem;padding:.5rem 1rem;letter-spacing:0}.clear-btn{background:transparent;border:1px var(--border-style) var(--border-color);color:var(--text-secondary);padding:.6rem 1rem;font-family:var(--header-font);font-size:.8rem;cursor:pointer;border-radius:var(--border-radius)}.clear-btn:hover{border-color:var(--accent-danger);color:var(--accent-danger)}[data-theme=arcade] .clear-btn{font-size:.5rem}.history-header{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-bottom:calc(.75rem * var(--spacing-scale))}.history-header .sidebar-title{margin-bottom:0}.history-toggle{background:var(--bg-tertiary);border:1px solid var(--accent-primary-dim);color:var(--accent-primary);width:32px;height:26px;font-size:.85rem;cursor:pointer;border-radius:var(--border-radius);transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-weight:700}.history-toggle:hover{border-color:var(--accent-primary);background:var(--accent-primary);color:var(--bg-primary)}.history-toggle.expanded{transform:rotate(180deg)}.roll-history{max-height:min(calc(100vh - 300px),800px);overflow-y:auto;transition:max-height .3s ease}.history-item{background:var(--bg-tertiary);border:1px var(--border-style) var(--border-color);border-radius:var(--border-radius);padding:.7rem 1rem;margin-bottom:.5rem;cursor:pointer;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:.1rem .8rem;align-items:center}.history-item:hover{border-color:var(--accent-primary-dim)}.history-roller{font-size:1.1rem;font-weight:700;grid-column:1 / -1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.history-notation{font-family:var(--mono-font);font-size:1.1rem;color:var(--text-primary);font-weight:500;grid-column:1;grid-row:1}.history-time{font-size:.75rem;color:var(--text-dim);grid-column:1;grid-row:2}.history-result{font-family:var(--header-font);font-size:2rem;font-weight:700;color:var(--accent-primary);text-align:right;grid-column:2;grid-row:1 / -1;align-self:center}.history-label{font-size:1rem;color:var(--accent-secondary);font-style:italic;grid-column:1;grid-row:3}.history-result.crit-result{color:var(--accent-success);text-shadow:0 0 10px var(--accent-success),0 0 20px var(--accent-success)}.history-result.fumble-result{color:var(--accent-danger);text-shadow:0 0 10px var(--accent-danger),0 0 20px var(--accent-danger)}.copy-result-btn{width:28px;height:26px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-dim);font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;flex-shrink:0}.copy-result-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.history-export-btn{background:var(--bg-tertiary);border:1px solid var(--accent-primary-dim);color:var(--accent-primary);height:26px;padding:0 .6rem;font-size:.7rem;font-family:var(--header-font);font-weight:600;letter-spacing:.04em;cursor:pointer;border-radius:var(--border-radius);transition:all .2s ease;display:flex;align-items:center;gap:.2rem;white-space:nowrap}.history-export-btn:hover{border-color:var(--accent-primary);background:var(--accent-primary);color:var(--bg-primary)}.macro-edit-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:.2rem;font-size:.9rem;opacity:0;transition:all .2s ease}.macro-item:hover .macro-edit-btn{opacity:1}.macro-edit-btn:hover{color:var(--accent-secondary)}.history-adv-badge{grid-column:1 / -1;display:inline-block;font-size:.7rem;font-family:var(--header-font);font-weight:700;letter-spacing:.05em;padding:.1rem .4rem;border-radius:3px;margin-bottom:.15rem;width:fit-content}.history-adv-badge.adv{background:color-mix(in srgb,var(--accent-success) 15%,transparent);color:var(--accent-success);border:1px solid var(--accent-success)}.history-adv-badge.dis{background:color-mix(in srgb,var(--accent-danger) 15%,transparent);color:var(--accent-danger);border:1px solid var(--accent-danger)}.is-secret-entry{border-color:var(--text-dim);opacity:.75}.history-secret-badge{grid-column:1 / -1;font-size:.75rem;font-family:var(--header-font);font-weight:600;letter-spacing:.03em;color:var(--accent-secondary);margin-bottom:.2rem}.was-secret-revealed{border-color:var(--accent-success)}.hd-die.mod{border-color:var(--accent-secondary);color:var(--accent-secondary)}[data-theme=arcade] .history-roller{font-size:.7rem}[data-theme=arcade] .history-notation{font-size:.65rem}[data-theme=arcade] .history-result{font-size:1.1rem}[data-theme=arcade] .history-time{font-size:.55rem}.stats-panel{background:var(--bg-tertiary);border:1px var(--border-style) var(--border-color);border-radius:var(--border-radius);padding:.75rem}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem .4rem;border-bottom:1px solid var(--border-color)}.stat-row:last-of-type{border-bottom:none}.stat-label{font-size:1rem;color:var(--text-secondary)}.stat-value{font-family:var(--header-font);font-size:1.4rem;font-weight:700;color:var(--accent-primary)}.stat-value.stat-crit{color:var(--accent-success)}.stat-value.stat-fumble{color:var(--accent-danger)}.stats-reset-btn{width:100%;margin-top:.75rem;padding:.5rem;background:transparent;border:1px var(--border-style) var(--border-color);border-radius:var(--border-radius);color:var(--text-dim);font-family:var(--body-font);font-size:.85rem;cursor:pointer;transition:all .2s ease}.stats-reset-btn:hover{border-color:var(--accent-danger);color:var(--accent-danger)}[data-theme=arcade] .stat-label{font-size:.6rem}[data-theme=arcade] .stat-value{font-size:.8rem}[data-theme=arcade] .stats-reset-btn{font-size:.55rem}.hotkeys-btn{width:28px;height:26px;background:var(--bg-tertiary);border:1px solid var(--accent-primary-dim);border-bottom-width:2px;border-radius:5px;color:var(--accent-primary);font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1;flex-shrink:0}.hotkeys-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.hotkeys-modal-content{max-width:340px;width:90vw}.hotkeys-list{display:flex;flex-direction:column;gap:.4rem;margin:1rem 0}.hotkey-row{display:flex;align-items:center;gap:.75rem;font-size:.88rem;color:var(--text-secondary)}.hotkey-row kbd{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:.15rem .45rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-bottom-width:2px;border-radius:4px;font-family:var(--mono-font);font-size:.78rem;font-weight:600;color:var(--accent-primary);letter-spacing:.02em;flex-shrink:0}.hotkeys-note{font-size:.75rem;color:var(--text-dim);text-align:center;margin-top:.5rem;margin-bottom:0}.celebration-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9000;overflow:hidden}.celebration-particle{position:absolute;pointer-events:none;font-size:2rem;animation:particleFall 3s ease-out forwards}@keyframes particleFall{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}to{opacity:0;transform:translateY(100vh) rotate(720deg) scale(.5)}}.celebration-burst{position:absolute;pointer-events:none;width:10px;height:10px;border-radius:50%;animation:burstOut 1s ease-out forwards}@keyframes burstOut{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(var(--tx),var(--ty)) scale(1)}to{opacity:0;transform:translate(calc(var(--tx) * 1.5),calc(var(--ty) * 1.5)) scale(.5)}}.celebration-text{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--header-font);font-size:4rem;font-weight:700;text-shadow:0 0 30px currentColor,0 0 60px currentColor;pointer-events:none;z-index:9001;animation:celebrationTextPop 1.5s ease-out forwards}.celebration-text.crit{color:var(--accent-success)}.celebration-text.fumble{color:var(--accent-danger)}@keyframes celebrationTextPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}40%{transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1) translateY(-50px)}}.result-total.crit-glow{animation:critGlow 2s ease-out}.result-total.fumble-glow{animation:fumbleGlow 2s ease-out}@keyframes critGlow{0%,to{text-shadow:0 0 20px var(--glow-color)}25%,75%{text-shadow:0 0 40px var(--accent-success),0 0 80px var(--accent-success),0 0 120px var(--accent-success)}}@keyframes fumbleGlow{0%,to{text-shadow:0 0 20px var(--glow-color)}25%,75%{text-shadow:0 0 40px var(--accent-danger),0 0 80px var(--accent-danger),0 0 120px var(--accent-danger)}}.dice-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);z-index:100;transition:opacity .5s ease}.dice-loading.hidden{opacity:0;pointer-events:none}.loading-text{font-family:var(--header-font);font-size:1.2rem;color:var(--accent-primary);margin-top:1.5rem;animation:pulse 2s ease-in-out infinite}.loading-spinner{width:50px;height:50px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.game-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:1000;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem}.game-overlay.active{display:flex}.modal-content{background:var(--bg-primary);border:1px var(--border-style) var(--border-color);border-radius:var(--border-radius);padding:2rem;max-width:450px;width:100%;box-shadow:0 10px 40px #00000080}.game-title{font-family:var(--header-font);font-size:2rem;font-weight:700;color:var(--accent-primary);margin-bottom:.3rem}.game-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:1.5rem}.game-area{background:var(--bg-secondary);border:1px var(--border-style) var(--border-color);border-radius:var(--border-radius);padding:1.5rem;width:100%;max-width:450px}.close-game{position:absolute;top:1.5rem;right:1.5rem;background:transparent;border:1px var(--border-style) var(--border-color);color:var(--text-secondary);width:36px;height:36px;font-size:1.2rem;cursor:pointer;border-radius:50%}.close-game:hover{border-color:var(--accent-danger);color:var(--accent-danger)}.yahtzee-dice{display:flex;justify-content:center;gap:.75rem;margin:1.5rem 0}.yahtzee-die{width:50px;height:50px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-family:var(--header-font);font-size:1.5rem;font-weight:700;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.yahtzee-die.held{border-color:var(--accent-primary);background:var(--accent-primary-alpha)}.yahtzee-controls{display:flex;justify-content:center;gap:.75rem;margin-top:1rem}.yahtzee-info{text-align:center;margin-bottom:.75rem;font-family:var(--mono-font);color:var(--text-secondary);font-size:.85rem}.yahtzee-score{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px var(--border-style) var(--border-color)}.yahtzee-score-label{font-size:.8rem;color:var(--text-dim)}.yahtzee-score-value{font-family:var(--header-font);font-size:1.5rem;font-weight:700;color:var(--accent-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.scale-panel{position:fixed;top:60px;right:10px;width:180px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;z-index:9999;box-shadow:0 8px 32px #0006;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.scale-panel.open{opacity:1;transform:translateY(0);pointer-events:auto}.scale-panel-title{font-family:var(--header-font);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:.5rem;text-align:center}.scale-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.scale-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem;font-family:var(--mono-font);font-size:.8rem;cursor:pointer;border-radius:var(--border-radius);transition:all .2s ease}.scale-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.scale-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary);font-weight:600}.scale-panel-divider{height:1px;background:var(--border-color);margin:.75rem 0}.dev-buttons{display:flex;flex-direction:column;gap:.4rem}.dev-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:.4rem .5rem;font-family:var(--mono-font);font-size:.7rem;cursor:pointer;border-radius:var(--border-radius);transition:all .2s ease}.dev-btn.dev-crit:hover{border-color:var(--accent-success);color:var(--accent-success)}.dev-btn.dev-fumble:hover{border-color:var(--accent-danger);color:var(--accent-danger)}.multiplayer-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-dim) 100%);border:none;color:var(--bg-primary);padding:.4rem .8rem;border-radius:var(--border-radius);font-family:var(--header-font);font-size:calc(.8rem * var(--font-scale));font-weight:600;cursor:pointer;transition:all .2s ease}.multiplayer-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px var(--glow-color)}.multiplayer-btn.in-room{background:linear-gradient(135deg,var(--accent-success) 0%,#2d8a52 100%)}.mp-icon{font-size:1rem}@media(max-width:600px){.mp-text{display:none}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:20000}.modal-overlay.active{display:flex}.modal-title{font-family:var(--header-font);font-size:1.5rem;color:var(--accent-primary);margin:0 0 .5rem;text-align:center}.modal-subtitle{font-size:.9rem;color:var(--text-secondary);text-align:center;margin:0 0 1.5rem}.modal-input{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-family:var(--body-font);font-size:1rem;margin-bottom:1rem;box-sizing:border-box}.modal-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--glow-color)}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end}.modal-btn{padding:.6rem 1.2rem;border-radius:var(--border-radius);font-family:var(--header-font);font-size:.9rem;cursor:pointer;transition:all .2s ease}.modal-btn.primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-dim) 100%);border:1px solid var(--accent-primary);color:var(--bg-primary)}.modal-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--glow-color)}.modal-btn.secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.modal-btn.secondary:hover{border-color:var(--text-secondary);color:var(--text-primary)}.advantage-toggle{display:flex;flex-direction:column;gap:.3rem}.adv-btn{display:flex;align-items:center;gap:.3rem;padding:.4rem .6rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);font-family:var(--header-font);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease}.adv-btn:hover{border-color:var(--accent-success);color:var(--accent-success)}.adv-btn.dis:hover{border-color:var(--accent-danger);color:var(--accent-danger)}.adv-btn.active{background:var(--accent-success);border-color:var(--accent-success);color:var(--bg-primary)}.adv-btn.dis.active{background:var(--accent-danger);border-color:var(--accent-danger);color:var(--bg-primary)}.adv-icon{font-size:.65rem}.adv-label{font-size:.65rem;letter-spacing:.05em}[data-theme=arcade] .adv-btn{font-size:.5rem}[data-theme=arcade] .adv-icon,[data-theme=arcade] .adv-label{font-size:.45rem}.volume-slider-container{display:flex;align-items:center;gap:.6rem;padding:.5rem 0}.volume-icon{font-size:1rem}.volume-slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:var(--bg-tertiary);border-radius:3px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--accent-primary);border-radius:50%;cursor:pointer;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px var(--glow-color)}.volume-slider::-moz-range-thumb{width:16px;height:16px;background:var(--accent-primary);border-radius:50%;cursor:pointer;border:none}.volume-value{font-family:var(--mono-font);font-size:.8rem;color:var(--text-secondary);min-width:35px;text-align:right}.tooltip-subtitle{font-family:var(--header-font);font-size:.8rem;font-weight:600;color:var(--accent-secondary);margin-top:.75rem;margin-bottom:.4rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.macro-item{cursor:grab}.macro-item:active{cursor:grabbing}.macro-item.dragging{opacity:.5;background:var(--accent-primary-alpha);border-color:var(--accent-primary)}.macro-item.drag-over{border-color:var(--accent-primary);border-style:dashed}.macro-drag-handle{color:var(--text-dim);cursor:grab;padding:.2rem;font-size:.9rem;opacity:.5;transition:opacity .2s ease}.macro-item:hover .macro-drag-handle{opacity:1}.macro-drag-handle:active{cursor:grabbing}.mp-overlay .game-area{max-width:400px;margin:0 auto}.mp-menu{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:0;padding:.25rem 0}.mp-section{padding:.5rem;text-align:center;display:flex;flex-direction:column;gap:.4rem}.mp-section-title{font-family:var(--header-font);font-size:.9rem;color:var(--accent-primary);margin:0 0 .2rem;text-transform:uppercase;letter-spacing:.1em;text-align:center}.mp-options-grid{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;margin-top:.1rem}.mp-checkbox-label[data-tooltip]{position:relative}.mp-checkbox-label[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-primary);border:1px solid var(--accent-primary-dim);color:var(--text-primary);font-size:.72rem;line-height:1.4;padding:.35rem .6rem;border-radius:var(--border-radius);white-space:normal;width:180px;text-align:center;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:9999;box-shadow:0 4px 12px #0006}.mp-checkbox-label[data-tooltip]:hover:after{opacity:1}.mp-option{margin-top:.3rem;display:flex;justify-content:center}.mp-checkbox-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-secondary);cursor:pointer;padding:.3rem .6rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all .2s ease;white-space:nowrap}.mp-checkbox-label:hover{border-color:var(--accent-primary-dim);color:var(--text-primary)}.mp-checkbox-label input[type=checkbox]{width:.9rem;height:.9rem;accent-color:var(--accent-primary);cursor:pointer;appearance:none;-webkit-appearance:none;background:#555;border-radius:3px;position:relative;flex-shrink:0}.mp-checkbox-label input[type=checkbox]:checked{background:var(--accent-primary)}.mp-checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--bg-primary);font-size:.7rem;font-weight:700}.mp-btn{width:100%;font-size:.9rem;font-weight:700;padding:.5rem .75rem}.mp-title,.mp-subtitle{text-align:center}.mp-columns{display:contents}.mp-divider{display:flex;flex-direction:column;align-items:center;color:var(--text-dim);font-size:.75rem;padding:.5rem .75rem;align-self:stretch}.mp-divider:before,.mp-divider:after{content:"";flex:1;width:1px;background:var(--border-color)}.mp-divider span{padding:.5rem 0}.mp-divider-vertical{display:flex;flex-direction:column;align-items:center;color:var(--text-dim);font-size:.75rem;padding:.5rem .75rem;align-self:stretch}.mp-divider-vertical:before,.mp-divider-vertical:after{content:"";flex:1;width:1px;background:var(--border-color)}.mp-divider-vertical span{padding:.5rem 0}.mp-code-input{text-align:center;font-family:var(--mono-font);font-size:1.2rem;letter-spacing:.25rem;padding:.4rem}.mp-password-input{font-size:.82rem;padding:.35rem .6rem}.mp-room{padding:1rem 0}.mp-room-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-tertiary);border-radius:var(--border-radius);margin-bottom:1.5rem}.mp-room-code{display:flex;align-items:center;gap:.5rem}.mp-room-label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05rem}.mp-room-code-value{font-family:var(--mono-font);font-size:1.5rem;color:var(--accent-primary);font-weight:600;letter-spacing:.2rem}.mp-copy-btn,.mp-share-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);padding:.4rem .6rem;border-radius:var(--border-radius);cursor:pointer;font-size:.8rem;transition:all .2s ease}.mp-copy-btn:hover,.mp-share-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.mp-players-section{margin-bottom:1.5rem}.mp-players-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.mp-player{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;background:var(--bg-tertiary);border-radius:var(--border-radius);border:1px solid transparent}.mp-player.is-host{border-color:var(--accent-primary)}.mp-player.is-you{background:var(--accent-primary-alpha)}.mp-player-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.mp-player-name{flex:1;font-size:.95rem;color:var(--text-primary)}.mp-player-badge{font-size:.7rem;padding:.15rem .4rem;border-radius:3px;text-transform:uppercase;letter-spacing:.03rem}.mp-player-badge.host{background:var(--accent-primary);color:var(--bg-primary)}.mp-player-badge.you{background:var(--accent-secondary);color:var(--text-primary)}.mp-player-dice-label{font-size:.7rem;color:var(--text-secondary);text-transform:capitalize;margin-left:auto;padding-right:.5rem}.mp-player-badge.spectator{background:var(--text-dim);color:var(--bg-primary)}.mp-player-rolls{font-size:.68rem;color:var(--text-dim);font-family:var(--mono-font);margin-left:auto;padding-right:.3rem}.room-history-entry.secret-dm{border-color:var(--accent-secondary)}.rh-secret-row{grid-column:1 / -1;display:flex;align-items:center;gap:.5rem;margin-top:.2rem}.rh-secret-label{font-size:.72rem;color:var(--accent-secondary);font-style:italic}.rh-reveal-btn{font-size:.7rem;font-family:var(--header-font);font-weight:600;padding:.2rem .55rem;background:transparent;border:1px solid var(--accent-secondary);border-radius:var(--border-radius);color:var(--accent-secondary);cursor:pointer;transition:all .15s ease;letter-spacing:.03em}.rh-reveal-btn:hover{background:var(--accent-secondary);color:var(--bg-primary)}.reveal-picker{position:absolute;z-index:20000;background:var(--bg-secondary);border:1px solid var(--accent-secondary);border-radius:var(--border-radius);box-shadow:0 4px 20px #00000080;display:flex;flex-direction:column;min-width:140px;overflow:hidden}.reveal-picker-option{background:none;border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-family:var(--body-font);font-size:.85rem;padding:.55rem .9rem;text-align:left;cursor:pointer;transition:background .15s ease;white-space:nowrap}.reveal-picker-option:last-child{border-bottom:none;color:var(--accent-secondary);font-weight:600}.reveal-picker-option:hover{background:var(--bg-tertiary)}.room-history-entry.revealed{border-color:var(--accent-success)}.room-history-entry.revealed .rh-total{color:var(--accent-success)}.rh-was-secret{grid-column:1 / -1;font-size:.75rem;font-family:var(--header-font);font-weight:600;letter-spacing:.03em;color:var(--accent-secondary);margin-top:.2rem}.mp-player.is-spectator{opacity:.7}.mp-room-options{margin-bottom:1rem;display:flex;justify-content:center}.mp-secret-toggle{border-color:var(--accent-secondary)!important}.mp-secret-toggle:hover{border-color:var(--accent-primary)!important}.secret-roll-indicator{position:fixed;top:100px;left:50%;transform:translate(-50%);background:var(--bg-secondary);border:2px solid var(--accent-secondary);border-radius:var(--border-radius);padding:.5rem 1rem;color:var(--accent-secondary);font-family:var(--header-font);font-size:.9rem;z-index:15000;display:flex;align-items:center;gap:.5rem}.secret-roll-indicator:before{content:"🔒"}.spectator-mode .dice-btn,.spectator-mode .quick-roll-btn,.spectator-mode .roll-btn,.spectator-mode .reroll-btn{opacity:.4;cursor:not-allowed;pointer-events:none}.spectator-badge{position:fixed;top:100px;left:50%;transform:translate(-50%);background:var(--bg-secondary);border:2px solid var(--text-dim);border-radius:var(--border-radius);padding:.4rem 1rem;color:var(--text-secondary);font-family:var(--header-font);font-size:.85rem;z-index:15000}.mp-roll-status{background:var(--bg-tertiary);border:1px solid var(--accent-secondary);border-radius:var(--border-radius);padding:1rem;margin-bottom:1.5rem;text-align:center}.mp-rolling-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem}.mp-roller-name{font-weight:600;color:var(--accent-primary)}.mp-rolling-text{color:var(--text-secondary)}.mp-rolling-text:after{content:"";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.mp-room-actions{display:flex;justify-content:center}.room-info-bar{position:fixed;top:50px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;background:var(--bg-secondary);border:1px solid var(--accent-success);border-radius:0 0 var(--border-radius) var(--border-radius);padding:.4rem 1rem;z-index:1000;box-shadow:0 4px 12px #0000004d}.room-info-label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase}.room-info-code{font-family:var(--mono-font);font-size:1rem;color:var(--accent-primary);font-weight:600;letter-spacing:.1rem}.room-info-players{font-size:.8rem;color:var(--text-secondary);padding-left:.75rem;border-left:1px solid var(--border-color)}.room-info-expand{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.2rem;font-size:1rem;transition:color .2s ease}.room-info-expand:hover{color:var(--accent-primary)}.mp-roll-notification{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid var(--accent-secondary);border-radius:var(--border-radius);padding:.75rem 1.5rem;z-index:15000;display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 20px #0006;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mp-roll-notification.hiding{animation:slideDown .3s ease forwards}@keyframes slideDown{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}.mp-notification-name{font-weight:600;color:var(--accent-primary)}.mp-notification-text{color:var(--text-secondary)}.mp-notification-notation{font-family:var(--mono-font);color:var(--accent-secondary)}.feedback-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);height:36px;padding:0 .75rem;font-family:var(--header-font);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1;cursor:pointer;border-radius:var(--border-radius);transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;white-space:nowrap}.feedback-btn:hover{border-color:var(--accent-primary-dim);color:var(--text-primary);background:var(--bg-secondary)}.feedback-type-select{width:100%;margin-bottom:.75rem;cursor:pointer}.feedback-textarea-wrap{position:relative;margin-bottom:1.25rem}.feedback-textarea{width:100%;resize:vertical;min-height:100px;font-family:var(--body-font);font-size:.9rem;line-height:1.5;margin-bottom:0}.feedback-char-count{position:absolute;bottom:.4rem;right:.6rem;font-size:.7rem;color:var(--text-dim);font-family:var(--mono-font);pointer-events:none;transition:color .2s}.sdist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.sdist-header .sidebar-title{margin-bottom:0}.sdist-group{margin-bottom:.8rem}.sdist-group:last-child{margin-bottom:0}.sdist-die-label{font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.2rem;font-family:var(--header-font)}.sdist-chart{display:flex;align-items:flex-end;gap:2px;height:44px}.sdist-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:2px;cursor:default}.sdist-bar{width:100%;background:var(--accent-primary-dim);border-radius:2px 2px 0 0;transition:height .3s ease;min-height:2px}.sdist-bar.crit{background:var(--accent-success)}.sdist-bar.fumble{background:var(--accent-danger)}.sdist-label{font-size:.5rem;color:var(--text-dim);text-align:center;line-height:1;min-height:.65rem;font-family:var(--mono-font)}.sdist-reset-btn{background:none;border:1px solid var(--border-color);color:var(--text-dim);font-size:.7rem;padding:.2rem .5rem;border-radius:var(--border-radius);cursor:pointer;margin-top:.5rem;width:100%;transition:all .2s}.sdist-reset-btn:hover{border-color:var(--accent-danger);color:var(--accent-danger)}.milestone-modal-content{max-height:80vh;overflow-y:auto;min-width:320px}.milestone-list{margin:.5rem 0 1rem;display:flex;flex-direction:column;gap:1rem}.milestone-section{display:flex;flex-direction:column;gap:.4rem}.milestone-empty{text-align:center;color:var(--text-dim);font-style:italic;font-size:.8rem;padding:.75rem 0}.milestone-entry{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.6rem .9rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:border-color .2s}.milestone-entry:hover{border-color:var(--accent-primary-dim)}.milestone-entry-icon{font-size:1.3rem;flex-shrink:0}.milestone-entry-body{display:flex;flex-direction:column;gap:.05rem;min-width:0;overflow:hidden}.milestone-entry-name{font-family:var(--header-font);font-size:1rem;color:var(--accent-primary);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 8px var(--glow-color)}.milestone-entry-lore{font-size:.72rem;color:var(--text-dim);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.milestone-entry-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.05rem;flex-shrink:0}.milestone-entry-num{font-family:var(--mono-font);font-size:.85rem;font-weight:700;color:var(--text-secondary);white-space:nowrap}.milestone-entry-date{font-size:.68rem;color:var(--text-dim);white-space:nowrap}.secret-roll-main-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;padding:.4rem .75rem;display:flex;align-items:center;gap:.35rem;justify-content:center;transition:all .2s ease;flex-shrink:0;font-family:var(--header-font);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.secret-roll-main-btn .secret-roll-icon{font-size:.9rem;line-height:1;opacity:.7}.secret-roll-main-btn:hover{border-color:var(--accent-secondary);color:var(--accent-secondary)}.secret-roll-main-btn:hover .secret-roll-icon{opacity:1}.secret-roll-main-btn.active{background:var(--accent-secondary);border-color:var(--accent-secondary);color:#fff;box-shadow:0 0 12px #4a7fd480}.secret-roll-main-btn.active .secret-roll-icon{opacity:1}.roll-drawer-header,.mobile-secret-roll-btn{display:none}.dist-bar-wrap{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1}.dist-bar{width:100%;background:var(--accent-primary-dim);border-radius:2px 2px 0 0;min-height:2px;transition:height .3s ease}.dist-bar.crit{background:var(--accent-success)}.dist-bar.fumble{background:var(--accent-danger)}.dist-label{font-size:.6rem;color:var(--text-dim);font-family:var(--mono-font)}.dist-empty{color:var(--text-dim);font-size:.8rem;text-align:center;padding:1rem}.history-expand-btn{background:var(--bg-tertiary);border:1px solid var(--accent-primary-dim);color:var(--accent-primary);width:32px;height:26px;font-size:.85rem;cursor:pointer;border-radius:var(--border-radius);transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;grid-column:1 / -1}.history-expand-btn:hover{border-color:var(--accent-primary);background:var(--accent-primary);color:var(--bg-primary)}.history-expand-btn.expanded{transform:rotate(180deg)}.history-detail{display:flex;flex-wrap:wrap;gap:4px;padding:.4rem 0 .2rem;margin-top:.25rem;border-top:1px solid var(--border-color);grid-column:1 / -1}.history-detail--bestof2{flex-direction:column;flex-wrap:nowrap}.bestof2-group{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.bestof2-group.loser{opacity:.35;text-decoration:line-through;text-decoration-color:var(--accent-danger)}.bestof2-group.loser .hd-die{text-decoration:line-through}.bestof2-eq{font-family:var(--mono-font);font-size:.78rem;color:var(--text-secondary);margin-left:.15rem}.bestof2-check{font-size:.8rem;color:var(--accent-success);font-weight:700;margin-left:.15rem}.hd-die{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;padding:1px 5px;font-size:.75rem;font-family:var(--mono-font);color:var(--text-secondary)}.hd-die.max{border-color:var(--accent-success);color:var(--accent-success)}.hd-die.min{border-color:var(--accent-danger);color:var(--accent-danger)}.room-history-log{max-height:340px;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;padding:.25rem 0}.room-history-entry{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.5rem .75rem;display:flex;flex-direction:column;gap:2px;font-size:.82rem}.room-history-entry.secret{border-color:var(--accent-secondary);opacity:.7}.room-history-entry.crit{border-color:var(--accent-success)}.room-history-entry.fumble{border-color:var(--accent-danger)}.rh-roller{font-weight:600;color:var(--accent-primary);font-size:.8rem}.rh-notation{font-family:var(--mono-font);color:var(--text-secondary);font-size:.78rem}.rh-total{font-size:1rem;font-weight:700;color:var(--text-primary)}.rh-time{font-size:.7rem;color:var(--text-dim)}.rh-label{font-size:.75rem;color:var(--accent-secondary);font-style:italic;overflow-wrap:break-word;word-break:break-all}.room-history-empty{color:var(--text-dim);font-size:.82rem;text-align:center;padding:1.5rem}.mp-tabs{display:flex;gap:.25rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.mp-tab{background:none;border:1px solid var(--border-color);border-radius:var(--border-radius) var(--border-radius) 0 0;color:var(--text-secondary);cursor:pointer;font-family:var(--header-font);font-size:.8rem;padding:.4rem 1rem;transition:all .2s ease}.mp-tab:hover{color:var(--text-primary);border-color:var(--accent-primary-dim)}.mp-tab.active{background:var(--accent-primary-alpha);border-color:var(--accent-primary);color:var(--accent-primary)}.profiles-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.profile-select{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-family:var(--body-font);font-size:.85rem;padding:.4rem .5rem;margin-bottom:.5rem;cursor:pointer}.profile-select:focus{outline:none;border-color:var(--accent-primary)}.profile-edit-btn{background:none;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.2rem .5rem;transition:all .2s ease}.profile-edit-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.profile-stats{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem}.profile-stat-row{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary)}.profile-stat-row span:last-child{color:var(--text-primary);font-family:var(--mono-font)}.profile-stat-row.notes{flex-direction:column;align-items:flex-start;gap:2px;color:var(--text-dim);font-size:.75rem;font-style:italic}.profile-edit-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:.5rem;padding:.4rem 0;border-bottom:1px solid var(--border-color)}.prow-name{font-weight:600;color:var(--text-primary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prow-class{font-size:.78rem;color:var(--text-secondary)}.prow-mod{font-family:var(--mono-font);font-size:.8rem;color:var(--accent-primary)}.prow-edit-btn,.prow-del-btn{background:none;border:1px solid var(--border-color);border-radius:3px;color:var(--text-dim);cursor:pointer;font-size:.75rem;padding:2px 6px;transition:all .2s ease}.prow-edit-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.prow-del-btn:hover{color:var(--accent-danger);border-color:var(--accent-danger)}#profile-list-edit{max-height:200px;overflow-y:auto;margin-bottom:1rem}.history-label,.history-notation{overflow-wrap:break-word;word-break:break-all;max-width:100%}.dice-appearance-wrapper{position:relative}.dice-appearance-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);width:36px;height:36px;padding:0;font-size:1.2rem;line-height:1;cursor:pointer;border-radius:var(--border-radius);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.dice-appearance-btn:hover,.dice-appearance-btn.active{border-color:var(--accent-primary-dim);color:var(--text-primary);background:var(--bg-secondary)}.dice-appearance-popup{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.85rem 1rem;min-width:220px;z-index:9990;box-shadow:0 8px 24px #0006}.dice-appearance-popup.open{display:block}.dice-appearance-popup-title{font-family:var(--header-font);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:.7rem;padding-bottom:.45rem;border-bottom:1px solid var(--border-color)}.dice-appearance-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem;margin-bottom:.45rem}.appearance-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);font-family:var(--header-font);white-space:nowrap;min-width:3.2rem}.dice-appearance-select{width:100%;background:var(--input-bg, rgba(0,0,0,.3));border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.78rem;padding:.3rem 1.5rem .3rem .45rem;cursor:pointer;transition:border-color .2s;font-family:inherit;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.dice-appearance-select:hover,.dice-appearance-select:focus{border-color:var(--accent-primary);outline:none}.dice-appearance-select option:disabled{color:#666}.dice-custom-colors{display:none;background:#0003;border:1px solid var(--border-color);border-radius:5px;padding:.4rem .6rem;margin-bottom:.45rem}.color-picker-row{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:.4rem}.color-picker-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-family:var(--header-font);white-space:nowrap}.dice-color-input{width:100%;height:28px;border:1px solid var(--border-color);border-radius:4px;background:none;cursor:pointer;padding:2px;transition:border-color .2s}.dice-color-input:hover{border-color:var(--accent-primary)}.mobile-tab-bar,.drawer-header,.mobile-settings-drawer,.mobile-quick-bar,.mobile-mini-history{display:none}.no-drawer-transition .sidebar-left,.no-drawer-transition .sidebar-right,.no-drawer-transition .mobile-settings-drawer,.no-drawer-transition .mp-overlay,.no-drawer-transition .input-area{transition:none!important}@media(max-width:1100px){.app-container{display:flex!important;flex-direction:column!important;position:relative}.main-area{flex:1!important;min-height:0!important}.sidebar-left,.sidebar-right{display:block!important;position:fixed;inset:auto 0 0;height:75vh;z-index:5000;border:none!important;border-top:2px solid var(--border-color)!important;border-radius:1.2rem 1.2rem 0 0;background:var(--bg-secondary);overflow-y:auto;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);padding:1.25rem 1rem 6rem;box-shadow:0 -8px 40px #00000080}.sidebar-left.drawer-open,.sidebar-right.drawer-open{transform:translateY(0)}.sidebar-left:before,.sidebar-right:before{content:"";display:block;width:40px;height:4px;background:var(--border-color);border-radius:2px;margin:-.5rem auto 1rem}.drawer-backdrop{display:none;position:fixed;inset:0;background:#0009;z-index:4999;animation:fadeInBackdrop .25s ease}.drawer-backdrop.active{display:block}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.results-bar{display:none!important}.theme-picker-label{display:none}.input-area{flex-direction:column!important;gap:.6rem!important}.advantage-toggle{flex-direction:row!important;width:100%;gap:.5rem}.advantage-toggle .adv-btn{flex:1;padding:.5rem!important;min-height:40px;font-size:.8rem!important}.input-group{flex-direction:column!important;width:100%;gap:.4rem}.input-field{width:100%!important;flex:0 0 auto!important;overflow:visible}.input-hint{display:none!important}.input-help-tooltip{position:absolute!important;bottom:calc(100% + 10px)!important;left:0!important;right:auto!important;top:auto!important;width:min(280px,calc(100vw - 2rem))!important;transform:none!important;z-index:9999!important}.input-help-tooltip:not(.active){opacity:0!important;visibility:hidden!important;pointer-events:none!important}.input-field input{padding:.85rem 2rem .3rem .65rem!important;font-size:.9rem!important}.input-floating-label{font-size:.62rem!important;font-weight:700!important;top:.28rem!important;left:.65rem!important;letter-spacing:.08em!important}.input-help-btn{display:flex!important;right:.5rem!important;top:50%!important;transform:translateY(-50%)!important}.input-actions{width:100%;display:flex;gap:.5rem}.roll-drawer-header{display:flex;align-items:center;justify-content:center;width:100%;padding-bottom:.75rem;margin-bottom:.5rem;border-bottom:1px solid var(--border-color)}.roll-drawer-title{font-family:var(--header-font);font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.input-actions{flex-wrap:wrap}.roll-btn{width:100%!important;min-height:52px!important;font-size:1.15rem!important;flex:none!important}.reroll-btn,.clear-btn{flex:1!important;min-height:44px!important;padding:0 .75rem!important;font-size:.8rem!important}.mobile-secret-roll-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:38px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-muted);font-family:var(--header-font);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.mobile-secret-roll-btn .secret-roll-icon{font-size:1rem;opacity:.6;transition:opacity .2s}.mobile-secret-roll-btn:hover{border-color:var(--accent-secondary);color:var(--accent-secondary)}.mobile-secret-roll-btn.active{background:color-mix(in srgb,var(--accent-secondary) 15%,transparent);border-color:var(--accent-secondary);color:var(--accent-secondary);box-shadow:0 0 12px #4a7fd440}.mobile-secret-roll-btn.active .secret-roll-icon{opacity:1}.dice-grid{grid-template-columns:repeat(4,1fr)!important;gap:.4rem}.dice-btn{padding:.75rem .25rem!important;font-size:.95rem!important;min-height:52px}.quick-rolls{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.quick-roll-btn{padding:.65rem .5rem!important;min-height:44px;font-size:.8rem!important}.modifier-controls,.qty-controls{flex-wrap:wrap;gap:.4rem}.macros-list{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.results-bar{padding:.6rem .75rem!important;min-height:44px}.modal-overlay{align-items:flex-end!important}#milestone-modal{align-items:center!important;justify-content:center!important}#milestone-modal .modal-content{width:90%!important;max-width:400px!important;border-radius:var(--border-radius)!important;max-height:80vh;padding-bottom:1rem}#milestone-close{display:none!important}#feedback-modal{align-items:center!important;justify-content:center!important}#feedback-modal .modal-content{width:90%!important;max-width:420px!important;border-radius:var(--border-radius)!important;max-height:85vh}.modal-content{width:100%!important;max-width:100%!important;border-radius:1.2rem 1.2rem 0 0!important;max-height:85vh;overflow-y:auto;padding-bottom:2rem}#multiplayer-modal .modal-content{height:85vh;display:flex;flex-direction:column}header{padding:.65rem 1rem!important;justify-content:space-between!important}.header-controls{display:none!important}.global-roll-counter{display:flex!important;position:static!important;transform:none!important;flex-direction:row!important;align-items:center!important;gap:.35rem!important;padding:.2rem .5rem!important;background:transparent!important;border:1px solid var(--border-color)!important;border-radius:var(--border-radius)!important}.global-roll-counter .counter-value{font-size:.9rem!important}.global-roll-counter .counter-label{font-size:.58rem!important}.global-roll-counter.size-medium .counter-value,.global-roll-counter.size-large .counter-value,.global-roll-counter.size-huge .counter-value{font-size:.9rem!important}.logo{text-align:left;font-size:1.3rem}.input-area{pointer-events:none;position:fixed!important;bottom:64px;left:0;right:0;z-index:5001;background:var(--bg-secondary);border-top:2px solid var(--border-color);border-radius:1.2rem 1.2rem 0 0;box-shadow:0 -8px 40px #00000080;padding:.6rem 1rem .75rem!important;gap:.35rem!important;transform:translateY(calc(100% + 120px));transition:transform .35s cubic-bezier(.4,0,.2,1);overflow:visible}.input-area:before{content:"";display:block;width:40px;height:4px;background:var(--border-color);border-radius:2px;margin:-.25rem auto .75rem}.input-area.roll-drawer-open{transform:translateY(0);pointer-events:auto;bottom:64px!important;height:fit-content}@media(max-height:600px){.input-area.roll-drawer-open{max-height:80vh;overflow-y:auto;overflow-x:hidden}}.main-area{padding-bottom:0!important}#dice-box{flex:1!important;min-height:0!important;height:auto!important}.mobile-settings-drawer{display:block!important;position:fixed;inset:auto 0 0;height:75vh;z-index:5000;border:none!important;border-top:2px solid var(--border-color)!important;border-radius:1.2rem 1.2rem 0 0;background:var(--bg-secondary);overflow-y:auto;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);padding:1.25rem 1rem 6rem;box-shadow:0 -8px 40px #00000080}.mobile-settings-drawer.drawer-open{transform:translateY(0)}.mobile-settings-drawer:before{content:"";display:block;width:40px;height:4px;background:var(--border-color);border-radius:2px;margin:-.5rem auto 1rem}.mobile-settings-section{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-color)}.mobile-settings-section:last-child{border-bottom:none}.mobile-settings-label{font-family:var(--header-font);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.6rem}.mobile-settings-rename-btn{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.7rem 1rem .7rem 2.6rem;border-radius:var(--border-radius);font-family:var(--body-font);font-size:1rem;cursor:pointer;text-align:left;min-height:44px;position:relative}.mobile-settings-rename-btn:before{content:"✏️";position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1.1rem;line-height:1;pointer-events:none}.mobile-feedback-btn{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.7rem 1rem;border-radius:var(--border-radius);font-family:var(--body-font);font-size:1rem;cursor:pointer;text-align:left;min-height:44px;transition:border-color .2s,color .2s}.mobile-feedback-btn:active{border-color:var(--accent-primary-dim);color:var(--accent-primary)}.mobile-rename-inline-input{width:100%;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--body-font);font-size:1rem;padding:0}.mobile-settings-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.mobile-settings-sublabel{font-size:.75rem;color:var(--text-secondary);min-width:52px}.mobile-settings-select{flex:1;min-width:0;max-width:180px;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem .6rem;border-radius:var(--border-radius);font-family:var(--body-font);font-size:.9rem;min-height:40px}.mobile-dice-custom-colors{display:none;margin-bottom:.5rem}.mobile-dice-custom-colors.visible{display:block}.mobile-color-row{display:flex;align-items:center;gap:.5rem;padding:.4rem 0}.mobile-color-label{font-size:.75rem;color:var(--text-secondary);min-width:30px}.mobile-volume-row{display:flex;align-items:center;gap:.75rem}.mobile-volume-row .volume-slider{flex:1;height:20px;accent-color:var(--accent-primary);cursor:pointer}.mobile-quick-bar{display:flex;align-items:center;position:fixed;bottom:64px;left:0;right:0;height:52px;background:var(--bg-primary);border-top:1px solid var(--border-color);z-index:4998;padding:0 .5rem;gap:.4rem}.quick-bar-qty{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.quick-bar-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);width:40px;height:40px;border-radius:6px;font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.quick-bar-qty-val{font-family:var(--mono-font);font-size:.95rem;color:var(--text-primary);min-width:18px;text-align:center}.quick-bar-divider{width:1px;height:28px;background:var(--border-color);flex-shrink:0;margin:0 .1rem}.quick-bar-dice{display:flex;align-items:center;gap:.3rem;flex:1;justify-content:space-around}.quick-bar-die{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--accent-primary);font-family:var(--mono-font);font-size:.78rem;font-weight:600;text-transform:uppercase;padding:.3rem .25rem;border-radius:6px;cursor:pointer;min-width:40px;text-align:center;min-height:40px;transition:background .15s,border-color .15s}.quick-bar-die:active{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary)}.mobile-mini-history{display:flex;position:fixed;bottom:116px;left:0;right:0;height:38px;background:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:4997;overflow-x:auto;overflow-y:hidden;align-items:center;gap:.4rem;padding:0 .5rem;scrollbar-width:none}.mobile-mini-history:empty{display:none}.mobile-mini-history::-webkit-scrollbar{display:none}.mmh-entry{display:flex;align-items:center;gap:.3rem;flex-shrink:0;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:.15rem .45rem;font-size:.72rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .15s}.mmh-entry:active{border-color:var(--accent-primary)}.mmh-notation{color:var(--text-secondary);font-family:var(--mono-font);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mmh-total{font-family:var(--header-font);font-weight:700;font-size:.8rem;color:var(--accent-primary)}.mmh-total.crit{color:var(--accent-success)}.mmh-total.fumble{color:var(--accent-danger)}.input-area{bottom:154px!important}.main-area{padding-bottom:154px!important}.mobile-dice-size-row{display:flex;gap:.5rem}.mobile-size-btn{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:.55rem 0;border-radius:var(--border-radius);font-family:var(--mono-font);font-size:.9rem;font-weight:600;cursor:pointer;min-height:40px;transition:all .15s}.mobile-size-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.mp-overlay{background:transparent!important;inset:auto 0 0!important;height:82vh;max-height:82vh;display:block!important;visibility:hidden;z-index:5000;border-top:2px solid var(--border-color);border-radius:1.2rem 1.2rem 0 0;background:var(--bg-secondary)!important;overflow-y:auto;overflow-x:hidden;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1),visibility 0s linear .35s;padding:1.25rem 1rem 6rem;box-shadow:0 -8px 40px #00000080}.mp-overlay:before{content:"";display:block;width:40px;height:4px;background:var(--border-color);border-radius:2px;margin:-.5rem auto 1rem}.mp-overlay.active{transform:translateY(0);visibility:visible;transition:transform .35s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s}.mp-overlay .mp-modal{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;max-width:100%!important;width:100%!important}.mp-overlay .mp-title{font-size:.85rem;font-weight:700;letter-spacing:.1em;color:var(--text-secondary);text-align:center;text-transform:uppercase;padding-bottom:.75rem;margin-bottom:.5rem;border-bottom:1px solid var(--border-color)}.mp-overlay .mp-subtitle{font-size:.8rem;color:var(--text-secondary);text-align:center;margin-bottom:1rem}.mp-menu{grid-template-columns:1fr!important}.mp-divider-vertical{display:none!important}.mp-section{padding:.5rem 0!important;border-bottom:1px solid var(--border-color)}.mp-section:last-child{border-bottom:none}.mp-room-code-value{font-size:clamp(.75rem,4.5vw,1.1rem)!important;letter-spacing:.08rem!important;word-break:break-all}.mp-room-code{flex-wrap:wrap;gap:.25rem}.mobile-tab-bar{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:6000;box-shadow:0 -2px 20px #0006}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;color:var(--text-secondary);font-family:var(--header-font);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:center;padding:.4rem 0;transition:color .2s ease;position:relative;-webkit-tap-highlight-color:transparent}.mobile-tab:active{background:#ffffff0a}.mobile-tab.active{color:var(--accent-primary)}.mobile-tab.active:after{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:var(--accent-primary);border-radius:0 0 2px 2px;box-shadow:0 0 8px var(--accent-primary-dim)}.mobile-tab-icon{font-size:1.35rem;line-height:1}.mobile-tab-badge{position:absolute;top:6px;right:calc(50% - 20px);background:var(--accent-primary);color:var(--bg-primary);font-size:.5rem;font-weight:700;padding:1px 4px;border-radius:8px;min-width:14px;text-align:center;display:none}.mobile-tab-badge.visible{display:block}.drawer-header{display:flex!important;align-items:center;justify-content:space-between;position:relative;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.drawer-title{font-family:var(--header-font);font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);position:absolute;left:50%;transform:translate(-50%);white-space:nowrap}.drawer-close-btn{background:none;border:1px solid var(--border-color);color:var(--text-dim);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;line-height:1;-webkit-tap-highlight-color:transparent}.drawer-close-btn:active{opacity:.6}.input-help-btn{width:22px!important;height:22px!important;font-size:.75rem!important;padding:0!important;margin:0!important;box-sizing:border-box!important}.qty-btn{width:44px;height:44px}.history-toggle,.single-dist-toggle{min-width:44px;min-height:36px}.macro-add-btn{width:36px;height:36px}.profile-edit-btn{min-width:44px;min-height:36px}.stats-reset-btn,.sdist-reset-btn{min-height:44px;padding:.6rem}.mp-password-input,.mp-code-input{min-height:44px;padding:.6rem .75rem}.profile-select,.dice-input,.label-input,.mobile-secret-roll-btn{min-height:44px}.hotkeys-btn{width:36px;height:36px;font-size:.85rem}}