:root{--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--line-height: 1.5;--font-weight: 400;--color-bg: #0f172a;--color-surface: #1e293b;--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-secondary: #ec4899;--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-border: #334155;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;color-scheme:dark;background-color:var(--color-bg);color:var(--color-text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);line-height:var(--line-height);min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-hover)}button{border-radius:var(--radius-md);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-surface);color:var(--color-text);cursor:pointer;transition:border-color .25s,background-color .25s;box-shadow:var(--shadow-sm)}button:hover{border-color:var(--color-primary);background-color:var(--color-surface)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button.primary{background-color:var(--color-primary);color:#fff}button.primary:hover{background-color:var(--color-primary-hover)}input,select{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);padding:.6em;border-radius:var(--radius-md);font-size:1em;width:100%}input:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f133}.container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow);border:1px solid var(--color-border)}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.flex{display:flex}.flex-col{flex-direction:column}.gap-4{gap:1rem}.items-center{align-items:center}.justify-center{justify-content:center}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.w-full{width:100%}@media(min-width:640px){.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.nav-link{padding:.5rem 1rem;border-radius:var(--radius-md);color:var(--color-text-muted)}.nav-link.active{background-color:var(--color-primary);color:#fff}.result-display{font-size:4rem;font-weight:700;color:var(--color-primary);min-height:1.5em;display:flex;align-items:center;justify-content:center;text-shadow:0 0 20px rgba(99,102,241,.3)}.dice-container{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.die{width:80px;height:80px;background-color:#fff;border-radius:12px;display:grid;grid-template-areas:"a . c" "e g f" "d . b";padding:12px;box-shadow:inset 0 0 10px #0003,0 4px 8px #0000004d;color:#000}.dot{display:block;width:16px;height:16px;border-radius:50%;background-color:#000;margin:2px}.die[data-value="1"] .dot:nth-child(1){grid-area:g}.die[data-value="2"] .dot:nth-child(1){grid-area:a}.die[data-value="2"] .dot:nth-child(2){grid-area:b}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}