: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: #8c867b;--line-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, .07) 0%, rgba(212, 165, 74, .035) 28%, rgba(212, 165, 74, .01) 50%, transparent 68%), radial-gradient(ellipse at 80% 80%, rgba(74, 127, 212, .055) 0%, rgba(74, 127, 212, .028) 28%, rgba(74, 127, 212, .008) 50%, transparent 68%);--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)}:root:lang(ru):not([data-theme]),:root:lang(uk):not([data-theme]){--header-font: "Cinzel", "Cormorant SC", serif}*{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}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:180px 180px;opacity:.045;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}header.counter-static .global-roll-counter{position:static;transform:none;margin-left:1.25rem}.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}[data-theme=arcade] .counter-value{font-size:.9rem}.recaptcha-disclosure{position:fixed;bottom:6px;right:8px;font-size:.68rem;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;margin-left:auto;min-width:0}.theme-picker{display:flex;align-items:center;gap:.5rem}.theme-picker-label{font-size:.8rem;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:.88rem;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:.9rem;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:.92rem;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: max(.85, calc(var(--ui-scale, 1) * .9));--title-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:.8rem}.sidebar-right .history-label{font-size:clamp(.85rem,.95vw,.92rem)}}@media(max-width:1400px)and (min-width:1281px){.sidebar-left,.sidebar-right{--font-scale: max(.85, calc(var(--ui-scale, 1) * .8));--title-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(.88rem,1.02vw,.92rem)}.sidebar-right .history-notation{font-size:clamp(.85rem,.98vw,.92rem)}.sidebar-right .history-result{font-size:clamp(1.28rem,1.8vw,1.65rem)}.sidebar-right .history-time{font-size:.78rem}.sidebar-right .history-label{font-size:clamp(.82rem,.85vw,.86rem)}}@media(max-width:1280px)and (min-width:1101px){.sidebar-left,.sidebar-right{--font-scale: max(.85, calc(var(--ui-scale, 1) * .7));--title-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(.85rem,.9vw,.88rem)}.sidebar-right .history-notation{font-size:clamp(.82rem,.86vw,.85rem)}.sidebar-right .history-result{font-size:clamp(1.1rem,1.55vw,1.45rem)}.sidebar-right .history-time{font-size:.76rem}.sidebar-right .history-label{font-size:clamp(.8rem,.74vw,.82rem)}}@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(--accent-primary);margin-bottom:calc(.75rem * var(--spacing-scale));text-transform:uppercase;text-align:center}[data-theme=arcade] .sidebar-title{font-size:.5rem;letter-spacing:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.sidebar-left,.sidebar-right,.mobile-settings-drawer,.input-area,.mp-overlay{transition:none!important}.celebration-particle,.celebration-burst{display:none!important}.global-roll-counter.pulse{animation:none!important}.loading-spinner,.spinner{animation:none!important;border-top-color:var(--accent-primary)}}.sidebar-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding-bottom:calc(1rem * var(--spacing-scale));margin-bottom:calc(1.1rem * var(--spacing-scale));border-bottom:2px solid var(--accent-primary-dim)}.sidebar-actions>*{grid-column:1 / -1}.sidebar-actions>*{width:100%;min-width:0;height:calc(48px * var(--button-scale, 1));justify-content:center;font-size:calc(clamp(.9rem,1.15vw,1.12rem) * var(--font-scale, 1));font-weight:700;letter-spacing:.04em;padding-left:.3rem;padding-right:.3rem}.sidebar-actions .dice-appearance-wrapper{height:auto;padding:0}.sidebar-actions .dice-appearance-btn,.sidebar-actions .dice-appearance-btn.dp-trigger{width:100%;height:calc(48px * var(--button-scale, 1));justify-content:center;font-size:calc(clamp(.78rem,1vw,.92rem) * var(--font-scale, 1))}.sidebar-actions .dp-trigger-thumb{width:32px;height:32px}.sidebar-actions .dp-trigger-name,.sidebar-actions .dp-caret{display:none}.sidebar-actions .dice-appearance-btn.dp-trigger{padding:0 .6rem 0 .2rem;gap:.35rem;overflow:hidden}.sidebar-actions .dp-trigger-thumb{width:44px;height:44px}.sidebar-actions .dp-trigger-die{width:56px;height:56px;margin:-4px -4px -4px -6px;object-fit:contain;flex:none}.sidebar-actions .dp-trigger-die:not([hidden])+.dp-trigger-thumb{display:none}.sidebar-actions .dp-trigger-die[hidden]{display:none}.sidebar-actions .dp-trigger-label{font-size:calc(clamp(1.15rem,1.45vw,1.35rem) * var(--title-scale, var(--font-scale, 1)));letter-spacing:.06em;text-transform:uppercase;font-weight:700}.sidebar-actions .multiplayer-btn{padding:.3rem .6rem;gap:.55rem;font-weight:700;font-size:calc(clamp(1.15rem,1.45vw,1.35rem) * var(--font-scale, 1));letter-spacing:.06em}.sidebar-actions .multiplayer-btn .mp-icon{font-size:1em}.sidebar-actions .multiplayer-btn .mp-icon svg{width:1.15em;height:1.15em}.sidebar-actions .mp-room-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1100px){.sidebar-actions{display:none}}.sidebar-actions .multiplayer-btn.in-room{position:relative;flex-direction:column;gap:0;height:auto;min-height:calc(48px * var(--button-scale, 1));padding:.45rem .6rem .5rem}.sidebar-actions .multiplayer-btn.in-room .mp-icon{display:none}.sidebar-actions .multiplayer-btn.in-room .mp-live-dot{position:absolute;top:9px;right:9px}.sidebar-actions .multiplayer-btn.in-room .mp-room-info{display:grid!important;justify-items:center;gap:.05rem;margin:0;overflow:visible}.sidebar-actions .multiplayer-btn.in-room .mp-room-info-code{font-size:calc(1.25rem * var(--font-scale, 1));letter-spacing:.14em;line-height:1.1}.sidebar-actions .multiplayer-btn.in-room .mp-room-info-sep{display:none}.sidebar-actions .mp-room-info-meta{display:inline-flex;gap:.3rem;font-size:calc(.86rem * var(--font-scale, 1));font-weight:600;letter-spacing:.04em;opacity:.9;text-transform:uppercase}.sidebar-actions .mp-room-info-role:before{content:"·";margin-right:.3rem;opacity:.6}.sidebar-actions .mp-room-info-role[hidden]{display:none}@media(min-width:1101px){.sidebar-left .sidebar-section+.sidebar-section,.sidebar-right .sidebar-section+.sidebar-section{border-top:2px solid color-mix(in srgb,var(--border-color) 78%,#fff);padding-top:calc(1.1rem * var(--spacing-scale))}}@media(min-width:1101px){.sidebar-left,.sidebar-right{--sb-gap: calc(.45rem * var(--spacing-scale));--sb-title: calc(.6rem * var(--spacing-scale));--sb-section: calc(1.1rem * var(--spacing-scale))}.sidebar-section{margin-bottom:var(--sb-section)}.sidebar-left .sidebar-section+.sidebar-section,.sidebar-right .sidebar-section+.sidebar-section{padding-top:var(--sb-section)}.sidebar-title{font-size:calc(1rem * var(--title-scale, var(--font-scale)));text-wrap:balance}.sidebar-title,.history-header,.quick-rolls-header,.macros-header,.profiles-header,.sdist-header{margin-bottom:var(--sb-title)}.history-header .sidebar-title,.quick-rolls-header .sidebar-title,.macros-header .sidebar-title,.profiles-header .sidebar-title,.sdist-header .sidebar-title{margin-bottom:0}.sidebar-actions{padding-bottom:var(--sb-section);margin-bottom:var(--sb-section)}.dice-grid,.quick-rolls,.macros-list{gap:var(--sb-gap)}.sidebar-right .history-item{margin-bottom:var(--sb-gap)}.sidebar-left .qty-controls{margin-bottom: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}@media(min-width:1101px){.dice-grid{gap:calc(.45rem * var(--spacing-scale))}.dice-btn{display:grid;grid-template-columns:calc(24px * var(--button-scale)) 2.3em;justify-content:center;align-items:center;column-gap:calc(.45rem * var(--spacing-scale));text-align:center;min-height:calc(50px * var(--button-scale));padding:0 calc(.4rem * var(--button-scale));background:linear-gradient(180deg,var(--bg-tertiary),color-mix(in srgb,var(--bg-tertiary) 70%,var(--bg-secondary)));border:1px solid color-mix(in srgb,var(--border-color) 78%,#fff);font-size:calc(1.05rem * var(--font-scale));font-weight:700;letter-spacing:.06em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff0a}.dice-btn:hover{transform:translateY(-1px);border-color:var(--accent-primary);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-tertiary) 85%,var(--accent-primary)),var(--bg-tertiary));box-shadow:0 6px 16px #00000059,0 0 0 1px #d4a54a40,inset 0 1px #ffffff0f}.dice-btn:active{transform:translateY(0);box-shadow:inset 0 2px 6px #0006}.dice-btn .die-icon{order:-1;flex:none;width:calc(24px * var(--button-scale));height:calc(24px * var(--button-scale));margin:0;font-size:0;color:transparent;background:var(--accent-primary);-webkit-mask:var(--die-outline) center / contain no-repeat;mask:var(--die-outline) center / contain no-repeat;filter:drop-shadow(0 0 6px rgba(212,165,74,.35));transition:transform .2s ease}.dice-btn:hover .die-icon{transform:scale(1.12) rotate(-8deg)}.dice-btn[data-die=d100]{display:none}.dice-btn[data-die=d4]{--die-outline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 3 22 20H2Z'/%3E%3Cpath d='M12 3v17' opacity='.6'/%3E%3C/svg%3E")}.dice-btn[data-die=d6]{--die-outline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='2.5'/%3E%3C/svg%3E")}.dice-btn[data-die=d8]{--die-outline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 2 21 12 12 22 3 12Z'/%3E%3Cpath d='M3 12h18' opacity='.6'/%3E%3C/svg%3E")}.dice-btn[data-die=d10]{--die-outline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 2 21 10 12 22 3 10Z'/%3E%3Cpath d='M3 10l5 2.5L12 22M21 10l-5 2.5L12 22M8 12.5h8' opacity='.6'/%3E%3C/svg%3E")}.dice-btn[data-die=d12]{--die-outline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 2 21.5 9 18 20.5H6L2.5 9Z'/%3E%3Cpath d='M12 6.5 16.5 10 15 15.5H9L7.5 10Z' opacity='.6'/%3E%3C/svg%3E")}.dice-btn[data-die=d20]{--die-outline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 2 21 7v10l-9 5-9-5V7Z'/%3E%3Cpath d='M12 6.5 17 15H7Z' opacity='.6'/%3E%3C/svg%3E")}.dice-btn[data-die=d100]{--die-outline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 4.5 17.5 10 12 19.5 6.5 10Z' opacity='.6'/%3E%3C/svg%3E")}}.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:400px;overflow-y:auto}.macro-empty-hint{font-size:1.05rem;font-weight:700;color:var(--text-secondary);font-style:normal}.macro-empty-hint code{font-family:var(--mono-font);font-size:.95rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:3px;padding:.05rem .3rem;color:var(--accent-primary)}.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:.84rem;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)}.macro-delete-btn.confirm-delete,.prow-del-btn.confirm-delete{background:var(--accent-danger);color:#fff;opacity:1;border-radius:3px;padding:.2rem .45rem;font-size:.8rem;font-weight:700}[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:.95rem;margin-bottom:1rem}.modal-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.modal-btn{flex:1 1 0;min-width:fit-content;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(--line-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-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(.75rem * var(--spacing-scale))}.quick-rolls-header .sidebar-title{margin-bottom:0}.quick-rolls-edit-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-dim);width:26px;height:26px;font-size:.88rem;cursor:pointer;border-radius:var(--border-radius);transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-rolls-edit-btn:hover,.quick-rolls-edit-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.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{gap:.5rem}.quick-roll-btn>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-roll-btn .notation{flex-shrink:0}.quick-roll-btn .notation{font-family:var(--mono-font);font-size:calc(.88rem * 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}.quick-roll-edit-row{display:grid;grid-template-columns:1fr 1fr auto auto;gap:.3rem;align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.35rem .5rem}.quick-roll-edit-row input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:3px;color:var(--text-primary);font-size:.86rem;padding:.2rem .4rem;outline:none;min-width:0;font-family:var(--body-font)}.quick-roll-edit-row input:last-of-type{font-family:var(--mono-font)}.quick-roll-edit-row input:focus{border-color:var(--accent-primary)}.quick-roll-del-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.92rem;padding:.1rem .2rem;line-height:1;transition:color .15s;flex-shrink:0}.quick-roll-del-btn:hover{color:var(--accent-danger)}.quick-roll-drag-handle{color:var(--text-dim);cursor:grab;font-size:.7rem;padding:.1rem;line-height:1;flex-shrink:0;-webkit-user-select:none;user-select:none}.quick-roll-add-btn{display:flex;align-items:center;justify-content:center;gap:.3rem;width:100%;margin-top:.3rem;padding:.35rem;background:var(--accent-primary-alpha);border:1px dashed var(--accent-primary-dim);border-radius:var(--border-radius);color:var(--accent-primary);font-family:var(--header-font);font-size:.84rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:all .15s}.quick-roll-add-btn:hover{background:var(--accent-primary);border-style:solid;color:var(--bg-primary)}.quick-roll-reset-btn{width:100%;margin-top:.3rem;padding:.3rem;background:none;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-dim);font-size:.8rem;cursor:pointer;transition:all .15s}.quick-roll-reset-btn:hover{border-color:var(--accent-danger);color:var(--accent-danger)}.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;height:84px}.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;overflow:hidden}.result-notation{font-family:var(--mono-font);font-size:.88rem;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:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;gap:.3rem}.result-breakdown>*{flex-shrink:0;white-space:nowrap}[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:.78rem;padding:.2rem .3rem;letter-spacing:.04em}.die-result.duality-die{display:inline-flex;flex-direction:column;align-items:center;line-height:1.05;padding:.15rem .5rem}.duality-die-cap{font-size:.52rem;text-transform:uppercase;letter-spacing:.09em;font-family:var(--header-font);opacity:.85}.duality-die-val{font-weight:700}.die-result.duality-outcome{font-family:var(--header-font);font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.die-result.duality-outcome.hope{border-color:var(--accent-primary);color:var(--accent-primary)}.die-result.duality-outcome.fear{border-color:var(--line-dim);color:var(--text-secondary)}.die-result.duality-outcome.crit{border-color:var(--accent-success);color:var(--accent-success)}.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.6rem .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 input.input-invalid,.input-field input.input-invalid:focus{border-color:var(--accent-danger);box-shadow:0 0 0 2px #dc46462e}.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:.8rem;font-family:var(--header-font);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;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:2.6rem;top:calc(50% + .35rem);transform:translateY(-50%);font-size:.92rem;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:.4rem;top:50%;transform:translateY(-50%);width:26px;height:26px;background:var(--accent-primary);border:none;border-radius:50%;color:var(--bg-primary);font-size:.92rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1;flex-shrink:0;box-shadow:0 0 8px var(--glow-color)}.input-help-btn:hover{transform:translateY(-50%) scale(1.15);box-shadow:0 0 14px var(--glow-color)}.input-field.label-field .input-help-btn{background:var(--accent-secondary);box-shadow:none}.input-field.label-field .input-help-btn:hover{box-shadow:0 0 10px #4a7fd480}.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:1rem;color:var(--text-secondary);margin-bottom:.75rem;line-height:1.4}.tooltip-examples{display:flex;flex-direction:column;gap:.4rem}.tooltip-example{font-size:.95rem;color:var(--text-secondary);display:flex;align-items:baseline;gap:.5rem}.tooltip-example code{font-family:var(--mono-font);font-size:.9rem;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:.55rem;width:16px;height:16px;right:.3rem}[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:.88rem;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:.84rem}[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:.88rem;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;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem .5rem;margin-bottom:calc(.75rem * var(--spacing-scale))}.history-header .sidebar-title{flex-basis:100%;margin-bottom:0}.history-header .history-export-btn{border-color:var(--border-color);color:var(--text-secondary);background:transparent}.history-header .history-export-btn:hover{border-color:var(--accent-primary-dim);color:var(--accent-primary);background:var(--bg-tertiary)}.history-header .history-clear-btn:hover{border-color:var(--accent-danger);color:var(--accent-danger)}.history-toggle{background:var(--bg-tertiary);border:1px solid var(--accent-primary-dim);color:var(--accent-primary);width:32px;height:26px;font-size:.92rem;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;position:relative}.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:.82rem;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{height:34px;padding:0 .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);font-size:.84rem;font-family:var(--header-font);font-weight:600;letter-spacing:.04em;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:all .2s ease;white-space:nowrap;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:.8rem;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:.8rem;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)}.history-duality-badge{grid-column:1 / -1;display:inline-block;font-size:.8rem;font-family:var(--header-font);font-weight:700;letter-spacing:.05em;padding:.1rem .4rem;border-radius:3px;margin-bottom:.15rem;width:fit-content}.history-duality-badge.hope{background:color-mix(in srgb,var(--accent-primary) 15%,transparent);color:var(--accent-primary);border:1px solid var(--accent-primary)}.history-duality-badge.fear{background:color-mix(in srgb,var(--line-dim) 18%,transparent);color:var(--text-secondary);border:1px solid var(--line-dim)}.history-duality-badge.crit{background:color-mix(in srgb,var(--accent-success) 15%,transparent);color:var(--accent-success);border:1px solid var(--accent-success)}.hd-die.hd-hope{border-color:var(--accent-primary)}.hd-die.hd-fear{border-color:var(--line-dim)}.is-secret-entry{border-color:var(--line-dim);opacity:.75}.history-secret-badge{grid-column:1 / -1;font-size:.84rem;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:1.15rem;color:var(--text-primary)}.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-secondary);font-family:var(--body-font);font-size:1rem;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-modal-content{max-width:420px;width:90vw}.hotkeys-sections{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:1rem 0 .75rem}.hotkeys-section-label{font-family:var(--header-font);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);margin-bottom:.5rem;padding-bottom:.3rem;border-bottom:1px solid var(--border-color)}.hotkeys-list{display:flex;flex-direction:column;gap:.3rem}.hotkey-row{display:flex;align-items:center;gap:.6rem;font-size:.92rem;color:var(--text-secondary)}.hotkey-row kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:.15rem .4rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-bottom-width:2px;border-radius:4px;font-family:var(--mono-font);font-size:.84rem;font-weight:600;color:var(--accent-primary);letter-spacing:.02em;flex-shrink:0}.hotkeys-note{font-size:.9rem;color:var(--text-dim);text-align:center;margin:0 0 .25rem}.hotkeys-btn{height:34px;padding:0 .75rem;background:var(--bg-tertiary);border:1px solid var(--accent-primary-dim);border-bottom-width:2px;border-radius:5px;color:var(--accent-primary);font-size:.84rem;font-family:var(--header-font);font-weight:600;letter-spacing:.04em;cursor:pointer;display:flex;align-items:center;gap:.3rem;transition:all .2s ease;line-height:1;flex-shrink:0;white-space:nowrap}.hotkeys-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.history-reroll-btn{position:absolute;bottom:.5rem;right:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-dim);font-size:.9rem;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease,border-color .15s ease;padding:0;z-index:1}.history-item:hover .history-reroll-btn{opacity:1}.history-reroll-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--accent-primary-alpha)}.label-pin-btn{position:absolute;right:2.2rem;top:50%;transform:translateY(-50%);width:22px;height:22px;background:none;border:none;color:var(--text-dim);font-size:.84rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:.45;transition:opacity .15s ease,color .15s ease;line-height:1}.label-pin-btn:hover{opacity:1;color:var(--accent-secondary)}.label-pin-btn.active{opacity:1;color:var(--accent-secondary);filter:drop-shadow(0 0 4px rgba(74,127,212,.6))}.input-field.label-field .input-hint{right:4.2rem}.input-field.label-field .input-help-btn{right:.4rem}.macro-empty{padding:.75rem .5rem;text-align:center;color:var(--text-dim);font-size:.95rem;font-style:italic;line-height:1.6}.macro-empty-cta{display:block;width:100%;margin-top:.6rem;padding:.5rem .75rem;background:var(--accent-primary-alpha);border:1px dashed var(--accent-primary-dim);border-radius:var(--border-radius);color:var(--accent-primary);font-family:var(--header-font);font-size:.86rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:all .2s ease;text-align:center}.macro-empty-cta:hover{background:var(--accent-primary);border-color:var(--accent-primary);border-style:solid;color:var(--bg-primary)}@media(min-width:1101px){.sidebar-left .qty-controls{gap:0;padding:0;overflow:hidden;background:linear-gradient(180deg,var(--bg-tertiary),color-mix(in srgb,var(--bg-tertiary) 70%,var(--bg-secondary)));border:1px solid color-mix(in srgb,var(--border-color) 78%,#fff);box-shadow:inset 0 1px #ffffff0a}.sidebar-left .qty-controls .qty-btn{flex:0 0 auto;width:calc(48px * var(--button-scale));height:calc(48px * var(--button-scale));border:0;border-radius:0;background:transparent;color:var(--text-secondary);font-family:var(--header-font);font-size:calc(1.35rem * var(--font-scale));font-weight:700;line-height:1}.sidebar-left .qty-controls .qty-btn:first-child{border-right:1px solid color-mix(in srgb,var(--border-color) 78%,#fff)}.sidebar-left .qty-controls .qty-btn:last-child{border-left:1px solid color-mix(in srgb,var(--border-color) 78%,#fff)}.sidebar-left .qty-controls .qty-btn:hover{transform:none;color:var(--bg-primary);background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-dim))}.sidebar-left .qty-controls .qty-btn:active{filter:brightness(.92)}.sidebar-left .qty-controls .qty-display{flex:1;min-width:0;font-size:calc(1.45rem * var(--font-scale));font-weight:700;letter-spacing:.04em;text-shadow:0 0 14px var(--glow-color)}.quick-rolls{gap:calc(.4rem * var(--spacing-scale))}.quick-roll-btn{min-height:calc(44px * var(--button-scale));padding:0 calc(.4rem * var(--button-scale)) 0 calc(.8rem * var(--button-scale));align-items:center;background:linear-gradient(180deg,var(--bg-tertiary),color-mix(in srgb,var(--bg-tertiary) 70%,var(--bg-secondary)));border:1px solid color-mix(in srgb,var(--border-color) 78%,#fff);color:var(--text-primary);font-family:var(--body-font);font-size:calc(.98rem * var(--font-scale));font-weight:600;letter-spacing:.01em;box-shadow:inset 0 1px #ffffff0a}.quick-roll-btn:hover{transform:translateY(-1px);border-color:var(--accent-primary);box-shadow:0 6px 16px #00000059,0 0 0 1px #d4a54a40,inset 0 1px #ffffff0f}.quick-roll-btn:active{transform:translateY(0)}.quick-roll-btn .notation{padding:.22em .45em;border-radius:999px;background:#d4a54a1f;border:1px solid rgba(212,165,74,.35);color:var(--accent-primary);font-size:calc(.84rem * var(--font-scale));font-weight:600;letter-spacing:.02em}.quick-roll-btn:hover .notation{background:#d4a54a33;border-color:var(--accent-primary)}.quick-rolls-edit-btn{width:30px;height:30px;font-size:.9rem;border-color:color-mix(in srgb,var(--border-color) 78%,#fff)}}@media(min-width:1101px){.sidebar-right .roll-history:after{content:"";position:sticky;bottom:0;display:block;height:36px;margin-top:-36px;background:linear-gradient(to bottom,transparent,var(--bg-secondary));pointer-events:none}.sidebar-right .history-item{padding:.75rem 1rem;background:linear-gradient(180deg,var(--bg-tertiary),color-mix(in srgb,var(--bg-tertiary) 70%,var(--bg-secondary)));border:1px solid color-mix(in srgb,var(--border-color) 78%,#fff);box-shadow:inset 0 1px #ffffff0a;transition:border-color .2s ease}.sidebar-right .history-item:hover{border-color:var(--accent-primary-dim)}.sidebar-right .history-result:not(.crit-result):not(.fumble-result){text-shadow:0 0 14px var(--glow-color)}.sidebar-right .history-detail{border-top-color:color-mix(in srgb,var(--border-color) 78%,#fff);gap:5px;padding-top:.45rem}.sidebar-right .hd-die{padding:2px 8px;border-radius:999px;background:#ffffff0a;font-size:.88rem;font-weight:600}.sidebar-right .hd-die:not(.max):not(.min):not(.mod):not(.hd-hope):not(.hd-fear){border-color:color-mix(in srgb,var(--border-color) 70%,#fff);color:var(--text-primary)}.sidebar-right .stats-panel,.sidebar-right .sdist-group{background:linear-gradient(180deg,var(--bg-tertiary),color-mix(in srgb,var(--bg-tertiary) 70%,var(--bg-secondary)));border:1px solid color-mix(in srgb,var(--border-color) 78%,#fff);border-radius:var(--border-radius);box-shadow:inset 0 1px #ffffff0a}.sidebar-right .sdist-group{padding:.55rem .7rem}.sidebar-right .stat-row{border-bottom-color:color-mix(in srgb,var(--border-color) 78%,#fff)}.sidebar-right .stat-value:not(.stat-crit):not(.stat-fumble){text-shadow:0 0 12px var(--glow-color)}}@media(min-width:1101px){.input-area{padding:calc(.85rem + 5px) 1.5rem;background:linear-gradient(180deg,var(--bg-secondary),color-mix(in srgb,var(--bg-secondary) 80%,var(--bg-primary)));border-top:1px solid color-mix(in srgb,var(--border-color) 78%,#fff)}.input-group{flex:0 1 auto;min-width:0;gap:.6rem}.input-field,.input-field.label-field{flex:0 1 228px;min-width:120px;height:auto}.input-field input{height:64px;padding:1.15rem 2.6rem .35rem .85rem;background:linear-gradient(180deg,var(--bg-tertiary),color-mix(in srgb,var(--bg-tertiary) 70%,var(--bg-secondary)));border:1px solid color-mix(in srgb,var(--border-color) 78%,#fff);box-shadow:inset 0 1px #ffffff0a;font-size:1.05rem}.input-field .dice-input{font-weight:600;letter-spacing:.02em}.input-field input:focus,.input-field.label-field input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-alpha),inset 0 1px #ffffff0a}.input-floating-label{left:.85rem;top:.55rem;max-width:calc(100% - 3.6rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.86rem;font-weight:700;letter-spacing:.12em;color:var(--accent-primary);text-shadow:0 0 10px var(--glow-color)}.input-field.label-field .input-floating-label{max-width:calc(100% - 5.2rem)}.input-field input{padding-top:1.55rem;padding-bottom:.4rem;padding-right:3rem}.input-field.label-field input{padding-right:4.6rem}.input-hint{right:3rem}.input-field.label-field .input-hint{right:4.6rem}.input-field input:focus+.input-floating-label,.input-field.label-field input:focus+.input-floating-label{color:var(--accent-primary)}.input-hint{font-size:.9rem}.input-help-btn,.input-field.label-field .input-help-btn{width:30px;height:30px;font-size:.95rem;right:.5rem;background:var(--accent-primary-dim);color:var(--bg-primary);box-shadow:none}.label-pin-btn{width:30px;height:30px;font-size:1.05rem;right:2.6rem}.input-help-btn:hover,.input-field.label-field .input-help-btn:hover{background:var(--accent-primary);box-shadow:0 0 10px var(--glow-color)}.label-pin-btn:hover,.label-pin-btn.active{color:var(--accent-primary);filter:drop-shadow(0 0 4px var(--glow-color))}.input-field.label-field .tooltip-title,.input-field.label-field .tooltip-example code{color:var(--accent-primary)}.input-field.label-field .input-help-tooltip{left:auto;right:0}.advantage-toggle{gap:.4rem}.input-area .adv-btn{min-height:30px;padding:.3rem .7rem;background:linear-gradient(180deg,var(--bg-tertiary),color-mix(in srgb,var(--bg-tertiary) 70%,var(--bg-secondary)));border:1px solid var(--accent-success);color:var(--accent-success);font-weight:700}.input-area .adv-btn.dis{border-color:var(--accent-danger);color:var(--accent-danger)}.input-area .adv-btn:hover{background:#45c47524;color:var(--accent-success)}.input-area .adv-btn.dis:hover{background:#c4454524;color:var(--accent-danger)}.input-area .adv-btn.active{background:var(--accent-success);color:var(--bg-primary)}.input-area .adv-btn.dis.active{background:var(--accent-danger);color:var(--bg-primary)}.adv-icon{font-size:.8rem}.adv-label{font-size:.92rem;letter-spacing:.12em;font-weight:700}.input-actions{gap:.6rem;min-width:0}.input-actions>button{min-width:0;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-actions .roll-btn{flex:1 1 auto}@media(max-width:1400px){.builder-open-btn,.reroll-btn,.clear-btn{padding:0 .9rem;font-size:.92rem;letter-spacing:.06em}.roll-btn{padding:0 1.4rem;font-size:1.2rem;letter-spacing:.16em;text-indent:.16em}}.input-actions-divider{height:36px;background:color-mix(in srgb,var(--border-color) 78%,#fff)}.builder-open-btn,.reroll-btn,.clear-btn{height:56px;padding:0 1.3rem;background:linear-gradient(180deg,var(--bg-tertiary),color-mix(in srgb,var(--bg-tertiary) 70%,var(--bg-secondary)));border:1px solid color-mix(in srgb,var(--border-color) 78%,#fff);color:var(--text-primary);font-family:var(--header-font);font-size:1.05rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.5);box-shadow:inset 0 1px #ffffff0a;transition:all .2s ease}.builder-open-btn{display:inline-flex;align-items:center;gap:.5rem}.builder-open-btn:before{content:"";width:20px;height:20px;flex:none;background:var(--accent-primary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='4' y1='21' x2='4' y2='14'/%3E%3Cline x1='4' y1='10' x2='4' y2='3'/%3E%3Cline x1='12' y1='21' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12' y2='3'/%3E%3Cline x1='20' y1='21' x2='20' y2='16'/%3E%3Cline x1='20' y1='12' x2='20' y2='3'/%3E%3Cline x1='1' y1='14' x2='7' y2='14'/%3E%3Cline x1='9' y1='8' x2='15' y2='8'/%3E%3Cline x1='17' y1='16' x2='23' y2='16'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='4' y1='21' x2='4' y2='14'/%3E%3Cline x1='4' y1='10' x2='4' y2='3'/%3E%3Cline x1='12' y1='21' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12' y2='3'/%3E%3Cline x1='20' y1='21' x2='20' y2='16'/%3E%3Cline x1='20' y1='12' x2='20' y2='3'/%3E%3Cline x1='1' y1='14' x2='7' y2='14'/%3E%3Cline x1='9' y1='8' x2='15' y2='8'/%3E%3Cline x1='17' y1='16' x2='23' y2='16'/%3E%3C/svg%3E") center / contain no-repeat}html.ui-polished .builder-open-btn:before{display:none}.builder-open-btn:hover,.reroll-btn:hover{transform:translateY(-1px);color:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 6px 16px #00000059,0 0 0 1px #d4a54a40,inset 0 1px #ffffff0f}.reroll-btn:disabled{opacity:.35;transform:none;box-shadow:inset 0 1px #ffffff0a}.reroll-btn.cooldown{background:linear-gradient(180deg,var(--bg-tertiary),var(--bg-secondary));color:var(--text-dim);opacity:.7}.clear-btn{color:var(--text-secondary);letter-spacing:.08em}.clear-btn:hover{color:var(--accent-danger);border-color:var(--accent-danger)}.roll-btn{height:56px;padding:0 2rem;font-size:1.35rem;font-weight:700;letter-spacing:.24em;text-indent:.24em;text-shadow:0 1px 0 rgba(255,255,255,.25),0 -1px 0 rgba(0,0,0,.25);box-shadow:0 6px 22px #d4a54a4d}.roll-btn:hover{transform:translateY(-1px);box-shadow:0 8px 28px #d4a54a73;filter:brightness(1.06)}.roll-btn:disabled{box-shadow:none;filter:none}.roll-btn.cooldown{font-size:.9rem;letter-spacing:.08em}}@media(min-width:1101px){.results-bar{height:96px;padding:.75rem 1.5rem;gap:1rem;background:linear-gradient(180deg,var(--bg-secondary),color-mix(in srgb,var(--bg-secondary) 80%,var(--bg-primary)));border-top:1px solid color-mix(in srgb,var(--border-color) 78%,#fff)}.result-total{min-width:96px;font-size:2.6rem;line-height:1;letter-spacing:.02em;text-shadow:0 0 22px var(--glow-color),0 1px 0 rgba(0,0,0,.5)}.results-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto auto;align-items:center;row-gap:.2rem;height:auto;min-height:96px}.result-total{grid-row:1 / span 2;grid-column:1;align-self:center}.result-details{display:contents}.result-breakdown{grid-row:1;grid-column:2;font-size:1.15rem;gap:.4rem;padding:2px 0;flex-wrap:wrap;overflow:visible}.result-notation{grid-row:2;grid-column:2;font-size:.92rem;font-weight:600;letter-spacing:.04em;color:var(--text-secondary)}.copy-result-btn{grid-row:1 / span 2;grid-column:3}.hotkeys-btn{grid-row:1 / span 2;grid-column:4}.secret-roll-main-btn{grid-row:1 / span 2}.die-result{min-width:2.3em;padding:.25rem .7rem;border-radius:999px;background:#ffffff0a;border:1px solid color-mix(in srgb,var(--border-color) 70%,#fff);color:var(--text-primary);font-weight:700;text-align:center}.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{border:0;background:none}.copy-result-btn,.hotkeys-btn{height:48px;padding:0 1.1rem;gap:.5rem;background:linear-gradient(180deg,var(--bg-tertiary),color-mix(in srgb,var(--bg-tertiary) 70%,var(--bg-secondary)));border:1px solid color-mix(in srgb,var(--border-color) 78%,#fff);border-radius:var(--border-radius);color:var(--text-primary);font-size:.95rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.5);box-shadow:inset 0 1px #ffffff0a;transition:all .2s ease}.copy-result-btn:before,.hotkeys-btn:before{content:"";width:20px;height:20px;flex:none;background:var(--accent-primary)}.copy-result-btn:before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E") center / contain no-repeat}.hotkeys-btn:before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M6 9h.01M10 9h.01M14 9h.01M18 9h.01M6 13h.01M18 13h.01M8 17h8M10 13h4'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M6 9h.01M10 9h.01M14 9h.01M18 9h.01M6 13h.01M18 13h.01M8 17h8M10 13h4'/%3E%3C/svg%3E") center / contain no-repeat}html.ui-polished .copy-result-btn:before,html.ui-polished .hotkeys-btn:before{display:none}@media(max-width:1400px){.copy-result-btn,.hotkeys-btn{width:48px;padding:0;justify-content:center;font-size:0;letter-spacing:0}.copy-result-btn:before,.hotkeys-btn:before{width:22px;height:22px}}.copy-result-btn:hover,.hotkeys-btn:hover{transform:translateY(-1px);background:linear-gradient(180deg,var(--bg-tertiary),color-mix(in srgb,var(--bg-tertiary) 70%,var(--bg-secondary)));color:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 6px 16px #00000059,0 0 0 1px #d4a54a40,inset 0 1px #ffffff0f}}@media(min-width:1101px){.macro-add-btn,.profile-edit-btn,.quick-rolls-edit-btn{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--bg-tertiary),color-mix(in srgb,var(--bg-tertiary) 70%,var(--bg-secondary)));border:1px solid color-mix(in srgb,var(--border-color) 78%,#fff);border-radius:var(--border-radius);color:var(--accent-primary);font-size:1rem;line-height:1;transition:all .2s ease}.macro-add-btn{font-size:1.3rem;font-weight:700}.macro-add-btn:hover,.profile-edit-btn:hover,.quick-rolls-edit-btn:hover,.quick-rolls-edit-btn.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-dim));border-color:var(--accent-primary);color:var(--bg-primary)}.macros-header,.profiles-header{margin-bottom:calc(.75rem * var(--spacing-scale))}.macros-list{gap:calc(.4rem * var(--spacing-scale));max-height:none;overflow:visible}.macro-item{min-height:calc(44px * var(--button-scale));padding:0 calc(.4rem * var(--button-scale)) 0 calc(.8rem * var(--button-scale));gap:.4rem;background:linear-gradient(180deg,var(--bg-tertiary),color-mix(in srgb,var(--bg-tertiary) 70%,var(--bg-secondary)));border:1px solid color-mix(in srgb,var(--border-color) 78%,#fff);box-shadow:inset 0 1px #ffffff0a}.macro-item:hover{transform:translateY(-1px);border-color:var(--accent-primary);box-shadow:0 6px 16px #00000059,0 0 0 1px #d4a54a40,inset 0 1px #ffffff0f}.macro-item.dragging{opacity:.6;transform:none}.macros-list .macro-drag-handle{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--text-dim);font-size:.85rem;opacity:0;transition:opacity .15s ease}.macro-item:hover .macro-drag-handle{opacity:1}.macro-item:hover .macro-item-info{padding-left:18px}.macro-item-info{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0}.sidebar-left .macro-item-name{font-size:calc(1.02rem * var(--font-scale));font-weight:600;letter-spacing:.01em}.sidebar-left .macro-item-notation{flex:none;padding:.22em .45em;border-radius:999px;background:#d4a54a1f;border:1px solid rgba(212,165,74,.35);color:var(--accent-primary);font-size:calc(.84rem * var(--font-scale));font-weight:600;letter-spacing:.02em}.macro-item:hover .macro-item-notation{background:#d4a54a33;border-color:var(--accent-primary)}.macro-item{position:relative}.macro-item-info{flex:1;transition:padding .15s ease}.macro-item:hover .macro-item-info{padding-right:58px}.macro-edit-btn,.macro-delete-btn{position:absolute;top:50%;transform:translateY(-50%);width:26px;height:26px;padding:0;font-size:1rem;line-height:1;border-radius:var(--border-radius);background:var(--bg-tertiary)}.macro-edit-btn{right:34px}.macro-delete-btn{right:6px}.macro-edit-btn:hover{color:var(--accent-primary);background:#d4a54a1f}.macro-delete-btn:hover{color:var(--accent-danger);background:#c4454524}.macro-delete-btn.confirm-delete{width:auto;height:26px;padding:0 .5rem}.macro-item:has(.confirm-delete) .macro-item-info{padding-right:96px}.macro-drag-handle{font-size:.8rem}.macro-empty{padding:.8rem .75rem;border:1px dashed color-mix(in srgb,var(--border-color) 60%,#fff);border-radius:var(--border-radius);color:var(--text-secondary);font-style:normal}.macro-empty-hint{font-size:calc(1.1rem*min(1,var(--font-scale, 1)));text-wrap:balance;-webkit-hyphens:auto;hyphens:auto}.macro-empty-cta{margin-top:.6rem;padding:.6rem .75rem;font-size:.92rem;font-weight:700;letter-spacing:.06em;border-style:solid;border-color:#d4a54a59;background:#d4a54a1f}.sidebar-left .profile-select{height:calc(44px * var(--button-scale));padding:0 2.2rem 0 .8rem;margin-bottom:calc(.5rem * var(--spacing-scale));background:linear-gradient(180deg,var(--bg-tertiary),color-mix(in srgb,var(--bg-tertiary) 70%,var(--bg-secondary)));border:1px solid color-mix(in srgb,var(--border-color) 78%,#fff);color:var(--text-primary);font-size:calc(1.02rem * var(--font-scale));font-weight:600;box-shadow:inset 0 1px #ffffff0a;appearance:none;-webkit-appearance:none;background-image:linear-gradient(180deg,var(--bg-tertiary),color-mix(in srgb,var(--bg-tertiary) 70%,var(--bg-secondary))),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4a54a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:0 0,right .7rem center;background-size:100% 100%,18px 18px;background-blend-mode:normal}.profile-select:hover,.profile-select:focus{border-color:var(--accent-primary)}.profile-stats:not(:empty){padding:.55rem .8rem;gap:0;font-size:calc(.95rem * var(--font-scale));background:linear-gradient(180deg,var(--bg-tertiary),color-mix(in srgb,var(--bg-tertiary) 70%,var(--bg-secondary)));border:1px solid color-mix(in srgb,var(--border-color) 78%,#fff);border-radius:var(--border-radius);box-shadow:inset 0 1px #ffffff0a}.profile-stat-row{padding:.45rem 0;border-bottom:1px solid color-mix(in srgb,var(--border-color) 78%,#fff)}.profile-stat-row:last-child{border-bottom:0}.profile-stat-row span:last-child{color:var(--accent-primary);font-weight:700;text-shadow:0 0 10px var(--glow-color)}.profile-stat-row.notes{font-size:calc(.88rem * var(--font-scale))}.profile-stat-row.notes span:last-child{color:var(--text-secondary);font-weight:400;text-shadow:none;font-family:var(--body-font)}}.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:.92rem}.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:.88rem;color:var(--text-dim)}.yahtzee-score-value{font-family:var(--header-font);font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.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:.8rem;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:.88rem;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:.8rem;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(.88rem * 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-live-dot{width:7px;height:7px;background:#fff;border-radius:50%;flex-shrink:0;animation:mp-pulse 2s ease-in-out infinite;opacity:.9}@keyframes mp-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.45;transform:scale(.65)}}.mp-room-info{display:inline-flex;align-items:center;gap:.35rem;margin-left:.1rem}.mp-room-info-code{font-family:var(--mono-font);font-size:.88rem;font-weight:700;letter-spacing:.06em;color:inherit}.mp-room-info-sep{opacity:.5;font-size:.75rem}.mp-room-info-players{font-size:.84rem;opacity:.85;white-space:nowrap}.mp-icon{font-size:1rem;display:inline-flex;align-items:center}.mp-icon svg{width:1.2em;height:1.2em}@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:.8rem;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:.78rem}.adv-label{font-size:.78rem;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:.88rem;color:var(--text-secondary);min-width:35px;text-align:right}.tooltip-subtitle{font-family:var(--header-font);font-size:.95rem;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:.85rem;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:.86rem;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:.88rem;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:.84rem;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:.88rem;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-info{flex:1;display:flex;flex-direction:column;gap:.05rem;min-width:0}.mp-player-character{font-size:.8rem;color:var(--accent-primary);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-player-character-class{color:var(--text-dim);font-style:normal}.mp-player-badge{font-size:.8rem;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:.8rem;color:var(--text-secondary);text-transform:capitalize;margin-left:auto;padding-right:.5rem}.mp-player-badge.spectator{background:var(--line-dim);color:var(--bg-primary)}.mp-player-rolls{font-size:.8rem;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:.84rem;color:var(--accent-secondary);font-style:italic}.rh-reveal-btn{font-size:.8rem;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:.92rem;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:.84rem;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(--line-dim);border-radius:var(--border-radius);padding:.4rem 1rem;color:var(--text-secondary);font-family:var(--header-font);font-size:.92rem;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:.84rem;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:.88rem;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)}.initiative-head{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;margin:.25rem 0 .6rem;flex-wrap:wrap}.initiative-round{font-family:var(--header-font);font-size:.92rem;color:var(--accent-primary);letter-spacing:.05em}.initiative-hint{font-size:.88rem;color:var(--text-dim)}.initiative-list{display:flex;flex-direction:column;gap:.4rem;max-height:40vh;overflow-y:auto}.initiative-empty{font-size:.95rem;color:var(--text-dim);text-align:center;padding:1rem;font-style:italic}.initiative-row{display:grid;grid-template-columns:2.4rem 1fr auto 1.6rem;align-items:center;gap:.6rem;padding:.45rem .7rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius)}.initiative-row.current{border-color:var(--accent-primary);box-shadow:0 0 12px var(--glow-color)}.initiative-row.is-you .initiative-name-text{color:var(--accent-primary)}.initiative-value{font-family:var(--mono-font);font-size:1.1rem;font-weight:700;color:var(--accent-primary);text-align:center}.initiative-name{font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.initiative-name small{margin-left:.4rem;font-weight:400;font-size:.78rem;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase}.initiative-status{font-family:var(--header-font);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.initiative-turn{background:var(--accent-primary);color:var(--bg-primary);padding:2px 8px;border-radius:3px}.initiative-remove{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.8rem;padding:.2rem}.initiative-remove:hover{color:var(--accent-danger)}.initiative-controls{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.initiative-controls.hidden{display:none}.initiative-npc-row{display:grid;grid-template-columns:1fr 5rem auto;gap:.4rem;align-items:center}.initiative-npc-row .modal-input{margin:0;padding:.45rem .6rem;font-size:.92rem}.initiative-actions{display:flex;gap:.5rem}.initiative-actions .mp-btn{flex:1}.rh-reactions{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.35rem;position:relative}.rx{font-size:.72rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;padding:1px 8px;color:var(--text-secondary);cursor:pointer;font-family:var(--body-font);line-height:1.5}.rx:hover{border-color:var(--accent-primary-dim);color:var(--text-primary)}.rx.on{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-primary-alpha)}.rx.add{color:var(--text-dim);border-style:dashed}.rx-picker{position:absolute;left:0;bottom:calc(100% + 4px);display:flex;gap:2px;background:var(--bg-secondary);border:1px solid var(--accent-primary-dim);border-radius:999px;padding:3px 5px;z-index:30;box-shadow:0 6px 18px #00000080}.rx-picker button{background:none;border:none;font-size:1.05rem;cursor:pointer;padding:2px 4px;border-radius:50%}.rx-picker button:hover{background:var(--bg-tertiary);transform:scale(1.15)}.history-clear-btn.confirm-delete{background:var(--accent-danger);color:#fff;border-color:var(--accent-danger)}.mp-player-badge.dm{background:#9b4ad433;color:#c89bff}.mp-player-badge.wants-dm{background:var(--bg-secondary);color:var(--text-dim);border:1px dashed var(--border-color)}.mp-dm-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--header-font);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .5rem;border-radius:var(--border-radius);cursor:pointer;margin-left:.3rem}.mp-dm-btn:hover{border-color:var(--accent-primary-dim);color:var(--text-primary)}.mp-dm-btn.on{border-color:#c89bff;color:#c89bff}.updates-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}.updates-btn:hover{border-color:var(--accent-primary-dim);color:var(--text-primary);background:var(--bg-secondary)}.updates-btn.has-new{border-color:var(--accent-success);color:var(--accent-success)}.updates-modal-content{min-width:420px;max-width:640px;width:min(640px,90vw)}.updates-list{display:flex;flex-direction:column;gap:2rem;margin:.75rem 0 1.5rem}.update-entry{display:flex;flex-direction:column;gap:.55rem}.update-entry+.update-entry{padding-top:1.5rem;border-top:1px solid var(--border-color)}.update-version{font-family:var(--header-font);font-size:1.25rem;color:var(--accent-primary);font-weight:700;display:flex;align-items:center;gap:.6rem}.update-version-badge{font-size:.8rem;background:var(--accent-success);color:#000;border-radius:3px;padding:2px 7px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.update-date{font-size:.92rem;color:var(--text-dim);font-family:var(--mono-font)}.update-notes{display:flex;flex-direction:column;gap:.5rem;padding-left:.75rem;border-left:2px solid var(--border-color);margin-top:.2rem}.update-note{font-size:1rem;color:var(--text-secondary);line-height:1.5;padding-left:.75rem;position:relative}.update-note:before{content:"•";position:absolute;left:0;color:var(--text-dim)}.update-note-link{color:var(--accent-primary);text-decoration:underline;text-underline-offset:2px}.update-note-link:hover{color:var(--text-primary)}.feedback-btn,.account-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:.84rem;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,.account-btn:hover{border-color:var(--accent-primary-dim);color:var(--text-primary);background:var(--bg-secondary)}.dice-store-btn{background:var(--bg-tertiary);border:1px solid var(--accent-primary-dim);color:var(--accent-primary);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;gap:.35rem;flex-shrink:0;white-space:nowrap}.dice-store-btn:hover{border-color:var(--accent-primary);color:var(--text-primary);background:var(--bg-secondary);box-shadow:0 0 10px var(--glow-color)}.dice-store-btn[hidden]{display:none}.wishlist-btn{background:var(--bg-tertiary);border:1px solid var(--accent-primary-dim);color:var(--accent-primary);height:36px;padding:0 .8rem;font-family:var(--header-font);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1;border-radius:var(--border-radius);box-shadow:0 0 9px #d4a54a4d;transition:all .2s ease;display:flex;align-items:center;gap:.45rem;flex-shrink:0;white-space:nowrap;text-decoration:none}.wishlist-btn svg{width:15px;height:15px;flex-shrink:0}.wishlist-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:#f0c66e;box-shadow:0 0 16px #d4a54a80}.wishlist-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.wishlist-btn .wl-short{display:none}.steam-promo-content{max-width:460px;width:min(460px,92vw);max-height:92vh;overflow-y:auto;padding:0;text-align:center;border-color:var(--accent-primary-dim);box-shadow:0 0 30px #d4a54a1f,0 10px 40px #00000080}.steam-promo-art{display:block;width:100%;height:auto;aspect-ratio:460 / 215;border-bottom:1px solid var(--accent-primary-dim);background:var(--bg-tertiary)}.steam-promo-body{padding:1.1rem 1.4rem 1.3rem}.steam-promo-title{font-family:var(--header-font);font-size:1.28rem;font-weight:600;letter-spacing:.03em;color:var(--accent-primary)}.steam-promo-text{font-size:1.14rem;line-height:1.5;color:var(--text-secondary);margin:.6rem 0 0}.steam-promo-text:first-of-type{margin-top:.35rem}.steam-promo-text strong{color:var(--text-primary);font-weight:600}.steam-promo-content .modal-buttons{margin-top:1.2rem}.steam-promo-content .modal-btn{white-space:nowrap}.steam-promo-content .modal-btn.primary{flex:1.5;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;text-decoration:none}.steam-promo-content .modal-btn.primary svg{width:16px;height:16px;flex-shrink:0}.steam-promo-note{font-size:.9rem;font-style:italic;color:var(--text-secondary);margin:.85rem 0 0}.feedback-modal-content{width:min(480px,calc(100vw - 2rem))}.feedback-types{display:flex;gap:.5rem;margin-bottom:.9rem}.feedback-type-btn{flex:1 1 auto;min-height:46px;padding:.45rem .5rem;border:1px solid var(--rf-line, var(--border-color));border-radius:var(--border-radius);background:var(--rf-card, var(--bg-tertiary));box-shadow:var(--rf-inset, none);color:var(--text-secondary);font-family:var(--body-font);font-size:.98rem;font-weight:600;line-height:1.2;text-align:center;text-wrap:balance;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.feedback-type-btn:hover{border-color:var(--accent-primary-dim);color:var(--text-primary)}.feedback-type-btn[aria-pressed=true]{border-color:var(--accent-primary);color:var(--accent-primary);background:#d4a54a1f;box-shadow:0 0 0 1px #d4a54a40}.feedback-type-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.feedback-field{margin-bottom:.9rem}.feedback-modal-content .feedback-field .modal-input{display:block;width:100%;margin:0}.feedback-textarea{resize:vertical;min-height:130px;font-family:var(--body-font);line-height:1.5}.feedback-char-count{display:block;margin-top:.35rem;text-align:right;font-size:.8rem;color:var(--text-dim);font-family:var(--mono-font);transition:color .2s}.feedback-modal-content .modal-buttons{margin-top:1.3rem}.feedback-modal-content .modal-buttons .modal-btn{flex:1 1 0}.sdist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.sdist-header .sidebar-title{margin-bottom:0;min-width:0;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.sdist-header .history-toggle{flex-shrink:0}.sdist-group{margin-bottom:.8rem}.sdist-group:last-child{margin-bottom:0}.sdist-die-label{font-size:.86rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.3rem;font-family:var(--header-font);font-weight:700}.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:.72rem;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-secondary);font-family:var(--body-font);font-size:calc(1.1rem*min(1,var(--font-scale, 1)));font-weight:700;-webkit-hyphens:auto;hyphens:auto;text-wrap:balance;padding:.35rem .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:.92rem;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:.88rem;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:.92rem;font-weight:700;color:var(--text-secondary);white-space:nowrap}.milestone-entry-date{font-size:.8rem;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:.78rem;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:.72rem;color:var(--text-dim);font-family:var(--mono-font)}.dist-empty{color:var(--text-secondary);font-size:calc(1.1rem*min(1,var(--font-scale, 1)));font-weight:700;text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;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:.92rem;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:.86rem;color:var(--text-secondary);margin-left:.15rem}.bestof2-check{font-size:.88rem;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:.84rem;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:.88rem}.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:.88rem}.rh-notation{font-family:var(--mono-font);color:var(--text-secondary);font-size:.86rem}.rh-total{font-size:1rem;font-weight:700;color:var(--text-primary)}.rh-time{font-size:.8rem;color:var(--text-dim)}.rh-label{font-size:.84rem;color:var(--accent-secondary);font-style:italic;overflow-wrap:break-word;word-break:break-all}.room-history-empty{color:var(--text-dim);font-size:.95rem;text-align:center;padding:1.5rem}.room-history-header{display:flex;justify-content:flex-end;padding-bottom:.5rem;margin-bottom:.25rem}.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:.88rem;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:.92rem;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:.88rem}.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:.88rem;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:.86rem;color:var(--text-secondary)}.prow-mod{font-family:var(--mono-font);font-size:.88rem;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:.84rem;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:288px;max-width:322px;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:.84rem;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:.8rem;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:.86rem;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:.8rem;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)}.dice-appearance-hidden-select{display:none!important}.appearance-section{margin-bottom:.8rem}.appearance-section:last-child{margin-bottom:0}.appearance-section-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim);font-family:var(--header-font);margin-bottom:.45rem}.swatch-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.3rem}.swatch{position:relative;aspect-ratio:1;border-radius:7px;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.72rem;font-family:var(--header-font);cursor:pointer;padding:0;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.45);box-shadow:inset 0 2px 3px #ffffff2e,inset 0 -4px 7px #0000004d;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,filter .12s ease;-webkit-font-smoothing:antialiased}.swatch:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(155deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.12) 22%,transparent 48%);pointer-events:none}.swatch:hover{transform:translateY(-2px);border-color:#ffffff80}.swatch.selected{border-color:var(--accent-primary);outline:2px solid var(--accent-primary);outline-offset:2px;transform:translateY(-1px) scale(1.04);filter:drop-shadow(0 0 6px rgba(212,165,74,.55));z-index:1}.swatch.taken{cursor:not-allowed;opacity:.3;filter:grayscale(.55)}.swatch.taken:before{opacity:.4}.swatch.taken:hover{transform:none;border-color:#ffffff2e}.swatch-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.78rem;text-shadow:0 1px 3px rgba(0,0,0,.9)}.swatch.swatch-custom{background:conic-gradient(from 0deg,#ff5959,#f9b333,#a6ff00,#60e9ff,#934fc3,#ff97ff,#ff5959);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.swatch-caption{margin-top:.5rem;font-size:.84rem;color:var(--text-secondary);text-align:center;min-height:1em;font-family:var(--header-font);letter-spacing:.02em}.feedback-email-hint{margin-top:.4rem;font-size:.88rem;line-height:1.35;color:var(--text-dim)}.duality-toggle-row{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.duality-heading{margin-bottom:0;flex:1}.duality-toggle-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.duality-switch{position:relative;flex:none;width:32px;height:18px;border-radius:9px;background:var(--bg-tertiary);border:1px solid var(--border-color);transition:background .16s ease,border-color .16s ease}.duality-switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--line-dim);transition:transform .16s ease,background .16s ease}.duality-toggle-input:checked+.duality-switch{background:var(--accent-primary-dim);border-color:var(--accent-primary)}.duality-toggle-input:checked+.duality-switch:after{transform:translate(14px);background:var(--accent-primary)}.duality-toggle-input:focus-visible+.duality-switch{outline:2px solid var(--accent-primary);outline-offset:2px}.duality-body{display:none;margin-top:.6rem}.duality-hint{font-size:.88rem;line-height:1.35;color:var(--text-dim);margin-bottom:.55rem}.duality-hint b{color:var(--text-secondary)}.chip-row{display:flex;flex-wrap:wrap;gap:.3rem}.chip{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:.8rem;font-family:inherit;padding:.22rem .62rem;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease;white-space:nowrap}.chip:hover{border-color:var(--accent-primary-dim);color:var(--text-primary)}.chip.selected{background:var(--accent-primary-dim);border-color:var(--accent-primary);color:var(--text-primary);font-weight:700}.notation-guide-content{max-width:520px;width:100%;max-height:82vh;display:flex;flex-direction:column}.notation-guide-content .modal-subtitle{text-align:center;color:var(--text-dim);font-size:.95rem;margin-bottom:1rem}.ng-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;margin-bottom:1rem;flex-shrink:0}.ng-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:.88rem;padding:.4rem 1.1rem;transition:all .2s ease;flex:1;text-align:center;letter-spacing:.04em}.ng-tab:hover{color:var(--text-primary);border-color:var(--accent-primary-dim)}.ng-tab.active{background:var(--accent-primary-alpha);border-color:var(--accent-primary);color:var(--accent-primary)}.ng-tab-content{overflow-y:auto;flex:1;min-height:0;padding-right:.25rem}.ng-tab-content.hidden{display:none}.ng-section-label{font-family:var(--header-font);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin:.9rem 0 .4rem}.ng-section-label:first-child{margin-top:0}.ng-examples{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.25rem}.ng-example{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.5rem .7rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:border-color .15s ease}.ng-example:hover{border-color:var(--accent-primary-dim)}.ng-example code{font-family:var(--mono-font);font-size:.92rem;color:var(--accent-primary);background:none;white-space:nowrap;min-width:90px}.ng-example span{font-size:.88rem;color:var(--text-secondary);line-height:1.35}.ng-try-btn{background:var(--bg-secondary);border:1px solid var(--accent-primary-dim);color:var(--accent-primary);font-family:var(--header-font);font-size:.8rem;letter-spacing:.05em;padding:.25rem .6rem;border-radius:var(--border-radius);cursor:pointer;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.ng-try-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.ng-dice-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.ng-chip{font-family:var(--mono-font);font-size:.88rem;font-weight:600;color:var(--accent-primary);background:var(--bg-tertiary);border:1px solid var(--accent-primary-dim);border-radius:var(--border-radius);padding:.25rem .6rem}.ng-note{font-size:.92rem;color:var(--text-dim);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.55rem .75rem;margin-top:.75rem;line-height:1.5}.onboarding-modal-content{max-width:440px;width:100%;text-align:center}.onboarding-logo{font-size:3rem;margin-bottom:.5rem;line-height:1}.onboarding-modal-content .modal-title{font-size:1.5rem;margin-bottom:.3rem}.onboarding-modal-content .modal-subtitle{color:var(--text-dim);font-size:.95rem;margin-bottom:1.5rem}.onboarding-features{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.5rem;text-align:left}.onboarding-feature{display:flex;align-items:flex-start;gap:.85rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.75rem 1rem}.onboarding-icon{font-size:1.4rem;line-height:1;flex-shrink:0;margin-top:.1rem}.onboarding-feature-title{font-family:var(--header-font);font-size:.9rem;font-weight:700;color:var(--accent-primary);margin-bottom:.2rem}.onboarding-feature-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.45}.onboarding-feature-desc code{font-family:var(--mono-font);font-size:.88rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:3px;padding:.05rem .35rem;color:var(--accent-primary)}.builder-open-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:.6rem 1rem;font-family:var(--header-font);font-size:.88rem;font-weight:600;letter-spacing:.05em;cursor:pointer;border-radius:var(--border-radius);transition:all .2s ease;white-space:nowrap;flex-shrink:0}.builder-open-btn:hover{border-color:var(--accent-primary-dim);color:var(--accent-primary)}.input-actions-divider{width:1px;height:28px;background:var(--border-color);margin:0 .5rem;flex-shrink:0;align-self:center}.builder-modal-content{max-width:480px;width:100%}.builder-presets{display:flex;gap:.5rem;margin-bottom:1rem}.builder-preset-btn{flex:1;padding:.55rem .5rem;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);font-family:var(--header-font);font-size:.88rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all .15s ease;text-align:center}.builder-preset-btn:first-child:hover,.builder-preset-btn:first-child.active{border-color:var(--accent-success);color:var(--accent-success);background:#4ac47a1a}.builder-preset-btn:last-child:hover,.builder-preset-btn:last-child.active{border-color:var(--accent-danger);color:var(--accent-danger);background:#d44a4a1a}.builder-part--preset{padding:.3rem 0 .3rem .85rem;font-size:.92rem;color:var(--accent-primary)}.builder-modifiers{display:flex;align-items:stretch;gap:0;margin-bottom:1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:visible}.builder-mod-field,.builder-ops-field{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.55rem .5rem;min-width:0}.builder-keep-field{flex:1.3;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.55rem .4rem;min-width:0}.builder-keep-field .builder-ops-row{gap:.2rem}.builder-mod-divider{width:1px;height:52px;background:var(--border-color);flex-shrink:0}.builder-mod-field-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-family:var(--header-font);line-height:1}.builder-mod-field-row,.builder-ops-row{display:flex;align-items:center;gap:.3rem}.builder-math-val{width:36px;height:26px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);font-family:var(--mono-font);font-size:.88rem;font-weight:600;text-align:center;padding:0 .2rem;outline:none;transition:border-color .15s,color .15s;-moz-appearance:textfield}.builder-math-val::-webkit-outer-spin-button,.builder-math-val::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.builder-math-val:focus{border-color:var(--accent-primary);color:var(--text-primary)}.builder-math-toggle.active+.builder-math-val{border-color:var(--accent-primary);color:var(--accent-primary)}.builder-ops-sep{color:var(--border-color);font-size:1rem;line-height:1;-webkit-user-select:none;user-select:none;padding:0 .1rem}.builder-op-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);font-family:var(--mono-font);font-size:.86rem;font-weight:600;padding:.2rem .5rem;height:26px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;white-space:nowrap}.builder-op-btn:hover,.builder-op-btn.active{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-primary-alpha)}.builder-dice-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem;margin-bottom:1.25rem}.builder-die-btn{padding:.7rem .25rem;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:var(--border-radius);color:var(--accent-primary);font-family:var(--mono-font);font-size:.88rem;font-weight:700;cursor:pointer;text-align:center;transition:all .15s ease;-webkit-user-select:none;user-select:none}.builder-die-btn:hover{border-color:var(--accent-primary);background:var(--accent-primary-alpha);transform:translateY(-2px);box-shadow:0 4px 12px #d4a54a33}.builder-die-btn:active{transform:translateY(0)}.builder-parts{display:flex;flex-wrap:wrap;gap:.45rem;min-height:44px;margin-bottom:1rem;padding:.5rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);align-items:center}.builder-part{display:flex;align-items:center;gap:0;background:var(--bg-secondary);border:1px solid var(--accent-primary-dim);border-radius:20px;overflow:hidden;font-family:var(--mono-font);font-size:.9rem;color:var(--accent-primary)}.builder-part-stepper{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:1rem;font-weight:700;padding:.25rem .55rem;line-height:1;transition:all .12s;display:flex;align-items:center;justify-content:center}.builder-part-stepper:hover{background:var(--accent-primary-alpha);color:var(--accent-primary)}.builder-part-count{font-size:.92rem;font-weight:700;color:var(--text-primary);min-width:18px;text-align:center;padding:0 .1rem}.builder-part-label{padding:.25rem .5rem .25rem .1rem;font-size:.92rem;color:var(--accent-primary)}.builder-part-remove{background:none;border:none;border-left:1px solid var(--accent-primary-dim);color:var(--text-dim);cursor:pointer;font-size:.85rem;padding:.25rem .55rem;line-height:1;display:flex;align-items:center;transition:all .12s}.builder-part-remove:hover{background:#d44a4a26;color:var(--accent-danger);border-left-color:var(--accent-danger)}.builder-empty{color:var(--text-dim);font-size:.95rem;font-style:italic;padding:.25rem 0}.builder-controls{display:flex;flex-direction:column;gap:0;margin-bottom:1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.builder-control-row{display:flex;align-items:center;gap:.6rem;padding:.55rem .85rem;border-bottom:1px solid var(--border-color)}.builder-control-row:last-child{border-bottom:none}.builder-mod-row,.builder-math-row,.builder-keep-row{display:contents}.builder-row-label,.builder-mod-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-family:var(--header-font);min-width:56px;flex-shrink:0}.builder-mod-btn{width:28px;height:28px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0;padding:0}.builder-mod-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.builder-mod-display{font-family:var(--mono-font);font-size:1rem;font-weight:700;color:var(--accent-primary);min-width:38px;text-align:center}.builder-math-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);font-family:var(--mono-font);font-size:.88rem;font-weight:600;padding:0 .6rem;cursor:pointer;transition:all .15s ease;height:28px;display:flex;align-items:center}.builder-math-btn:hover,.builder-math-btn.active{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-primary-alpha)}.builder-math-clear{background:none;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-dim);font-size:.8rem;font-family:var(--header-font);letter-spacing:.04em;padding:0 .5rem;height:28px;cursor:pointer;transition:all .15s ease;margin-left:auto;display:flex;align-items:center}.builder-math-clear:hover{border-color:var(--accent-danger);color:var(--accent-danger)}.builder-keep-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);font-family:var(--header-font);font-size:.8rem;font-weight:700;letter-spacing:.03em;padding:0 .4rem;height:26px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;flex-shrink:0}.builder-keep-btn:hover,.builder-keep-btn.active{border-color:var(--accent-secondary);color:var(--accent-secondary);background:#4a7fd41f}.builder-keep-n{width:36px;height:26px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-family:var(--mono-font);font-size:.88rem;padding:0 .2rem;text-align:center;outline:none;transition:border-color .15s;flex-shrink:0}.builder-keep-n:focus{border-color:var(--accent-secondary)}.builder-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.7rem 1rem;font-family:var(--mono-font);font-size:1.05rem;color:var(--text-dim);margin-bottom:1.25rem;min-height:46px;display:flex;align-items:center;overflow-wrap:anywhere;font-style:italic}.builder-preview.has-content{color:var(--accent-primary);border-color:var(--accent-primary-dim);font-style:normal;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(212,165,74,.04) 100%);box-shadow:0 0 0 1px var(--accent-primary-dim) inset}.account-btn.signed-in{border-color:var(--accent-primary-dim);color:var(--accent-primary);text-transform:none;letter-spacing:.02em}.account-modal-content{max-width:420px;width:min(420px,90vw)}.account-modal-content [hidden]{display:none!important}.account-text{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0 0 1rem}.account-email{color:var(--text-secondary);font-size:.9rem;margin:-.5rem 0 1rem;word-break:break-all}.account-google-btn{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:.6rem;background:#fff;color:#1f1f1f;border:1px solid #dadce0;border-radius:var(--border-radius);font-family:var(--body-font);font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:.5rem;transition:background .2s ease}.account-google-btn:hover{background:#f2f2f2}.account-google-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.account-google-btn svg{width:20px;height:20px;flex-shrink:0}.account-reason{color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--accent-primary-dim);border-radius:var(--border-radius);padding:.6rem .8rem;font-size:.95rem;line-height:1.45;margin:0 0 .75rem}.account-legal{font-size:.9rem;color:var(--text-secondary);text-align:center;margin:.25rem 0 0}.account-legal a{color:var(--accent-primary)}.account-delete-btn{background:none;border:none;padding:.25rem;font:inherit;color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.account-delete-btn:hover,.account-delete-btn:focus-visible{color:var(--accent-danger)}.account-btn[hidden],#mobile-account-section[hidden]{display:none}.dice-appearance-btn.dp-trigger{width:auto;gap:.45rem;padding:2px .6rem 2px 2px;font-family:var(--header-font);font-size:.72rem;letter-spacing:.04em;color:var(--text-primary)}.dp-trigger-thumb{width:30px;height:30px;border-radius:50%;background:#0c0f13;object-fit:cover;flex:none}.dp-trigger-thumb:not([src]){visibility:hidden}.dp-trigger-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:9rem}.dp-caret{color:var(--text-secondary);font-size:.7rem;transition:transform .2s}.dp-trigger[aria-expanded=true] .dp-caret{transform:rotate(180deg)}.dice-appearance-popup.replaced{display:none!important}.dp-pop{position:fixed;z-index:7000;display:grid;grid-template-columns:284px minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden;background:color-mix(in srgb,var(--bg-secondary) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 24px 60px #0009,0 0 0 1px #0006;color:var(--text-primary);font-family:var(--body-font);animation:dp-in .18s ease-out}.dp-pop[hidden]{display:none}.dp-backdrop{position:fixed;inset:0;z-index:6999;background:#04050899;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:dp-fade .18s ease-out}.dp-backdrop[hidden]{display:none}@keyframes dp-fade{0%{opacity:0}}.dp-pop.centered{grid-template-columns:clamp(284px,30%,440px) minmax(0,1fr);border-radius:18px;animation-name:dp-pop-in}@keyframes dp-pop-in{0%{opacity:0;transform:scale(.97)}}.dp-pop.centered .dp-hero{padding:clamp(16px,1.4vw,24px);gap:10px}.dp-pop.centered .dp-hero-name,.dp-pop.centered .dp-title{font-size:clamp(1.05rem,1.2vw,1.4rem)}.dp-pop.centered .dp-hero-desc{font-size:clamp(.95rem,.85vw,1.05rem)}.dp-pop.centered .dp-browse{padding:clamp(12px,1.2vw,20px);gap:12px}.dp-pop.centered .dp-cards{grid-template-columns:repeat(auto-fill,minmax(clamp(112px,8.5vw,156px),1fr));gap:clamp(8px,.7vw,12px)}.dp-pop.centered .dp-thumb{width:clamp(84px,6.4vw,120px);height:clamp(84px,6.4vw,120px)}.dp-pop.centered .dp-name{font-size:clamp(1rem,.9vw,1.12rem)}.dp-pop.centered .dp-group{font-size:clamp(.95rem,.95vw,1.15rem)}@keyframes dp-in{0%{opacity:0;transform:translateY(-6px) scale(.985)}}.dp-pop button{font-family:var(--body-font);cursor:pointer;border-radius:var(--border-radius);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);padding:.45rem .7rem;font-size:.9rem}.dp-pop button:hover{border-color:var(--accent-primary-dim)}.dp-hero{padding:16px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;overflow-y:auto}.dp-hero>*{flex-shrink:0}.dp-hero-stage{--dp-glow: transparent;position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1;background:#0c0f13;box-shadow:inset 0 0 0 1px #ffffff12}.dp-hero-stage:after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:.55;background:radial-gradient(circle at 50% 78%,var(--dp-glow),transparent 62%);transition:background .4s}.dp-hero-stage canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none;transition:opacity .2s,filter .2s}.dp-hero-stage.dragging canvas{cursor:grabbing}.dp-hero-stage.loading canvas{opacity:.55;filter:blur(2px)}.dp-hero-hint{position:absolute;bottom:6px;right:8px;font-size:.8rem;color:#ffffff59;pointer-events:none}.dp-hero-name{margin:4px 0 0;font-family:var(--header-font);font-size:1.05rem;color:var(--accent-primary);letter-spacing:.03em}.dp-hero-desc{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.35;min-height:3.6em}.dp-hero-badges{display:flex;flex-wrap:wrap;gap:6px;min-height:22px}.dp-hero-badges .b{font-size:.84rem;padding:2px 8px;border-radius:999px;background:var(--bg-tertiary);border:1px solid var(--border-color)}.dp-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;position:sticky;bottom:-16px;padding:10px 0 16px;margin-bottom:-16px;background:linear-gradient(to bottom,transparent,var(--bg-secondary) 35%)}.dp-hero-options{display:grid;gap:10px;padding-top:4px;border-top:1px solid var(--border-color)}.dp-hero-options[hidden]{display:none}.dp-options{display:grid;gap:10px;padding-top:8px}.dp-options .appearance-section{margin:0}.dp-options .appearance-section[hidden],.dp-options-note[hidden]{display:none}.dp-options .swatch-grid,.dp-pop .dp-ink-row{display:grid;grid-template-columns:repeat(7,1fr);gap:6px 4px}.dp-options .swatch,.dp-pop .dp-ink{width:86%;height:auto;aspect-ratio:1;justify-self:center;align-self:center;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px #00000059;outline:none;filter:none;transition:transform .12s,border-color .12s,box-shadow .12s}.dp-options .swatch:before{display:none}.dp-options .swatch:hover,.dp-pop .dp-ink:hover{transform:scale(1.1);border-color:#ffffff80}.dp-options .swatch.selected,.dp-pop .dp-ink.selected{transform:none;outline:none;filter:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-dim),inset 0 0 0 1px #00000059}.dp-options .swatch.taken{opacity:.3}.dp-options #dice-color-hint,.dp-options.fixed-look .dice-custom-colors,.dp-options .dice-custom-colors{display:none!important}.dp-options .swatch-custom{font-size:0;color:transparent;background:radial-gradient(circle,var(--custom, #fff) 0 40%,transparent 42%),conic-gradient(#ff4f4f,#ffd84f,#4fff7a,#4fd8ff,#7a4fff,#ff4fd8,#ff4f4f)!important}.dp-pop .dp-ink{position:relative;cursor:pointer;background:var(--ink);border:2px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px #00000059;transition:transform .12s,border-color .12s}.dp-pop .dp-ink.own{border-style:dashed;border-color:#ffffff73}.dp-pop .dp-ink.own.selected{border-style:solid;border-color:var(--accent-primary)}.dp-pop .dp-ink.custom{display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,var(--ink) 0 45%,transparent 47%),conic-gradient(#ff4f4f,#ffd84f,#4fff7a,#4fd8ff,#7a4fff,#ff4fd8,#ff4f4f)}.dp-pop .dp-ink.custom input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}.dp-options-note{margin:0;font-size:.92rem;line-height:1.35;color:var(--text-secondary);padding:6px 8px;border-radius:var(--border-radius);background:var(--bg-tertiary);border-left:2px solid var(--accent-primary-dim)}.dp-finish-row{display:flex;flex-wrap:wrap;gap:5px}.dp-pop .dp-finish{padding:4px 10px;font-size:.88rem;border-radius:999px;background:var(--bg-tertiary)}.dp-pop .dp-finish.selected{background:var(--accent-primary);border-color:var(--accent-primary);color:#1a1408;font-weight:600}.dice-appearance-popup .engine-only{display:none}.dp-pop .dp-primary{background:var(--accent-primary);color:#1a1408;border-color:var(--accent-primary);font-weight:600}.dp-pop .dp-primary:hover{filter:brightness(1.08)}.dp-browse{display:flex;flex-direction:column;min-height:0;padding:12px 12px 8px;gap:10px;overflow-y:auto}.dp-top{display:flex;gap:8px;align-items:center}.dp-title{flex:1;font-family:var(--header-font);font-size:1.05rem;font-weight:700;color:var(--accent-primary);letter-spacing:.03em}.dp-search{flex:1;min-width:0}.dp-pop .dp-search{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:.95rem;padding:.4rem .65rem;outline:none}.dp-pop .dp-search:focus{border-color:var(--accent-primary-dim)}.dp-pop .dp-search::placeholder{color:var(--text-dim)}.dp-pop .dp-surprise{white-space:nowrap;background:linear-gradient(135deg,#6a3df0,#d6409f);border-color:transparent;color:#fff;font-weight:600}.dp-pop .dp-surprise:hover{filter:brightness(1.12)}.dp-pop.spinning .dp-surprise{animation:dp-wiggle .25s infinite alternate}@keyframes dp-wiggle{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.dp-pop .dp-close{background:transparent;border-color:transparent;color:var(--text-secondary);padding:.3rem .55rem}.dp-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;flex:none}.dp-pop .dp-tabs button{white-space:nowrap;padding:3px 10px;font-size:.92rem;border-radius:999px;background:transparent}.dp-tabs button .n{margin-left:6px;font-size:.84rem;color:var(--text-secondary)}.dp-pop .dp-tabs button[aria-selected=true]{background:var(--accent-primary);border-color:var(--accent-primary);color:#1a1408;font-weight:600}.dp-tabs button[aria-selected=true] .n{color:#1a1408a6}.dp-grid{flex:none;padding:2px 4px 4px 2px}.dp-group{display:flex;align-items:center;gap:10px;margin:18px 2px 10px;font-family:var(--header-font);font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-primary);text-shadow:0 1px 8px rgba(212,165,74,.25)}.dp-group:after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--accent-primary-dim),transparent)}.dp-group .dp-muted{display:none}.dp-group:first-child{margin-top:4px}.dp-muted{color:var(--text-secondary);font-family:var(--body-font);text-transform:none;letter-spacing:0;font-weight:400;margin-left:6px;font-size:.95rem}.dp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.dp-card{position:relative;display:grid;justify-items:center;gap:6px;padding:10px 6px 9px;border-radius:10px;cursor:pointer;background:var(--bg-tertiary);border:1px solid transparent;transition:transform .15s,border-color .15s,background .15s;outline:none}.dp-card:hover,.dp-card.focus{transform:translateY(-2px);border-color:var(--accent-primary-dim)}.dp-card.current{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary) inset}.dp-card.current:before{content:"✓";position:absolute;top:6px;left:8px;font-size:12px;color:var(--accent-primary);font-weight:700}.dp-card.winner{animation:dp-win .7s ease-out}@keyframes dp-win{0%{transform:scale(1);box-shadow:0 0 0 0 var(--accent-primary)}40%{transform:scale(1.12)}to{transform:scale(1);box-shadow:0 0 0 18px transparent}}.dp-thumb{width:84px;height:84px;border-radius:50%;overflow:hidden;position:relative;background:linear-gradient(110deg,#1a1e25 30%,#2c313b,#1a1e25 70%) 0 0 / 300% 100%;animation:dp-shimmer 1.2s linear infinite}.dp-card.ready .dp-thumb{animation:none;background:#0c0f13}.dp-thumb img{width:100%;height:100%;display:block;opacity:0;transform:scale(.85) rotate(-20deg);transition:opacity .35s,transform .5s cubic-bezier(.2,1.4,.4,1)}.dp-card.ready .dp-thumb img{opacity:1;transform:none}.dp-card.instant .dp-thumb img{transition:transform .5s cubic-bezier(.2,1.4,.4,1)}.dp-card:hover .dp-thumb img,.dp-card.focus .dp-thumb img{transform:scale(1.08) rotate(8deg)}@keyframes dp-shimmer{to{background-position:-300% 0}}.dp-name{font-size:1rem;font-weight:600;text-align:center;line-height:1.2}.dp-badges{display:flex;gap:4px;font-size:.84rem}.dp-card .dp-badges .tint,.dp-card .dp-badges .engraved{display:none}.dp-card .dp-badges:not(:has(.b:not(.tint):not(.engraved))){display:none}.dp-pop .dp-fav{position:absolute;top:4px;right:4px;z-index:1;width:28px;height:28px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;font-size:17px;line-height:1;color:#ffffff38;transition:color .15s,transform .15s,background .15s}.dp-card:hover .dp-fav,.dp-card.focus .dp-fav{color:#ffffff8c}.dp-pop .dp-fav:hover{background:#ffffff14;color:#ffd76a;transform:scale(1.12)}.dp-pop .dp-fav.on,.dp-card:hover .dp-fav.on{color:#ffc83d;text-shadow:0 0 8px rgba(255,200,61,.7),0 0 2px rgba(255,200,61,.9)}.dp-fav.pop{animation:dp-fav-pop .35s ease-out}@keyframes dp-fav-pop{50%{transform:scale(1.5) rotate(18deg)}}.dp-pop.sheet .dp-fav{width:34px;height:34px;font-size:19px;top:2px;right:2px}.dp-empty{padding:24px;text-align:center;color:var(--text-secondary)}.dp-keys{font-size:.82rem;text-align:right;color:var(--text-dim)}.dp-extra{border-top:1px solid var(--border-color);padding-top:10px}.dp-appearance{display:grid;gap:.6rem}.dp-appearance .appearance-section{margin-bottom:0}.dp-appearance .swatch-grid{grid-template-columns:repeat(auto-fill,minmax(34px,1fr))}.dp-pop.sheet{inset:auto 0 0;width:auto;height:88vh;height:88dvh;border-radius:16px 16px 0 0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);animation-name:dp-up}@keyframes dp-up{0%{transform:translateY(40px);opacity:0}}.dp-pop.sheet .dp-hero{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-areas:"stage name" "stage badges" "stage desc" "options options" "actions actions";gap:2px 12px;border-right:0;border-bottom:1px solid var(--border-color);padding:10px 12px;overflow:visible}.dp-pop.sheet .dp-hero-stage{grid-area:stage;width:96px;align-self:start}.dp-pop.sheet .dp-hero-hint{display:none}.dp-pop.sheet .dp-hero-name{grid-area:name;margin:0}.dp-pop.sheet .dp-hero-badges{grid-area:badges;min-height:0}.dp-pop.sheet .dp-hero-desc{grid-area:desc;min-height:0;font-size:.92rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dp-pop.sheet .dp-hero-actions{grid-area:actions;margin-top:8px;position:static;padding:0;margin-bottom:0;background:none}.dp-pop.sheet .dp-hero-options{grid-area:options;margin-top:8px}.dp-pop.sheet .dp-hero-options,.dp-pop.sheet .dp-options,.dp-pop.sheet .dp-options>*{min-width:0}.dp-pop.sheet .dp-hero{overflow-x:hidden}.dp-pop.sheet .dp-options{gap:8px;padding-top:6px}.dp-pop.sheet .dp-options .swatch-grid,.dp-pop.sheet .dp-ink-row{display:flex;overflow-x:auto;scrollbar-width:none;gap:8px;padding:3px 3px 5px;scroll-snap-type:x proximity}.dp-pop.sheet .dp-options .swatch,.dp-pop.sheet .dp-ink{flex:0 0 38px;width:38px;height:38px;scroll-snap-align:start}.dp-pop.sheet .dp-finish-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.dp-pop.sheet .dp-finish{flex:none;min-height:40px;padding:6px 14px;font-size:.95rem}.dp-pop.sheet .dp-options-note{font-size:.9rem}.dp-pop.sheet .dp-hero{max-height:62dvh;overflow-y:auto}.dp-pop.sheet .dp-keys,.dp-pop.sheet .dp-title{display:none}.dp-pop.sheet .dp-top{justify-content:flex-end}.dp-pop.sheet .dp-cards{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.dp-pop.sheet .dp-thumb{width:72px;height:72px}.mobile-dice-browse-btn{width:100%;margin:.25rem 0 .5rem;min-height:44px;padding:.6rem 1rem;cursor:pointer;background:var(--bg-tertiary);border:1px solid var(--accent-primary-dim);border-radius:var(--border-radius);color:var(--text-primary);font-family:var(--body-font);font-size:1rem;text-align:left}.mobile-dice-browse-btn[hidden]{display:none}.mobile-dice-store-btn{border-color:var(--accent-primary);color:var(--accent-primary)}@media(prefers-reduced-motion:reduce){.dp-pop,.dp-card,.dp-thumb,.dp-thumb img,.dp-card.winner{animation:none!important;transition:none!important}}.dp-badges .locked{color:var(--accent-primary);font-weight:600;white-space:nowrap}.dp-badges .owned{color:var(--accent-success)}.dp-hero-badges .b.locked{border-color:var(--accent-primary-dim);color:var(--accent-primary)}.dp-hero-badges .b.owned{border-color:var(--accent-success);color:var(--accent-success)}.dp-card.locked .dp-thumb img{filter:saturate(.7) brightness(.85)}.dp-use.dp-unlock{background:var(--accent-primary);color:var(--bg-primary)}.dp-store-note{font-size:.92rem;line-height:1.45;color:var(--text-secondary)}.dp-store-note p{margin:0 0 .5rem}.dp-store-note .dp-store-price{color:var(--text-primary)}.dp-store-note .dp-store-final{font-size:.88rem}.dp-store-note .dp-store-links{font-size:.88rem;margin:0}.dp-store-note a{color:var(--accent-primary)}.cpop{position:fixed;z-index:7100;width:236px;padding:12px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;box-sizing:border-box;background:color-mix(in srgb,var(--bg-secondary) 97%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-color);border-radius:14px;color:var(--text-primary);font-family:var(--body-font);box-shadow:0 18px 44px #0009,0 0 0 1px #00000059;animation:cpop-in .14s ease-out}@keyframes cpop-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}}.cpop-title{font-family:var(--header-font);font-size:.84rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.cpop-sv{position:relative;height:140px;border-radius:10px;cursor:crosshair;touch-action:none;outline:none;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),var(--hue, red);box-shadow:inset 0 0 0 1px #ffffff14}.cpop-hue{position:relative;height:14px;border-radius:999px;cursor:pointer;touch-action:none;outline:none;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.cpop-sv-thumb,.cpop-hue-thumb{position:absolute;width:18px;height:18px;border-radius:50%;pointer-events:none;border:3px solid #fff;box-shadow:0 0 0 1px #00000073,0 2px 6px #00000080;transform:translate(-50%,-50%)}.cpop-hue-thumb{top:50%}.cpop-sv:focus-visible,.cpop-hue:focus-visible{box-shadow:0 0 0 2px var(--accent-primary)}.cpop-row{display:flex;align-items:center;gap:8px}.cpop-preview{display:flex;flex:none;width:44px;height:28px;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff26}.cpop-preview>span{flex:1}.cpop-hex{flex:1;min-width:0;width:100%;box-sizing:border-box;height:28px;padding:0 8px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font:600 .85rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:lowercase}.cpop-hex:focus{outline:none;border-color:var(--accent-primary)}.cpop button{font-family:var(--body-font);cursor:pointer;color:var(--text-primary)}.cpop-drop{flex:none;display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-tertiary)}.cpop-drop:hover{border-color:var(--accent-primary-dim)}.cpop-recent{display:grid;gap:6px}.cpop-recent[hidden]{display:none}.cpop-recent-label{font-size:.84rem;color:var(--text-secondary)}.cpop-recent-row{display:flex;gap:6px;flex-wrap:wrap}.cpop-swatch{width:22px;height:22px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px #00000059;transition:transform .12s}.cpop-swatch:hover{transform:scale(1.12)}.cpop-done{height:32px;border-radius:8px;border:0;background:var(--accent-primary);color:#1a1408!important;font-weight:600}@media(pointer:coarse){.cpop{width:260px}.cpop-sv{height:160px}.cpop-hue{height:20px}.cpop-sv-thumb,.cpop-hue-thumb{width:24px;height:24px}.cpop-swatch{width:28px;height:28px}}@media(prefers-reduced-motion:reduce){.cpop{animation:none}}.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:.88rem!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(340px,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 2.6rem .3rem .65rem!important;font-size:.9rem!important}.input-floating-label{font-size:.78rem!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:.92rem;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:.88rem!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:.8rem;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:minmax(0,1fr) minmax(0,1fr);gap:.4rem}.quick-roll-btn{padding:.65rem .5rem!important;min-height:44px;font-size:.88rem!important}.modifier-controls,.qty-controls{flex-wrap:wrap;gap:.4rem}.macros-list{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,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}#onboarding-modal{align-items:center!important;justify-content:center!important}#onboarding-modal .modal-content{width:92%!important;max-width:420px!important;border-radius:var(--border-radius)!important;max-height:90vh;overflow-y:auto}#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}#updates-modal{align-items:center!important;justify-content:center!important}#updates-modal .modal-content{width:90%!important;max-width:440px!important;border-radius:var(--border-radius)!important;max-height:85vh;min-width:unset!important}#steam-promo-modal{align-items:center!important;justify-content:center!important}#steam-promo-modal .modal-content{width:92%!important;max-width:460px!important;border-radius:var(--border-radius)!important;max-height:90vh;min-width:unset!important;padding:0!important}#notation-guide-modal{align-items:center!important;justify-content:center!important}#notation-guide-modal .modal-content{width:94%!important;max-width:480px!important;border-radius:var(--border-radius)!important;max-height:88vh;padding:1.25rem!important}.ng-example{padding:.65rem .6rem!important;gap:.5rem!important;min-height:44px}.ng-example code{font-size:.88rem!important;white-space:normal;min-width:76px!important}.ng-example span{font-size:.86rem!important}.ng-try-btn{min-height:36px!important;padding:.3rem .65rem!important;font-size:.84rem!important}.ng-tab{font-size:.86rem!important;padding:.45rem .5rem!important}.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:.78rem;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,.mobile-account-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,.mobile-account-btn:active{border-color:var(--accent-primary-dim);color:var(--accent-primary)}.mobile-wishlist-btn{width:100%;background:var(--bg-tertiary);border:1px solid var(--accent-primary-dim);color:var(--accent-primary);padding:.7rem 1rem;border-radius:var(--border-radius);font-family:var(--body-font);font-size:1rem;font-weight:600;text-align:left;min-height:44px;display:flex;align-items:center;gap:.5rem;text-decoration:none;box-shadow:0 0 9px #d4a54a4d;transition:border-color .2s,background .2s}.mobile-wishlist-btn svg{width:18px;height:18px;flex-shrink:0}.mobile-wishlist-btn:active{border-color:var(--accent-primary);background:var(--bg-secondary)}@media(max-width:480px){.steam-promo-content .modal-buttons{gap:.6rem}.steam-promo-content .modal-btn{padding-left:.6rem;padding-right:.6rem;font-size:.92rem}}.mobile-updates-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-updates-btn:active{border-color:var(--accent-primary-dim);color:var(--accent-primary)}.mobile-updates-btn.has-new{border-color:var(--accent-success);color:var(--accent-success)}.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:.85rem;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-toggle{display:inline-flex;align-items:center;margin-left:auto;padding:.35rem 0;cursor:pointer}.mobile-toggle input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.mobile-toggle-track{position:relative;display:block;width:42px;height:24px;border-radius:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);transition:background .16s ease,border-color .16s ease}.mobile-toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--line-dim);transition:transform .16s ease,background .16s ease}.mobile-toggle input:checked+.mobile-toggle-track{background:var(--accent-primary-dim);border-color:var(--accent-primary)}.mobile-toggle input:checked+.mobile-toggle-track:after{transform:translate(18px);background:var(--accent-primary)}.mobile-duality-body,.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:.84rem;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;min-width:0}.quick-bar-die{flex:1 1 0;min-width:0;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 0;border-radius:6px;cursor:pointer;text-align:center;white-space:nowrap;min-height:40px;transition:background .15s,border-color .15s}@media(max-width:380px){.mobile-quick-bar{padding:0 .35rem;gap:.3rem}.quick-bar-qty{gap:.15rem}.quick-bar-btn{width:34px}.quick-bar-qty-val{min-width:16px}.quick-bar-dice{gap:.22rem}.quick-bar-die{font-size:.72rem}}@media(max-width:340px){.quick-bar-btn{width:30px}.quick-bar-die{font-size:.66rem}}.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:46px;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:.25rem .5rem;font-size:.84rem;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:.88rem;color:var(--accent-primary)}.mmh-total.crit{color:var(--accent-success)}.mmh-total.fumble{color:var(--accent-danger)}.mobile-mini-history:has(.mmh-clear-wrap){padding-right:0}.mmh-clear-wrap{position:sticky;right:0;margin-left:auto;flex-shrink:0;display:flex;align-items:center;align-self:stretch;padding:0 .5rem 0 1rem;background:linear-gradient(to right,transparent 0,var(--bg-secondary) .6rem)}.mmh-clear{min-height:34px;padding:.2rem .6rem;background:var(--bg-tertiary);border:1px solid var(--accent-primary);border-radius:6px;color:var(--text-secondary);font-family:var(--mono-font);font-size:.84rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .15s,color .15s}.mmh-clear:active{background:#d4a54a2e}.mmh-clear.confirm-delete{background:var(--accent-danger);border-color:var(--accent-danger);color:#fff;font-weight:700}.input-area{bottom:162px!important}.main-area{padding-bottom:162px!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:.92rem;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:.9rem;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 1 0;min-width:0;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:.78rem;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:.92rem;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:.88rem;line-height:1;-webkit-tap-highlight-color:transparent}.drawer-close-btn:active{opacity:.6}.input-help-btn{width:26px!important;height:26px!important;font-size:.92rem!important;padding:0!important;margin:0!important;box-sizing:border-box!important;right:.4rem!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:.92rem}.builder-preset-btn{min-height:44px;font-size:.92rem}.builder-modifiers{flex-wrap:wrap}.builder-mod-field,.builder-ops-field,.builder-keep-field{padding:.6rem .5rem}.builder-mod-divider{display:none}.builder-op-btn{min-height:40px;padding:0 .7rem;font-size:.92rem}#builder-modal{align-items:center!important;justify-content:center!important}.builder-modal-content{max-width:95vw;max-height:90vh;overflow-y:auto;border-radius:var(--border-radius)!important}.builder-dice-grid{gap:.4rem}.builder-die-btn{min-height:52px;padding:.55rem 0;font-size:clamp(.6rem,2.8vw,.88rem)}.builder-part{padding:0;gap:0;font-size:.95rem}.builder-part-stepper{min-width:40px;height:40px;font-size:1.2rem;padding:0}.builder-part-count{font-size:1rem;min-width:24px}.builder-part-label{font-size:.95rem;padding:0 .5rem 0 .2rem}.builder-part-remove{min-width:40px;height:40px;font-size:1.1rem;padding:0;justify-content:center}.builder-mod-btn{width:44px;height:44px;font-size:1.3rem}.builder-math-btn,.builder-keep-btn{min-height:40px;padding:.4rem .75rem;font-size:.92rem}.builder-keep-n{min-height:40px;width:58px;font-size:.95rem}.builder-open-btn{padding:.55rem .7rem;font-size:.84rem}.history-header{flex-wrap:wrap;row-gap:.5rem}.history-header .sidebar-title{flex-basis:100%}.history-export-btn{min-height:36px;padding-left:.8rem;padding-right:.8rem}.input-help-btn:after,.label-pin-btn:after,.quick-rolls-edit-btn:after{content:"";position:absolute;inset:-7px}.quick-rolls-edit-btn{position:relative}.input-actions-divider{display:none}.builder-open-btn{flex:1 1 100%;min-height:40px}.mp-tab{padding-left:.6rem;padding-right:.6rem;white-space:nowrap}.modal-buttons .modal-btn{padding-left:.5rem;padding-right:.5rem}@media(max-width:400px){.builder-dice-grid{grid-template-columns:repeat(4,1fr)}.builder-die-btn{font-size:.92rem}}.dp-pop.sheet .dp-tabs button{min-height:36px}}.settings-panel{width:320px;max-height:calc(100vh - 80px);overflow-y:auto;padding:.9rem 1rem 1rem;border-radius:12px;background:linear-gradient(180deg,var(--bg-secondary),var(--bg-primary));overscroll-behavior:contain}.settings-panel-head{font-family:var(--header-font);font-size:.95rem;letter-spacing:.04em;color:var(--text-primary);padding-bottom:.65rem;border-bottom:1px solid var(--border-color)}.settings-group{padding:.8rem 0 .2rem}.settings-group+.settings-group{border-top:1px solid var(--border-color);margin-top:.6rem}.settings-group-title{display:flex;align-items:center;gap:.45rem;font-family:var(--header-font);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:.6rem}.settings-group-icon{font-size:.92rem;letter-spacing:0}.settings-field-label{display:block;font-size:.95rem;color:var(--text-secondary);margin-bottom:.4rem}.settings-select{display:block;width:100%;margin-top:.2rem;padding:.45rem .6rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font-family:var(--body-font);font-size:.92rem}.scale-buttons+.settings-field-label{margin-top:.8rem}.settings-panel .scale-buttons{grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.settings-panel .scale-btn{border:none;border-radius:0;border-right:1px solid var(--border-color);padding:.45rem 0}.settings-panel .scale-btn:last-child{border-right:none}.settings-panel .scale-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.settings-panel .volume-slider-container{padding:.2rem 0}.a11y-settings{display:flex;flex-direction:column;gap:.6rem}.a11y-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.a11y-card.on{border-color:var(--accent-primary-dim);box-shadow:0 0 0 1px var(--accent-primary-alpha)}.a11y-preview{position:relative;aspect-ratio:12 / 5;background:radial-gradient(ellipse at 50% 40%,#1d1f2b,#12131a 80%);border-bottom:1px solid var(--border-color);overflow:hidden}.a11y-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.a11y-preview .pv-on{opacity:0;transition:opacity .35s ease}.a11y-card.on .pv-on{opacity:1}.a11y-card.replay.on .pv-on{animation:pv-reveal .6s ease-out}.a11y-badge{position:absolute;top:6px;right:8px;padding:1px 7px;border-radius:8px;font-family:var(--mono-font);font-size:.6rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:#00000073;color:var(--text-dim)}.a11y-badge:after{content:attr(data-off)}.a11y-card.on .a11y-badge{color:var(--accent-primary)}.a11y-card.on .a11y-badge:after{content:attr(data-on)}.a11y-row{position:relative;display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;cursor:pointer}.a11y-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.a11y-title{font-size:.9rem;font-weight:600;color:var(--text-primary)}.a11y-desc{font-size:.92rem;line-height:1.35;color:var(--text-secondary)}.a11y-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.a11y-switch{flex:none;position:relative;width:42px;height:24px;border-radius:12px;background:var(--bg-primary);border:1px solid var(--border-color);transition:background .16s ease,border-color .16s ease}.a11y-switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--line-dim);transition:transform .16s ease,background .16s ease}.a11y-input:checked+.a11y-switch{background:var(--accent-primary-dim);border-color:var(--accent-primary)}.a11y-input:checked+.a11y-switch:after{transform:translate(18px);background:var(--accent-primary)}.a11y-input:focus-visible+.a11y-switch{outline:2px solid var(--accent-primary);outline-offset:2px}@keyframes pv-reveal{0%{opacity:0}35%{opacity:0}to{opacity:1}}.msg-group{margin-bottom:1.15rem}.msg-group-title{font-family:var(--header-font);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-primary);margin:0 .25rem .45rem}.msg-card{background:#ffffff06;border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.msg-item{display:flex;flex-direction:column;gap:.5rem;padding:.75rem .85rem}.msg-item+.msg-item{border-top:1px solid var(--border-color)}.msg-item[hidden]{display:none}.msg-item-line{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.msg-item-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.msg-item-label{font-size:.9rem;color:var(--text-primary)}.msg-item-hint{font-size:.9rem;color:var(--text-secondary)}.msg-optional{margin-left:.35rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.msg-card .mobile-settings-select{flex:0 1 58%;max-width:58%}.msg-card .mobile-dice-browse-btn{margin:0}.msg-card .mobile-duality-body{margin:.25rem 0 0}.msg-card .mobile-toggle{margin-left:0}.msg-card-links{display:flex;flex-direction:column;gap:.5rem;padding:.6rem}@media(prefers-reduced-motion:reduce){.a11y-card,.a11y-switch,.a11y-switch:after,.a11y-preview .pv-on{transition:none!important;animation:none!important}}.settings-panel .updates-btn{width:100%;height:40px;font-size:.85rem}@media(min-width:1101px){header{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;column-gap:1.75rem;padding:.9rem 1.75rem;min-height:88px}header .logo{white-space:nowrap;font-size:2.5rem;letter-spacing:.12em}.global-roll-counter,header.counter-static .global-roll-counter{position:static;transform:none;margin:0;grid-column:2;justify-self:start;white-space:nowrap}header.counter-center .global-roll-counter{position:absolute;grid-column:1 / -1;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}.global-roll-counter .counter-label{white-space:nowrap}.header-controls{margin-left:0;gap:1rem;grid-column:3;justify-self:end}.header-controls>*{flex-shrink:0}.header-controls .multiplayer-btn,.header-controls .wishlist-btn,.header-controls .rename-btn,.header-controls .updates-btn,.header-controls .feedback-btn,.header-controls .account-btn,.header-controls .dice-store-btn,.header-controls .dice-appearance-btn,.header-controls .settings-btn{height:52px}.header-controls .wishlist-btn,.header-controls .updates-btn,.header-controls .feedback-btn,.header-controls .account-btn,.header-controls .dice-store-btn{font-size:.98rem;padding:0 1.15rem}.header-controls .wishlist-btn svg{width:24px;height:24px}.header-controls .rename-btn{font-size:1.12rem;padding:.4rem 1.2rem}.header-controls .account-btn{line-height:50px}.header-controls .dice-appearance-btn.dp-trigger{font-size:.86rem;padding:3px .8rem 3px 3px;gap:.6rem}.header-controls .dp-trigger-thumb{width:44px;height:44px}.header-controls .dp-trigger-name{max-width:11rem}.header-controls .settings-btn{width:52px;font-size:1.8rem}.global-roll-counter{padding:.35rem 1.4rem}.global-roll-counter .counter-value{font-size:1.75rem}.global-roll-counter.size-medium .counter-value{font-size:1.5rem}.global-roll-counter.size-large .counter-value{font-size:1.3rem}.global-roll-counter .counter-label{font-size:.82rem}header.fit-measuring,header.fit-measuring *{transition:none!important}header.fit-1 .wishlist-btn .wl-full{display:none}header.fit-1 .wishlist-btn .wl-short{display:inline}header.fit-2 .wishlist-btn{width:36px;padding:0;justify-content:center}header.fit-2 .wishlist-btn .wl-short{display:none}header.fit-3 .header-controls{gap:.6rem}header.fit-3 .dp-trigger-name{display:none}header.fit-3 .dice-store-btn .hdr-label{display:none}header.fit-3 .dice-store-btn{width:36px;padding:0}header.fit-3 .multiplayer-btn .mp-text{display:none}header.fit-4 .updates-btn,header.fit-4 .feedback-btn,header.fit-4 .account-btn{padding:0 .55rem;letter-spacing:.03em}header.fit-4 .rename-btn{max-width:165px}header.fit-4 .account-btn{max-width:150px;overflow:hidden;text-overflow:ellipsis;display:block;line-height:50px}header.fit-5{padding-left:1rem;padding-right:1rem;column-gap:1rem}header.fit-5 .header-controls{gap:.45rem}header.fit-5 .logo{font-size:1.9rem;letter-spacing:.08em}header.fit-5 .rename-btn{max-width:120px;padding:.4rem .6rem}header.fit-6 .mp-room-info-sep,header.fit-6 .mp-room-info-players{display:none}header.fit-6 .rename-btn{max-width:96px}header.fit-6 .account-btn{max-width:120px}}html.rf-intro:before{content:"";position:fixed;inset:0;z-index:2147483000;background:#0d0d12}.launch-intro{position:fixed;inset:0;z-index:2147483001;overflow:hidden;background:radial-gradient(120% 80% at 50% 42%,#1d1d2a,#0d0d12 70%);cursor:pointer;-webkit-tap-highlight-color:transparent}.li-center{position:absolute;inset:0;display:grid;place-items:center}.li-pos{position:relative;display:grid;place-items:center}.li-pos>*{grid-area:1 / 1}.li-scale{display:grid;place-items:center}.li-word{position:relative;display:inline-block;white-space:nowrap;letter-spacing:.08em;line-height:1;padding-left:.08em}.li-ch{display:inline-block;position:relative;z-index:1}.li-ch.li-cap{z-index:2}.li-g{display:inline-block;position:relative;z-index:1;transform-origin:50% 50%}.li-gold{color:#d4a54a;font-weight:700;text-shadow:0 0 .6em rgba(212,165,74,.35)}.li-gold:not(.li-cap){text-shadow:0 0 .6em rgba(212,165,74,0)}.li-bone{color:#e8e4dc;font-weight:400}.li-adorn{pointer-events:none;opacity:0;color:#d4a54a}.li-disc{pointer-events:none;border-radius:50%;background:radial-gradient(closest-side,#22222f,#0d0d1200)}.li-adorn svg{width:100%;height:100%;display:block}.li-burst{pointer-events:none;opacity:0;border-radius:50%;border:2px solid #d4a54a}.li-glow{pointer-events:none;opacity:0;border-radius:50%;background:radial-gradient(closest-side,rgba(212,165,74,.45),rgba(212,165,74,.12) 55%,transparent)}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--border-color) 70%,#fff) transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--border-color) 70%,#fff);border:2px solid transparent;background-clip:padding-box;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--accent-primary-dim)}::-webkit-scrollbar-corner{background:transparent}@media(min-width:1101px){:root{--rf-card: linear-gradient(180deg, var(--bg-tertiary), color-mix(in srgb, var(--bg-tertiary) 70%, var(--bg-secondary)));--rf-line: color-mix(in srgb, var(--border-color) 78%, #fff);--rf-inset: inset 0 1px 0 rgba(255, 255, 255, .04);--rf-lift: 0 6px 16px rgba(0, 0, 0, .35), 0 0 0 1px rgba(212, 165, 74, .25), inset 0 1px 0 rgba(255, 255, 255, .06)}.modal-overlay>.modal-content,.game-overlay>.modal-content{padding:1.6rem 1.9rem 1.7rem;background:linear-gradient(180deg,var(--bg-secondary),color-mix(in srgb,var(--bg-secondary) 80%,var(--bg-primary)));border:1px solid var(--rf-line);border-radius:14px;box-shadow:0 24px 60px #0009,0 0 0 1px #0006,var(--rf-inset)}.modal-content>.modal-title,.modal-content>.game-title{font-size:1.5rem;font-weight:700;letter-spacing:.06em;color:var(--accent-primary);text-shadow:0 0 18px var(--glow-color);padding-bottom:.7rem;margin-bottom:1rem;border-bottom:2px solid var(--accent-primary-dim)}.modal-content>.modal-title:has(+.modal-subtitle),.modal-content>.game-title:has(+.game-subtitle){padding-bottom:0;margin-bottom:.25rem;border-bottom:0}.modal-content>.modal-subtitle,.modal-content>.game-subtitle{font-size:.95rem;padding-bottom:.8rem;margin-bottom:1.1rem;border-bottom:2px solid var(--accent-primary-dim)}.modal-content .modal-input,.modal-content textarea.modal-input,.modal-content select.modal-input{min-height:48px;padding:.7rem .9rem;background:var(--rf-card);border:1px solid var(--rf-line);box-shadow:var(--rf-inset);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.modal-content .modal-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-alpha),var(--rf-inset)}.modal-buttons{gap:.6rem}.modal-btn{min-height:44px;padding:0 1.3rem;font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--border-radius)}.modal-btn.primary{border:0;box-shadow:0 6px 18px #d4a54a4d}.modal-btn.primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #d4a54a73;filter:brightness(1.06)}.modal-btn.secondary{background:var(--rf-card);border:1px solid var(--rf-line);color:var(--text-primary);box-shadow:var(--rf-inset)}.modal-btn.secondary:hover{transform:translateY(-1px);color:var(--accent-primary);border-color:var(--accent-primary);box-shadow:var(--rf-lift)}.modal-btn.danger{background:transparent;border:1px solid var(--accent-danger);color:var(--accent-danger)}.modal-btn.danger:hover{background:#c4454524}.settings-panel{width:min(960px,calc(100vw - 24px));padding:1rem 1.1rem 1.1rem;border:1px solid var(--rf-line);border-radius:14px;box-shadow:0 24px 60px #0009,0 0 0 1px #0006,var(--rf-inset)}.settings-panel-head{font-size:1.1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-primary);text-shadow:0 0 14px var(--glow-color);border-bottom:2px solid var(--accent-primary-dim)}.settings-group+.settings-group{border-top-color:var(--rf-line)}.settings-group-title{font-size:.88rem;font-weight:700}.settings-field-label{font-size:.95rem;color:var(--text-primary)}.settings-select{min-height:42px;padding:.5rem 2.2rem .5rem .8rem;font-size:.95rem;font-weight:600;color:var(--text-primary);border:1px solid var(--rf-line);border-radius:var(--border-radius);box-shadow:var(--rf-inset);appearance:none;-webkit-appearance:none;background:var(--rf-card);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4a54a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"),var(--rf-card);background-repeat:no-repeat,no-repeat;background-position:right .7rem center,0 0;background-size:18px 18px,100% 100%}.settings-select:hover,.settings-select:focus{border-color:var(--accent-primary);outline:none}.settings-panel .scale-buttons{border-color:var(--rf-line);border-radius:var(--border-radius);background:var(--rf-card);box-shadow:var(--rf-inset)}.settings-panel .scale-btn{min-height:40px;border-right-color:var(--rf-line);font-family:var(--header-font);font-weight:700;font-size:.9rem;color:var(--text-secondary);background:transparent}.settings-panel .scale-btn:hover{color:var(--accent-primary)}.settings-panel .scale-btn.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-dim));color:var(--bg-primary)}.a11y-card{background:var(--rf-card);border-color:var(--rf-line);box-shadow:var(--rf-inset)}.a11y-card.on{border-color:var(--accent-primary);box-shadow:0 0 0 1px #d4a54a40,var(--rf-inset)}.settings-panel .updates-btn{min-height:44px;font-size:.9rem;font-weight:700;letter-spacing:.08em;background:var(--rf-card);border-color:var(--rf-line);color:var(--text-primary);box-shadow:var(--rf-inset)}.settings-panel .updates-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary);box-shadow:var(--rf-lift)}.settings-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.settings-close-btn{flex:none;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--rf-line);border-radius:var(--border-radius);background:var(--rf-card);color:var(--text-secondary);font-size:1rem;line-height:1;cursor:pointer;text-shadow:none}.settings-close-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.scale-panel.settings-panel{top:96px;max-height:calc(100vh - 108px)}.settings-panel .a11y-preview{aspect-ratio:12 / 4}.settings-columns{display:grid;grid-template-columns:1fr 1fr 1.15fr;align-items:start}.settings-col{min-width:0;padding:0 1.25rem}.settings-col:first-child{padding-left:0}.settings-col:last-child{padding-right:0}.settings-col+.settings-col{border-left:1px solid var(--rf-line)}.settings-col .settings-group:first-child{padding-top:.9rem}.settings-field-label{margin-bottom:.45rem}.settings-field-label:not(:first-of-type),.scale-buttons+.settings-field-label{margin-top:.85rem}.settings-row-btn{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .8rem;border:1px solid var(--rf-line);border-radius:var(--border-radius);background:var(--rf-card);box-shadow:var(--rf-inset);cursor:pointer;font-family:var(--body-font);font-size:1rem;font-weight:600;color:var(--text-primary);text-align:left}.settings-row-btn:hover{border-color:var(--accent-primary)}.settings-row-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-row-icon{flex:none;color:var(--accent-primary);font-size:1.1rem}.settings-switch-row{position:relative;display:flex;align-items:center;gap:.75rem;margin-top:.85rem;padding:.6rem .75rem;border:1px solid var(--rf-line);border-radius:var(--border-radius);background:var(--rf-card);box-shadow:var(--rf-inset);cursor:pointer}.settings-switch-row[hidden]{display:none}.settings-switch-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.settings-switch-title{font-size:.98rem;font-weight:600;color:var(--text-primary)}.settings-switch-hint{font-size:.9rem;line-height:1.3;color:var(--text-secondary)}.settings-help{margin-top:.9rem;border-top:1px solid var(--rf-line)}.settings-help-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.settings-panel .settings-help-row .settings-link-btn{width:100%;height:auto;min-height:44px;padding:.45rem .6rem;font-family:var(--header-font);font-size:.85rem;font-weight:700;letter-spacing:.06em;line-height:1.2;text-transform:uppercase;color:var(--text-primary);text-wrap:balance;background:var(--rf-card);border:1px solid var(--rf-line);border-radius:var(--border-radius);box-shadow:var(--rf-inset);cursor:pointer}.settings-panel .settings-help-row .settings-link-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary);box-shadow:var(--rf-lift)}.settings-panel .settings-help-row .updates-btn.has-new{color:var(--accent-success);border-color:var(--accent-success)}.quick-roll-edit-row{gap:.4rem;padding:.45rem .5rem;background:var(--rf-card);border:1px solid var(--rf-line);box-shadow:var(--rf-inset)}.quick-roll-edit-row input{min-height:34px;padding:.3rem .5rem;font-size:.9rem;background:var(--bg-primary);border:1px solid var(--rf-line);border-radius:var(--border-radius)}.quick-roll-edit-row input:last-of-type{color:var(--accent-primary);font-weight:600}.quick-roll-del-btn{width:28px;height:28px;border-radius:var(--border-radius);font-size:1rem}.quick-roll-del-btn:hover{color:var(--accent-danger);background:#c4454524}.input-help-tooltip{width:360px;padding:1rem 1.1rem;background:linear-gradient(180deg,var(--bg-secondary),color-mix(in srgb,var(--bg-secondary) 80%,var(--bg-primary)));border:1px solid var(--rf-line);border-radius:12px;box-shadow:0 18px 44px #0000008c,var(--rf-inset)}.input-help-tooltip .tooltip-title{font-size:1rem;font-weight:700;letter-spacing:.06em;color:var(--accent-primary)}.input-help-tooltip .tooltip-desc{color:var(--text-primary);opacity:.85}.input-help-tooltip .tooltip-example{padding:.45rem .6rem;background:var(--rf-card);border:1px solid var(--rf-line);border-radius:var(--border-radius)}.input-help-tooltip .tooltip-example code{color:var(--accent-primary);font-weight:600}.ng-tabs{gap:0;padding:3px;border:1px solid var(--rf-line);border-radius:var(--border-radius);background:var(--rf-card);box-shadow:var(--rf-inset)}.ng-tab{flex:1;min-height:38px;border:0;border-radius:calc(var(--border-radius) - 2px);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.88rem}.ng-tab:hover{color:var(--accent-primary)}.ng-tab.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-dim));color:var(--bg-primary)}.ng-section-label{font-size:.86rem;font-weight:700;color:var(--accent-primary)}.ng-example{padding:.55rem .7rem;background:var(--rf-card);border:1px solid var(--rf-line);border-radius:var(--border-radius);box-shadow:var(--rf-inset);transition:border-color .2s ease}.ng-example:hover{border-color:var(--accent-primary-dim);background:var(--rf-card)}.ng-example code{padding:.2em .55em;border-radius:999px;background:#d4a54a1f;border:1px solid rgba(212,165,74,.35);color:var(--accent-primary);font-weight:600}.ng-example span{color:var(--text-primary);opacity:.85}.ng-try-btn{min-height:30px;padding:0 .8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--border-radius)}.mp-modal{max-width:560px}.mp-section{padding:1rem 1rem .9rem;gap:.55rem;background:var(--rf-card);border:1px solid var(--rf-line);border-radius:var(--border-radius);box-shadow:var(--rf-inset)}.mp-divider-vertical:before,.mp-divider-vertical:after{background:var(--rf-line)}.mp-btn{min-height:48px;font-size:1rem;letter-spacing:.1em;text-transform:uppercase}.mp-section .modal-input{margin-bottom:0;background:var(--bg-primary)}.mp-section .mp-code-input{font-size:1.3rem;letter-spacing:.3rem}.mp-section .mp-password-input{min-height:42px;font-size:.95rem}.mp-checkbox-label{color:var(--text-primary)}.mp-tabs{gap:0;padding:3px;border:1px solid var(--rf-line);border-radius:var(--border-radius);background:var(--rf-card);box-shadow:var(--rf-inset)}.mp-tab{flex:1;min-height:40px;border:0;border-radius:calc(var(--border-radius) - 2px);background:transparent;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.88rem}.mp-tab:hover{color:var(--accent-primary);background:transparent}.mp-tab.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-dim));color:var(--bg-primary)}.mp-room-header{padding:.9rem 1rem;background:var(--rf-card);border:1px solid var(--rf-line);box-shadow:var(--rf-inset)}.mp-room-label{font-family:var(--header-font);font-size:.84rem;letter-spacing:.12em;color:var(--accent-primary-dim)}.mp-room-code-value{font-size:1.8rem;font-weight:700;text-shadow:0 0 16px var(--glow-color)}.mp-copy-btn,.mp-share-btn{min-height:36px;background:var(--bg-primary);border:1px solid var(--rf-line);border-radius:var(--border-radius);color:var(--text-primary);font-family:var(--header-font);font-weight:700;font-size:.88rem;letter-spacing:.06em}.mp-copy-btn:hover,.mp-share-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--bg-primary)}.mp-section-title{font-size:.92rem;font-weight:700}.mp-player{padding:.7rem .85rem;background:var(--rf-card);border:1px solid var(--rf-line);box-shadow:var(--rf-inset)}.mp-player.is-host{border-color:var(--accent-primary-dim)}.mp-player.is-you{border-color:var(--accent-primary);box-shadow:0 0 0 1px #d4a54a40,var(--rf-inset)}.mp-player-color{width:14px;height:14px;box-shadow:0 0 0 2px #ffffff1f}.mp-player-name{font-weight:600}.initiative-row{background:var(--rf-card);border-color:var(--rf-line);box-shadow:var(--rf-inset)}.initiative-value{text-shadow:0 0 10px var(--glow-color)}.clear-btn.mp-btn{min-height:44px;background:transparent;border:1px solid var(--accent-danger);color:var(--accent-danger);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.clear-btn.mp-btn:hover{background:#c4454524}.sidebar-actions .multiplayer-btn.in-room{background:linear-gradient(180deg,#37b06a,#237a47);border:1px solid rgba(255,255,255,.14);color:#06140b;box-shadow:0 0 22px #45c47559,inset 0 1px #ffffff2e;text-shadow:0 1px 0 rgba(255,255,255,.18)}.sidebar-actions .multiplayer-btn.in-room:hover{transform:translateY(-1px);box-shadow:0 0 30px #45c47580,inset 0 1px #ffffff2e;filter:brightness(1.05)}.sidebar-actions .multiplayer-btn.in-room .mp-live-dot{width:9px;height:9px;background:#e9fff0;box-shadow:0 0 8px #9cf5bf}.sidebar-actions .multiplayer-btn.in-room .mp-room-info-code{font-size:calc(1.4rem * var(--font-scale, 1));letter-spacing:.16em}.sidebar-actions .multiplayer-btn.in-room .mp-room-info-meta{opacity:1;gap:.4rem;margin-top:.15rem;font-size:calc(.92rem * var(--font-scale, 1));font-weight:700;letter-spacing:.04em;text-transform:none;color:#06140b;text-shadow:0 1px 0 rgba(255,255,255,.22)}.sidebar-actions .multiplayer-btn.in-room .mp-room-info-players{font-size:inherit;opacity:1}.sidebar-actions .multiplayer-btn.in-room .mp-room-info-role{padding:0;background:none;border:0;font-size:inherit;text-transform:uppercase}.sidebar-actions .multiplayer-btn.in-room .mp-room-info-role:before{content:"·";margin-right:.4rem;opacity:.75}}.dice-moved-hint{position:fixed;z-index:15000;display:flex;align-items:center;gap:.6rem;max-width:320px;padding:.7rem .9rem .7rem 1rem;transform:translate(-8px,-50%);background:linear-gradient(180deg,var(--bg-secondary),color-mix(in srgb,var(--bg-secondary) 80%,var(--bg-primary)));border:1px solid var(--accent-primary);border-radius:12px;box-shadow:0 12px 36px #0000008c,0 0 22px var(--glow-color);color:var(--text-primary);font-family:var(--body-font);font-size:1.02rem;font-weight:600;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none}.dice-moved-hint.show{opacity:1;transform:translateY(-50%);pointer-events:auto}.dmh-arrow{position:absolute;left:-11px;top:50%;width:20px;height:20px;margin-top:-10px;background:var(--accent-primary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='m12 19-7-7 7-7'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='m12 19-7-7 7-7'/%3E%3C/svg%3E") center / contain no-repeat;filter:drop-shadow(0 0 6px var(--glow-color));animation:dmh-nudge 1.1s ease-in-out infinite}@keyframes dmh-nudge{0%,to{transform:translate(0)}50%{transform:translate(-7px)}}.dmh-text{padding-left:.5rem}.dmh-ok{flex:none;min-height:32px;padding:0 .8rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-dim));border:0;border-radius:var(--border-radius);color:var(--bg-primary);font-family:var(--header-font);font-weight:700;font-size:.88rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.dmh-ok:hover{filter:brightness(1.08)}@media(max-width:1100px){.dice-moved-hint{display:none}}@media(prefers-reduced-motion:reduce){.dmh-arrow{animation:none}.dice-moved-hint{transition:none}}#whats-new-modal{align-items:center!important;justify-content:center!important;padding:1rem;background:#000000c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wn-pop{position:relative;display:flex;flex-direction:row;width:960px;max-width:100%;max-height:100%;overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 60px #0009,0 0 0 1px #d4a54a14;color:var(--text-primary);color-scheme:dark;transition:width .75s cubic-bezier(.65,0,.25,1)}.wn-pop.wn-pre{opacity:0;transform:scale(.96) translateY(8px)}.wn-pop.wn-pop-in{transition:opacity .4s ease,transform .45s ease-out,width .75s cubic-bezier(.65,0,.25,1)}.wn-pop.wn-intro{width:346px}.wn-pop.wn-intro .wn-right{opacity:0}.wn-x{position:absolute;top:10px;right:12px;z-index:2;background:transparent;border:0;color:var(--text-dim);font-size:1.4rem;line-height:1;cursor:pointer}.wn-x:hover{color:var(--text-primary)}.wn-left{flex:0 0 346px;width:346px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:1.6rem;text-align:center;background:radial-gradient(ellipse at 50% 35%,rgba(212,165,74,.18),transparent 62%);border-right:1px solid var(--border-color)}.wn-video{width:220px;height:220px;border-radius:50%;object-fit:cover;background:#0d0d12;box-shadow:0 0 70px #d4a54a40,0 0 0 1px #ffffff0f}.wn-head{margin-top:.55rem}.wn-ver{font-family:var(--mono-font);font-size:.86rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:1.35rem}.wn-big{font-family:var(--header-font);font-size:2.15rem;line-height:1.12;letter-spacing:.05em;color:var(--accent-primary);text-shadow:0 0 30px var(--glow-color);margin:0}.wn-sub{font-size:1.22rem;line-height:1.45;color:var(--text-primary);opacity:.88;margin:.6rem 0 0}.wn-later,.wn-later-row button{background:none;border:0;color:var(--text-dim);font-family:var(--header-font);font-size:.78rem;letter-spacing:.06em;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.wn-later{margin-top:.4rem}.wn-later:hover,.wn-later-row button:hover{color:var(--text-secondary)}.wn-later-row{display:none}.wn-right{flex:0 0 614px;width:614px;display:flex;flex-direction:column;min-width:0;opacity:1;transition:opacity .45s ease .35s}.wn-scroll{display:flex;flex-direction:column;min-height:0;overflow:hidden}.wn-media{position:relative;flex-shrink:0;aspect-ratio:16 / 9;overflow:hidden;background:#15151f}.wn-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.wn-shot:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,var(--bg-secondary));pointer-events:none}.wn-labels{position:absolute;inset:5.5% 2.5% auto;display:flex;justify-content:space-around;pointer-events:none}.wn-labels span{font-family:var(--header-font);font-weight:700;font-size:clamp(.8rem,2.4cqw,1.15rem);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-primary);background:#0d0d12bf;padding:.3em 1em;border-radius:6px}.wn-has-labels{container-type:inline-size}.wn-caption{position:absolute;left:0;right:0;bottom:9%;z-index:1;text-align:center;font-size:1.05rem;font-style:italic;color:var(--text-secondary);pointer-events:none}.wn-body{flex:1;min-height:184px;padding:1.1rem 1.8rem .4rem}.wn-kicker{font-family:var(--header-font);font-size:1.15rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#e9bd5e;text-shadow:0 0 14px rgba(212,165,74,.35)}.wn-ttl{font-family:var(--header-font);font-size:1.7rem;line-height:1.2;color:var(--text-primary);margin:.3rem 0 .5rem}.wn-txt{font-size:1.15rem;line-height:1.55;color:var(--text-primary);opacity:.85;margin:0}.wn-cta{display:flex;width:max-content;align-items:center;gap:.5rem;margin:.8rem auto 0;padding:.6rem 1.1rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid #5865f2;border-radius:var(--border-radius);text-decoration:none;font-family:var(--header-font);font-weight:600;font-size:.95rem;letter-spacing:.05em}.wn-cta svg{width:20px;height:20px;color:#7c88ff}.wn-cta:hover{filter:brightness(1.08)}.wn-nav{display:flex;align-items:center;gap:1rem;padding:.6rem 1.8rem 1.3rem}.wn-count{font-family:var(--mono-font);font-size:.8rem;color:var(--text-dim)}.wn-dots{display:flex;gap:6px}.wn-dots i{width:8px;height:8px;border-radius:50%;background:var(--border-color);transition:all .2s}.wn-dots i.on{width:24px;border-radius:4px;background:var(--accent-primary)}.wn-spacer{flex:1}.wn-back{background:none;border:0;color:var(--text-secondary);font-family:var(--header-font);font-size:.85rem;padding:.6rem .4rem;cursor:pointer}.wn-back:hover{color:var(--text-primary)}.wn-back:disabled{visibility:hidden}.wn-next{min-width:150px;padding:.8rem 1.6rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-dim));color:var(--bg-primary);border:0;border-radius:var(--border-radius);font-family:var(--header-font);font-weight:600;font-size:1rem;letter-spacing:.08em;box-shadow:0 6px 22px #d4a54a59;cursor:pointer;transition:transform .15s,box-shadow .15s}.wn-next:hover{transform:translateY(-1px);box-shadow:0 8px 28px #d4a54a73;filter:brightness(1.06)}.wn-discord{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 35%,rgba(88,101,242,.22),transparent 60%),#15151f}.wn-dc{text-align:center;color:var(--text-primary)}.wn-dc-logo svg{width:110px;height:110px;color:var(--accent-primary);filter:drop-shadow(0 0 22px rgba(212,165,74,.35))}.wn-dc-name{font-family:var(--header-font);font-size:1.9rem;font-weight:700;letter-spacing:.06em;margin-top:.3rem}.wn-dc-sub{font-family:var(--header-font);font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.wn-dc-url{display:inline-block;margin-top:.8rem;padding:.35rem .8rem;font-family:var(--mono-font);font-size:.95rem;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:999px}.wn-langs{display:flex;align-items:center;justify-content:center;padding:1.2rem;background:radial-gradient(ellipse at 50% 0%,rgba(212,165,74,.22),transparent 60%),#15151f}.wn-lg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;width:100%;max-width:560px}.wn-lg{display:flex;align-items:center;justify-content:center;min-height:3.4rem;padding:.4rem .3rem;background:#ffffff0a;border:1px solid rgba(212,165,74,.35);border-radius:10px;text-align:center}.wn-lg b{font-family:var(--header-font);font-size:1.05rem;font-weight:600;letter-spacing:.02em;color:var(--text-primary);white-space:nowrap}@media(max-width:1100px){#whats-new-modal{padding:0}.wn-pop,.wn-pop.wn-intro{flex-direction:column;width:min(100%,560px);height:100%;max-height:none;border:0;border-radius:0;transition:none}.wn-pop.wn-pre{opacity:1;transform:none}.wn-pop.wn-intro .wn-right{opacity:1}.wn-x{top:8px;right:10px;font-size:1.6rem;color:var(--text-secondary)}.wn-left{flex:0 0 auto;width:auto;gap:.35rem;padding:1.3rem 1.2rem .9rem;border-right:0;border-bottom:1px solid var(--border-color);background:radial-gradient(ellipse at 50% 30%,rgba(212,165,74,.2),transparent 65%)}.wn-video{width:116px;height:116px;box-shadow:0 0 46px #d4a54a4d,0 0 0 1px #ffffff14}.wn-head{margin-top:0}.wn-ver{font-size:.66rem;margin:.3rem 0 .1rem}.wn-big{font-size:1.35rem}.wn-sub,.wn-later{display:none}.wn-right{flex:1 1 auto;width:auto;min-height:0}.wn-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:none}.wn-scroll::-webkit-scrollbar{display:none}.wn-media{aspect-ratio:16 / 11}.wn-caption{bottom:7%;font-size:.95rem}.wn-body{min-height:0;padding:.6rem 1.1rem .4rem}.wn-kicker{font-size:1rem}.wn-ttl{font-size:1.35rem;margin:.25rem 0 .35rem}.wn-txt{font-size:1.02rem;line-height:1.5}.wn-cta{width:100%;justify-content:center;margin-top:.55rem;padding:.6rem 1rem}.wn-nav{flex-shrink:0;flex-wrap:wrap;gap:.5rem .8rem;padding:.6rem 1.1rem calc(.9rem + env(safe-area-inset-bottom));border-top:1px solid var(--border-color);background:var(--bg-secondary)}.wn-count,.wn-spacer{display:none}.wn-dots{order:1}.wn-back{order:2;margin-left:auto;padding:.3rem .2rem}.wn-next{order:3;flex:1 0 100%;min-width:0;padding:.9rem 1rem;font-size:1.05rem}.wn-later-row{display:block;order:4;width:100%;text-align:center}.wn-later-row button{font-size:.74rem;padding:.2rem}.wn-dc-logo svg{width:72px;height:72px}.wn-dc-name{font-size:1.35rem}.wn-dc-url{margin-top:.5rem;font-size:.85rem}.wn-langs{padding:.7rem}.wn-lg-grid{gap:.4rem}.wn-lg{min-height:2.7rem;padding:.3rem .2rem}.wn-lg b{font-size:.78rem}}@media(prefers-reduced-motion:reduce){.wn-pop,.wn-pop.wn-pop-in,.wn-right,.wn-dots i,.wn-next{transition:none}}