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,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}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{--primary-color:#4a4adb;--background:white;--text-color:black;--border-color:black}@media (prefers-color-scheme:dark){:root{--primary-color:#4a4adb;--background:#212121;--text-color:#a4a4a4;--border-color:#656565}}*{box-sizing:border-box}body{color:var(--text-color);background-color:var(--background);font-family:Nunito,sans-serif}button,.button{background-color:var(--primary-color);color:#fff;border:2px solid var(--primary-color);border-radius:20px;margin:0;padding:10px 25px}button.secondary,.button.secondary{color:var(--primary-color);background-color:#fff}.menu{margin-bottom:10px;display:flex}.menu .menuButton{flex:1}.menu button{border-right:1px solid #fff;border-radius:0}.menu button:last-of-type{border-right:0}.scoreblok{max-width:100vw;display:flex;overflow-x:scroll}.scoreblok .scoreblok-column.title{white-space:nowrap;background-color:var(--background);color:var(--primary-color);font-weight:700;position:sticky;left:0}.scoreblok .scoreblok-column.title .scoreblok-row{text-align:right}.scoreblok .scoreblok-column .scoreblok-row{border:1px solid var(--border-color);text-align:center;height:2em;padding:5px}.scoreblok .scoreblok-column .scoreblok-row.missed{background:linear-gradient(to top left,#0000 0% calc(50% - .8px),#000 50%,#0000 calc(50% + .8px) 100%),linear-gradient(to top right,#0000 0% calc(50% - .8px),#000 50%,#0000 calc(50% + .8px) 100%);height:2rem;font-size:0}@media (prefers-color-scheme:dark){.scoreblok .scoreblok-column .scoreblok-row.missed{background:linear-gradient(to top left,#a4a4a400 0% calc(50% - .8px),#a4a4a4 50%,#a4a4a400 calc(50% + .8px) 100%),linear-gradient(to top right,#a4a4a400 0% calc(50% - .8px),#a4a4a4 50%,#a4a4a400 calc(50% + .8px) 100%)}}.scoreblok .scoreblok-column .scoreblok-row.header{color:var(--primary-color);font-weight:700}.scoreblok .scoreblok-column .scoreblok-row button{white-space:nowrap}.options{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.options .option{border:1px solid var(--border-color);cursor:pointer;text-align:center;border-radius:20px;padding:15px 20px;transition:filter .3s}.options .option:hover{filter:brightness(130%)}.scoreInput{width:100%}.scoreSubmit{width:100%;margin-top:10px}.modal{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal .modal-background{z-index:100;background-color:#00000080;position:absolute;inset:0}.modal .modal-container{z-index:101;background-color:var(--background);border-radius:20px;padding:20px;box-shadow:0 54px 55px #00000040,0 -12px 30px #0000001f,0 4px 6px #0000001f,0 12px 13px #0000002b,0 -3px 5px #00000017}.modal .modal-container .modal-title{text-align:center;margin-bottom:10px;font-weight:700}.menuModal button{text-align:center;width:100%;margin-bottom:10px;display:block}.menuModal button:last-of-type{margin-bottom:0}.statisticsTable{width:100%}.statisticsTable th{text-align:left;color:var(--primary-color);padding-bottom:10px;padding-right:10px;font-weight:700}
