:root{--row-height:84px;--display-height:84px;--popup-title-height:50px;--popup-button-height:72px;--popup-font-size:18px;--popup-font-weight:700;--popup-bg:#c4c4c4;--main-bg:#3a3a3a;--panel-bg:#404950;--lightgray:#ddd;--gray:grey;--darkgray:#424242;--darkblue:#2f4c77;--lightblue:#51b1c7;--yellow:#fce883;--blue:#3a8191;--green:#7ab992;--orange:#ffa970;--num-button:#eee;--operator-button:#eee;--c-button:var(--yellow);--ac-button:var(--orange);--button-border:8px;--button-border-radius:12px;--display-border-radius:12px;--icon-width:29px}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;box-sizing:border-box;font-family:"monospace",Trebuchet MS,"serif";margin:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}*,.App{padding:0}.App{align-items:center;display:flex;flex-direction:column;justify-content:center}body{background-color:#3a3a3a;background-color:var(--main-bg)}@media only screen and (min-width:320px){.panel{--panel-width:300px;--button-width:calc(var(--panel-width)/4);--button-width-mem:calc(var(--panel-width)/3);--button-widthx2:calc(var(--button-width)*2);--button-widthx4:calc(var(--button-width)*4);--button-height:var(--button-width);--icon-width:27px}}@media only screen and (min-width:340px){.panel{--panel-width:320px;--button-width:calc(var(--panel-width)/4);--button-width-mem:calc(var(--panel-width)/3);--button-widthx2:calc(var(--button-width)*2);--button-widthx4:calc(var(--button-width)*4);--button-height:var(--button-width);--icon-width:29px}}@media only screen and (min-height:400px){.panel{margin-bottom:50px;margin-top:20px}}@media only screen and (min-height:600px){.panel{left:50%;overflow:scroll;position:fixed;top:50%;transform:translate(-50%,-50%)}}.panel{overflow:hidden;width:var(--panel-width)}.info-bar{display:flex;justify-content:flex-end;margin:0;padding-bottom:5px;width:var(--button-widthx4)}.info-bar>div{height:28px;position:relative;text-align:center;width:var(--button-width)}.info-bar img.logo-icon{height:16px;left:10px;position:absolute;top:6px;width:16px}.info-bar span.logo-text{left:30px;position:absolute;top:0}.info-bar a,.info-bar span.logo-text{color:#fff;font-size:14px;font-weight:700;line-height:28px;text-decoration:none}.info-bar a{text-transform:capitalize}.game-board{background-color:#404950;background-color:var(--panel-bg);border-radius:8px;box-shadow:0 2px 64px rgba(0,0,0,.2)}.menu-bar{display:flex;height:76px;width:var(--button-widthx4)}.menu-bar .cards{display:flex;flex-wrap:wrap;height:64px;margin:0;width:35%}.cards>div.card-bg{background-color:#526472;border-radius:8px;height:29px;height:var(--icon-width);line-height:29px;line-height:var(--icon-width);margin:7px 0 0 7px;text-align:center;width:29px;width:var(--icon-width)}.cards div.card-num{background-color:#eee;border-radius:4px;color:#404950;color:var(--panel-bg);font-family:Verdana;font-size:12px;font-weight:900;height:21px;line-height:21px;margin:4px;width:21px}.d2{color:#7ab992;color:var(--green)}.d1,.d2{margin:0}.d1{color:#ffa970;color:var(--orange)}.menu-bar .answer{border-bottom:0 solid #fff;color:#fff;font-weight:700;height:100%;text-align:center;vertical-align:middle;width:30%}.answer span{border-bottom:3px solid #fff;font-size:32px;line-height:76px;padding:12px 0 1px}.menu-bar .menu{display:flex;flex-wrap:wrap;margin:0;position:relative;text-align:right;width:35%}.menu .menu-icons{display:flex;float:right;padding-right:6px;position:absolute;right:0}.menu .icon{font-size:26px;margin:8px 0 0 6px}.menu .icon,.menu .iconhelp{background-color:#404950;background-color:var(--panel-bg);color:#fff;cursor:pointer;font-weight:400;height:29px;height:var(--icon-width);line-height:29px;line-height:var(--icon-width);padding:0;text-align:center;width:29px;width:var(--icon-width)}.menu .iconhelp{font-size:24px;margin:7px 0 0}.display{background-color:#5b6369;border:8px solid #404950;border:var(--button-border) solid var(--panel-bg);border-radius:12px;border-radius:var(--display-border-radius);height:84px;height:var(--display-height);position:relative;text-align:right;width:var(--button-widthx4)}.display span{color:#fff;font-size:32px;font-weight:700;line-height:32px;position:absolute;right:6px;top:20px}.display .result{color:#ddd;color:var(--lightgray);font-size:12px;line-height:12px;position:absolute;right:8px;top:7px}span.small-eq{font-size:30px}.key-pad button{margin:0;vertical-align:middle}.key-pad span{color:#424242;color:var(--darkgray);font-size:38px;font-weight:700;transition:.4s}.key-pad span.func{font-size:30px}.key-pad span.operator{font-size:32px}.mem span{color:#fff}.mem span,.mem span.mem0{font-size:28px}.mem span.mem1{font-size:26px}.mem span.mem2,.mem span.mem3{font-size:18px}button{-webkit-appearance:none;appearance:none;background-color:#eee;background-color:var(--num-button);border:8px solid #404950;border:var(--button-border) solid var(--panel-bg);border-radius:12px;border-radius:var(--button-border-radius);cursor:pointer;font-weight:700;height:var(--button-height);margin:0;outline:none;transition:.4s;width:var(--button-width)}button:active{transform:scale(.8)}button:hover{opacity:.9}button.mem{background-color:#3a8191;background-color:var(--blue);height:66px;overflow:wrap;overflow-wrap:break-word;width:100px}button#m1,button#m2,button#m3{width:var(--button-width-mem)}button.ac{background-color:#ffa970;background-color:var(--ac-button)}button.c{background-color:#fce883;background-color:var(--c-button);width:var(--button-width)}button.operator{background-color:#eee;background-color:var(--operator-button)}div.disable,span.disable{opacity:.1}button.warning{animation:blink-animation .1s steps(2,start);-webkit-animation:blink-animation .1s steps(2,start)}@keyframes fadein{0%{opacity:0}to{opacity:1}}.popup{background-color:#000;background-color:rgba(0,0,0,.7);height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.dialog{animation:fadein .3s;background-color:var(--popup-bg);border-radius:6px;margin:40% auto;overflow:hidden;width:280px;z-index:3}.dialog-title{background-color:var(--panel-bg);color:#fff;font-size:18px;font-weight:700;position:relative;width:100%}.dialog-close,.dialog-title{height:40px;line-height:40px;text-align:center}.dialog-close{cursor:pointer;font-size:28px;position:absolute;right:0;top:0;width:40px}.page{animation:fadein .8s;background-color:var(--popup-bg);border-radius:6px;margin:10% auto;overflow:hidden;width:300px;z-index:2}.page-title{background-color:var(--panel-bg);color:#fff;font-size:var(--popup-font-size);font-weight:700;position:relative;width:100%}.page-close,.page-title{height:var(--popup-title-height);line-height:var(--popup-title-height);text-align:center}.page-close{cursor:pointer;font-size:28px;position:absolute;right:0;top:0;width:var(--popup-title-height)}.page-row{display:flex;flex-wrap:nowrap;position:relative;width:100%}.page-row button{border-radius:10px;font-size:var(--popup-font-size);font-weight:700}.page-row button:active{transform:none}.page-row .cg-equation{height:58px;line-height:58px}.page-row .cg-equation,.page-row .equation{color:var(--dark);font-size:22px;font-weight:700;letter-spacing:1px;text-align:center;vertical-align:middle;width:100%}.page-row .text-title{font-size:16px}.page-row .fontawesome-title,.page-row .text-title{color:#000;font-weight:bolder;height:40px;line-height:40px;position:relative;text-align:center;width:100%}.page-row .fontawesome-title{font-size:22px}.page-row .keypad-title{color:#fff;font-size:16px;font-weight:bolder;height:48px;line-height:48px;position:relative;text-align:center;width:100%}.page-row .text-description{font-size:16px;line-height:18px;padding:7px 20px 10px;text-align:justify;width:100%}.record-col{border:0 solid var(--panel-bg);border-radius:0;height:var(--popup-button-height);position:relative;text-align:center;width:25%}.record-col .subject{color:#fff;color:var(--panel-bg);font-size:12px;font-weight:400;margin-top:20px;padding-top:10px}.record-col .number{color:#fff;color:var(--panel-bg);font-size:24px;font-weight:800;line-height:48px;top:18px}.page-row .result-title{color:#000;font-size:16px;font-weight:bolder;height:36px;line-height:30px;position:relative;text-align:center;width:100%}.page-row button{background-color:var(--blue);border:var(--button-border) solid var(--popup-bg);color:#fff;font-size:16px;font-weight:400;height:var(--popup-button-height);text-align:center;vertical-align:middle;width:50%}.page-row button.new-game{background-color:var(--panel-bg)}.page-row button.new-game,.page-row button.share{border-radius:18px;color:#fff;font-size:var(--popup-font-size);font-weight:700;margin-bottom:10px;text-align:center}.page-row button.share{background-color:var(--gray)}button.new-game.small{font-size:16px;width:40%}button.share.small{font-size:16px;width:25%}button.share.small.icon{font-size:22px}.page-row button.small-share{background-color:var(--gray);border-radius:18px;color:#fff;font-size:16px;font-weight:700;margin-bottom:10px;text-align:center;width:30%}.page-row button.new-game:active,.page-row button.share:active{transform:scale(.9)}.page-row button.disable{background-color:#d6d6d6}.page-row .box-answer{background-color:var(--panel-bg);border-radius:4px;color:#000;color:#fff;letter-spacing:0;margin:0 5px 0 3px;padding:2px 10px}.page-row .box-num{background-color:var(--num-button);border-radius:8px;color:#fff;color:var(--panel-bg);margin:0 3px;padding:5px 10px}.page-row .boxes{color:#fff;font-size:16px;font-weight:700;height:40px;line-height:40px;text-align:center;width:100%}.boxes .box-card{background-color:#fff;border-radius:8px;color:var(--panel-bg);font-family:Verdana,Geneva,Tahoma,sans-serif;margin:0 3px;padding:4px 8px}.box-result{border-bottom:2px solid #000;color:#000;font-size:22px;font-weight:900;margin:-10px;padding:1px 1px 2px 0}.box-equation-answer{border-bottom:3px solid #000;margin:0 3px;padding:5px 1px}.box-mem{background-color:var(--blue);color:#fff}.box-mem,.page-row .box-c{border-radius:8px;margin:0 3px;padding:5px 10px}.page-row .box-c{background-color:var(--c-button);color:var(--panel-bg)}.page-row .box-ac{background-color:var(--ac-button);border-radius:8px;color:var(--panel-bg);margin:0 3px;padding:5px 10px}.page-row .box-emoji{font-size:24px;margin:0;padding:0 3px}.page-row .space{height:10px}.page-row .spacex2{height:20px}.page-row .spacex3{height:30px}.bg-lightgray{background-color:var(--lightgray)}.bg-help{background-color:#a7a7a7}textarea{background-color:var(--lightgray);border:0;font-size:21px;letter-spacing:1.5px;line-height:35px;resize:none}