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}a,h1,h2,h3,p,li,button{color:#000;font-family:Monument Regular,sans-serif;text-decoration:none}button{width:auto;color:inherit;font:inherit;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;background:0 0;border:none;margin:0;padding:0;line-height:normal;overflow:visible}@font-face{font-family:mondwest;src:url(/fonts/PPMondwest-Regular.otf)}@font-face{font-family:montreal-medium;src:url(/fonts/PPNeueMontreal-Medium.otf)}@font-face{font-family:montreal-book;src:url(/fonts/PPNeueMontreal-Book.otf)}@font-face{font-family:wide-regular;src:url(/fonts/PPMonumentExtended-Regular.otf)}@font-face{font-family:wide-light;src:url(/fonts/PPMonumentExtended-Light.otf)}html,body{height:100%;margin:0;overflow:hidden}p,a,h3,h4,button{font-family:wide-light}h1,h2,p{font-family:wide-regular}#c{width:100%;height:100%;display:block}.header{flex-direction:column;gap:8px;display:flex;position:absolute;top:16px;left:16px}button{border-radius:none;color:#fff;cursor:pointer;background-color:#000;border:none;padding:4px 8px;transition:all .2s}button:hover,.active{color:#000;background-color:#fff;outline:1px solid #000}.focusMode{gap:16px;display:flex}.UI-section-1{opacity:1;flex-direction:column;align-items:center;gap:32px;width:100vw;margin-top:32px;transition:opacity 1s;display:flex;position:absolute;top:0;left:0}.subTitle{opacity:0;font-size:24px;transition:opacity 1s}.UI-section-2{justify-content:space-between;align-items:center;width:calc(100vw - 64px);height:100vh;padding:32px;display:flex;position:absolute;top:0;left:0}.infoField{justify-content:space-between;width:50%;padding:6px 0;font-family:wide-regular;font-size:12px;display:flex}.gametitle{color:#fff;background-color:#000;width:50%;padding:3px 6px;font-size:16px}.infos-left{opacity:0;width:50%;transition:opacity 1s}.stateTitle{color:#fff;opacity:0;background-color:#000000c9;padding:6px 9px;font-family:wide-light;font-size:16pt;transition:opacity .5s}.noOpacity{opacity:0}.gameInfoTitle{font-family:wide-light}.sentenceWidth{width:30%}.sentencesContainer{justify-content:center;align-items:center;width:100vw;height:80vh;display:flex;position:absolute;top:0;left:0}.sentences{color:#fff;background-color:#000;width:auto;padding:4px 8px;font-size:19px;line-height:125%}.sourceTitle{color:#fff;background-color:#000;margin-bottom:32px;padding:4px 8px}.sourcesSection{width:30%;padding:32px;transition:opacity 1s;position:absolute;top:0;right:0}.hidden{opacity:0}.controls-container{opacity:0;justify-content:center;align-items:center;width:calc(100vw - 64px);height:90px;margin:32px;transition:opacity 1s;display:flex;position:absolute;bottom:0;left:0}.controls{background:linear-gradient(#5e5e5e,#1a1a1a);border:1px solid #7c7c7c;gap:16px;width:calc(100% - 88px - 20vw);padding:12px;display:flex}.gridSection{flex-wrap:wrap;gap:4px;display:flex}button{color:#1f1f1f;text-align:left;cursor:pointer;border-radius:none;cursor:pointer;background-color:#000;border:none;font-size:18px;transition:all .2s}button p{color:#fff;font-family:wide-light;font-size:10px}.active p{color:#000}.control-button{height:32px;font-size:12px}.section{flex-direction:column;gap:16px;width:33.3333%;max-width:33.3333%;display:flex}h2{font-family:wide-regular;font-size:14px}h1{color:#fff;background-color:#000;padding:6px;font-family:wide-regular;font-size:12px}.sectionTitle{color:#fff;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;font-size:12px}.control-button:hover{background:#efefef}.control-button:hover p{color:#000}.buttonActive{color:#000;background:#efefef}.disabled{color:#585858;background:#4b4b4b;border:none}.disabled p{color:#585858}.stacksButtonContainer{width:50%;display:flex}.buttonContainer{background-color:#000;align-items:center;gap:4px;display:flex}.buttonContainer button{width:100%;height:100%}.focusModeContainer{flex-direction:row}.focusNav{gap:16px;display:flex}.focusButtonContainer{justify-content:center;display:flex}.focusButton{align-items:center;width:40%;font-size:12px}.arrowsContainer{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.arrowsButtonContainer{align-items:center;gap:16px;height:40px;display:flex}.arrowButton{color:#fff;font-size:12px}.focusButton{justify-content:center;height:32px;display:flex}.sourcesContainer{justify-content:center;display:flex}.focusText{color:#fff;font-family:wide-light;font-size:12px}@media (width<=1100px){.controls{width:calc(100% - 24px);height:90px}}