html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{font-family:Karla,sans-serif;line-height:1.5;font-weight:400;color:#2b283a;background-color:#242424}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2rem;font-weight:700;line-height:1.1}p{font-size:1.2rem}button{border-radius:8px;border:1px solid transparent;height:60px;padding:0 40px;font-size:1.3rem;font-weight:500;font-family:inherit;color:#fff;background-color:#5035ff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:20px;max-width:400px;padding:2rem;background-color:#f5f5f5;border-radius:10px}.dice{display:grid;grid:auto-flow / repeat(5,1fr);gap:26px}.die{display:flex;justify-content:center;align-items:center;height:60px;width:60px;font-size:1.5rem;font-weight:700;border-radius:6px;box-shadow:0 2px 2px #00000026;cursor:pointer}