:root{--primary:oklch(62.6% .22 25.9);--surface:oklch(15% .01 25.9);--base:oklch(98% .01 25.9);--accent:oklch(75% .02 25.9);--success:oklch(80% .15 145);--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;font-family:var(--font-sans);color:var(--base);background-color:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px;font-weight:400;line-height:1.5}@media (width<=1024px){:root{font-size:16px}}#root{width:100%;height:100%}body{background-color:var(--surface);color:var(--base);margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:-.05em;text-transform:uppercase;margin:0;font-weight:900}h1{font-size:4rem}@media (width<=1024px){h1{font-size:2.5rem}}h2{font-size:2rem}@media (width<=1024px){h2{font-size:1.5rem}}p{margin:0}code,.number,.counter{font-family:var(--font-mono);font-weight:700}html,body,#root,.app-container{width:100%;height:100%;margin:0;padding:0;overflow:hidden}.brutalist-border{border:2px solid var(--base)}.brutalist-border-primary{border:2px solid var(--primary)}.slanted-panel{clip-path:polygon(0 0,100% 5%,95% 100%,5% 95%)}.app-container{background-color:var(--surface);position:relative}.ui-overlay{pointer-events:none;box-sizing:border-box;z-index:100;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:0;display:flex;position:absolute;top:0;left:0}.top-controls{pointer-events:auto;z-index:10;justify-content:center;padding:20px;display:flex}.bottom-controls{pointer-events:auto;box-sizing:border-box;background:linear-gradient(transparent, var(--surface) 40%);flex-direction:column;width:100%;padding:20px 20px 40px;display:flex;position:absolute;bottom:0;left:0}.dice-selector{box-sizing:border-box;scrollbar-width:none;gap:10px;width:100%;margin-bottom:10px;padding:15px 0;display:flex;overflow-x:auto}.dice-selector::-webkit-scrollbar{display:none}.dice-btn{background:var(--surface);height:60px;color:var(--base);border:3px solid var(--base);cursor:pointer;text-transform:uppercase;letter-spacing:-.05em;clip-path:polygon(15% 0%,85% 0%,100% 100%,0% 100%);flex:0 0 60px;justify-content:center;align-items:center;font-weight:900;transition:all .1s cubic-bezier(.2,.8,.2,1);display:flex}.dice-btn:hover{background:var(--primary);border-color:var(--base);transform:translateY(-5px)scale(1.1)}.dice-btn:active{transform:translateY(0)scale(.95)}.action-row{justify-content:space-between;align-items:flex-end;width:100%;display:flex}.action-buttons{gap:10px;display:flex}.action-btn{border:3px solid var(--base);cursor:pointer;width:60px;height:60px;color:var(--base);background:var(--surface);justify-content:center;align-items:center;transition:all .1s cubic-bezier(.2,.8,.2,1);display:flex}.action-btn.reset{background:var(--surface)}.action-btn.roll{background:var(--primary);text-transform:uppercase;gap:8px;width:120px;height:60px;font-size:1.2rem;font-weight:900}.action-btn:hover{background:var(--base);color:var(--primary);transform:scale(1.05)}.action-btn:active{transform:scale(.9)}.permission-btn{background:var(--primary);color:var(--base);border:3px solid var(--base);text-transform:uppercase;letter-spacing:-.05em;cursor:pointer;align-items:center;gap:10px;padding:15px 30px;font-weight:900;animation:2s infinite pulse;display:flex}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #fff6}70%{transform:scale(1.05);box-shadow:0 0 0 10px #fff0}to{transform:scale(1);box-shadow:0 0 #fff0}}.app-container.is-rolling:after{content:"";background:radial-gradient(circle, transparent 50%, var(--primary) 150%);opacity:.3;pointer-events:none;animation:1s infinite alternate pulse-rolling;position:absolute;inset:0}@keyframes pulse-rolling{0%{opacity:.1}to{opacity:.4}}.total-result-card{background:var(--primary);clip-path:polygon(0 15%,100% 0,95% 85%,5% 100%);z-index:50;padding:4px;animation:.3s cubic-bezier(.175,.885,.32,1.275) slam;position:absolute;top:20px;left:20px;right:20px}@keyframes slam{0%{opacity:0;transform:scale(2)}to{opacity:1;transform:scale(1)}}.total-result-inner{background:var(--surface);flex-direction:column;align-items:stretch;padding:20px;display:flex}.total-top-row{justify-content:space-between;align-items:center;display:flex}.total-label{color:var(--base);text-transform:uppercase;font-size:1.5rem;font-weight:900}.total-value{font-size:4rem;font-weight:900;font-family:var(--font-mono);color:var(--primary);text-shadow:4px 4px 0 var(--base);line-height:1}.total-divider{background-color:var(--base);width:100%;height:2px;margin:15px 0}.individual-breakdown{flex-wrap:wrap;justify-content:flex-start;gap:8px;display:flex}.die-result-badge{border:2px solid var(--base);background:var(--surface);font-family:var(--font-mono);align-items:center;font-size:.9rem;font-weight:700;display:flex}.die-badge-type{background:var(--primary);color:var(--base);border-right:2px solid var(--base);padding:2px 6px}.die-badge-value{color:var(--base);padding:2px 8px}.results-mini-list{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.mini-result-item{background:var(--base);color:var(--surface);font-size:.8rem;font-weight:700;font-family:var(--font-mono);padding:2px 6px}