.jxgbox{background-color:#fff;border:1px solid #356aa0;border-radius:10px;-webkit-border-radius:10px;margin:0;overflow:hidden;position:relative;-ms-touch-action:none}.jxgbox svg text{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.JXGtext{background-color:transparent;font-family:Courier,monospace;margin:0;padding:0}.JXGinfobox{border:0 #000}.jxgbox :focus{outline-style:dotted;outline-width:.5px}.JXG_navigation{background-color:transparent;bottom:5px;cursor:pointer;font-size:14px;padding:2px;position:absolute;right:5px;z-index:100}.JXG_navigation_button{color:#666}.JXG_navigation_button:hover{background:hsla(0,0%,72%,.5);border-radius:2px}.JXG_navigation_button svg{padding:0;position:relative;top:.2em}.JXG_wrap_private:-moz-full-screen{background-color:#ccc;height:100%;padding:0;width:100%}.JXG_wrap_private:-webkit-full-screen{background-color:#ccc;height:100%;padding:0;width:100%}.JXG_wrap_private:fullscreen{background-color:#ccc;height:100%;padding:0;width:100%}.JXG_wrap_private:-ms-fullscreen{background-color:#ccc;height:100%;padding:0;width:100%}.smart-label-solid{border-radius:150px;color:#fff;margin:0;padding:1px 7px;text-align:center;vertical-align:middle}.smart-label-outline{background-color:#fff;border:2px solid #000;border-radius:15px;padding:1px 7px}.smart-label-outline,.smart-label-pure{color:#000;margin:0;text-align:center;vertical-align:middle}.smart-label-pure{background-color:transparent;border:none;border-radius:15px;padding:20px 7px 1px}.smart-label-line,.smart-label-point{background-color:#0072b2;border-color:#0072b2}.smart-label-point{margin-top:12px}.smart-label-angle{background-color:#e69f00;border-color:#e69f00;padding:1px 7px}.smart-label-circle,.smart-label-polygon{background-color:#f0e442;border-color:#f0e442;color:#000;padding:1px 7px}.MathJax{pointer-events:none}[class*=visible-],[data-select]{display:none}#gameContainer{background-color:#87ceeb;background-image:url(//cdn.mathegym.de/build_de/images/default.884b3063.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;container-type:inline-size;font-family:Montserrat,Arial,Helvetica,sans-serif;height:600px;line-height:normal;overflow-x:hidden;overflow-y:auto;position:relative;width:700px}#gameContainer button{font-family:inherit}#gameContainer .gameTitle{background-color:#000000ab;border-bottom-left-radius:10px;border-bottom-right-radius:10px;left:50%;max-width:calc(100% - 130px);padding:10px;position:absolute;top:0;transform:translateX(-50%);width:max-content}#gameContainer .gameTitle h1{color:#fff;margin:0;text-align:center}#gameContainer button i{pointer-events:none}#fullscreenBtn{background-image:url(//cdn.mathegym.de/build_de/images/expand.11fb0b02.svg);height:30px;position:absolute;right:15px;top:15px;width:30px;z-index:11}#pauseBtn{background-image:url(//cdn.mathegym.de/build_de/images/circle-pause.4c68a411.svg);height:36px;position:absolute;right:60px;top:12px;width:36px}#containerStart>*{display:block}#containerStart>.defaultButton{font-size:16px;padding:5px 20px;width:210px}#containerStart>.defaultButton>*{pointer-events:none}#containerStart>.defaultButton i{margin-right:10px}#containerStart label{font-size:20px;margin-bottom:5px}#containerStart label:not(:first-child){margin-top:10px}#containerStart .buttons,#containerStart .settingsBtn{margin-top:20px}#containerStart .buttons button{margin:5px auto 0}#containerEnd{font-size:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:640px}#containerEnd>*{box-sizing:border-box;display:inline-block;font-size:16px;height:420px;left:unset;margin:10px;position:relative;top:unset;transform:none;vertical-align:top;width:300px}#containerEnd .scorePanel .score{font-size:30px;text-align:center}#containerEnd .scorePanel .highScore{color:#f90;font-size:22px;text-align:center}#containerEnd .scorePanel table{margin:20px 0 65px;width:100%}#containerEnd .scorePanel button{margin:10px auto;width:200px}#containerEnd .messagePanel .center{left:10px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}#containerEnd .messagePanel .endReason{font-size:20px;text-align:center}#containerEnd .messagePanel .trophy{animation:trophyAnimation 1s;background-image:url(//cdn.mathegym.de/build_de/images/trophy.200f74cc.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:270px;margin-top:15px;position:relative}#containerEnd .messagePanel .trophy .name{align-items:center;bottom:27px;color:#222;display:flex;font-family:Arial;font-size:12px;font-weight:600;height:30px;justify-content:center;left:50%;position:absolute;text-align:center;transform:translateX(-50%);width:70px;word-wrap:anywhere;overflow:hidden}@container (max-width: 640px){#containerEnd{top:100px;transform:translateX(-50%);width:320px}}@keyframes trophyAnimation{0%{top:-100%}to{top:0}}#containerSelect label{display:inline-block;font-size:20px;font-weight:700;margin-bottom:15px;text-align:center;width:100%}#containerSelect .functionType .customSelect,#containerSelect .functionVariant .customSelect{height:300px}#containerSelect .customSelect .MathJax{margin:8px 0}#containerSelect .nextBtn{background-image:url(//cdn.mathegym.de/build_de/images/arrow-right.3022ef2a.svg);float:right;height:30px;margin-top:15px;width:30px}#containerSelect .selectAllBtn{background-image:url(//cdn.mathegym.de/build_de/images/check-double.6b1c3e8a.svg);height:30px;margin-top:18px;width:25px}#containerSettings{box-sizing:content-box;width:210px}#containerSettings .title{font-size:25px;text-align:center}#containerSettings .settingsGroup{margin:10px 0}#containerSettings .settingsGroup label{display:block;margin-bottom:6px}#containerSettings .settingsGroup .setting{width:170px}#containerSettings .settingsGroup select{font-size:16px;height:25px}#containerSettings .buttons{margin-top:20px}#containerSettings button{font-size:16px;margin-top:6px}#containerIngame{height:100%;left:0;position:absolute;right:0;top:0}#containerIngame .scoreContainer{background-color:hsla(0,0%,100%,.8);border-bottom-right-radius:10px;left:0;padding:0 5px 5px 0;position:absolute;top:0}#containerIngame .scoreContainer td{padding:0 10px;text-align:center}#containerIngame .scoreContainer .highscoreValue,#containerIngame .scoreContainer .scoreValue{font-family:monospace;font-size:30px}#containerIngame .scoreContainer .highscoreLabel,#containerIngame .scoreContainer .highscoreValue{color:#d35400}#containerIngame .graph{background-color:#fff;border:2px solid #9b9b9b;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:16px;height:210px;margin:10px;overflow:visible!important;width:210px}#containerIngame .graph *{pointer-events:none}#containerIngame .graphMode{margin:0 auto;max-width:500px;position:relative;top:50%;transform:translateY(-50%)}#containerIngame .graphMode .functionDisplay{align-items:center;background-color:#fff;border:2px solid #9b9b9b;display:flex;font-size:20px;justify-content:center;margin:0 auto;max-width:300px;padding:10px;width:min-content}#containerIngame .graphMode .functionDisplay .MathJax{margin:0;width:fit-content}#containerIngame .graphMode .graphContainer{font-size:0;text-align:center}#containerIngame .graphMode .graph:hover{border-color:#d35400;transform:scale(1.05);transition:.2s}#containerIngame .termMode{border:1px solid #9b9b9b;font-size:0;margin:0 auto;max-width:fit-content;position:relative;top:50%;transform:translateY(-50%)}#containerIngame .termMode .graph{border-width:1px;display:inline-block;margin:0}#containerIngame .termMode .termContainer{box-sizing:border-box;display:inline-flex;flex-wrap:wrap;max-width:420px;vertical-align:top}#containerIngame .termMode .term{align-items:center;background-color:#fff;border:1px solid #9b9b9b;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:18px;height:105px;justify-content:center;width:210px}#containerIngame .termMode .term .MathJax{pointer-events:none}#containerIngame .termMode .term:hover{border:2px solid #d35400;transform:scale(1.05);transition:.2s}#containerIngame .graphMode,#containerIngame .termMode{display:none}@container (max-width: 640px){#containerIngame .termMode{max-width:min-content}#containerIngame .graphMode,#containerIngame .termMode{margin-top:80px;position:relative;top:0;transform:none}#containerIngame .timer{bottom:0!important;margin:15px!important;position:relative!important}}#containerIngame .timer{bottom:10px;height:10px;left:0;margin:0 15px;position:absolute;right:0}#containerIngame .timer .fuse{background-image:url(//cdn.mathegym.de/build_de/images/rope.592172ed.png);background-position:0;border-radius:5px;height:100%;position:relative;transition:1s;width:100%}#containerIngame .timer .fuse img{bottom:-3px;height:60px;position:absolute;right:-45px}#containerPaused{background-color:#6d6d6d91;bottom:0;left:0;position:absolute;right:0;text-align:center;top:0;z-index:10}#containerPaused .pauseMenu{width:max-content}#containerPaused .title{font-size:30px}#containerPaused .buttons *{height:40px;margin:12px 6px;width:40px}#containerPaused .stopBtn{background-image:url(//cdn.mathegym.de/build_de/images/circle-stop.1da3dafc.svg)}#containerPaused .restartBtn{background-image:url(//cdn.mathegym.de/build_de/images/circle-rotate-left.b950b9ed.svg)}#containerPaused .settingsBtn{background-image:url(//cdn.mathegym.de/build_de/images/circle-gear.f1a3ae9f.svg)}#containerPaused .resumeBtn{width:100%}.popup{background-color:#000000c9;border-radius:.5rem;color:#fff;display:none;font-size:26px;left:50%;max-width:80%;overflow-wrap:break-word;padding:10px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:max-content;z-index:2}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}50%{transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes popupFadeOut{0%{opacity:1}to{opacity:0;pointer-events:none}}.customSelect{overflow-y:auto}.customSelect .option{background-color:#f8f9fa;border:1px solid #ccc;border-radius:.25rem;color:#000;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:10px;padding:5px;text-align:center}.customSelect .option[selected=true]{background-color:#d35400;border-color:#fff;color:#fff}.customSelect .option>*{pointer-events:none}.transparentButton{background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:100%;border:none;cursor:pointer;padding:0;transition:.1s}.transparentButton:hover{background-size:95%}.transparentButton:active{background-size:90%}.defaultButton{background-color:#ef9000;border:1px solid #f90;border-radius:.25rem;cursor:pointer;display:block;font-size:20px;padding:5px 10px;transition:.2s}.defaultButton:disabled{color:#b66d00;cursor:default}.defaultButton:hover:enabled{background-color:#cc7a00;border-color:#cc7a00}.buttonRed{background-color:#d53b3b;border-color:#da4d4d}.buttonRed:hover:enabled{background-color:#b43232!important;border-color:#b43232!important}.buttonGray{background-color:#f8f9fa;border-color:#ccc}.buttonGray:hover:enabled{background-color:#e2e6ea!important;border-color:#ccc!important}.defaultDropdown{background-color:#ececec;border:none;border-radius:.2rem;outline:2px solid #6f7275}.defaultSwitch{display:inline-block;height:20px;position:relative;width:40px}.defaultSwitch input{height:0;opacity:0;width:0}.defaultSwitch .slider{background-color:#ccc;border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.2s}.defaultSwitch .slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.2s;width:16px}.defaultSwitch input:checked+.slider{background-color:#ef9000}.defaultSwitch input:checked+.slider:before{transform:translateX(20px)}.defaultSlider{appearance:none;background:#d3d3d3;border-radius:5px;height:10px;opacity:.9;outline:none}.defaultSlider:hover{opacity:1}.defaultSlider::-webkit-slider-thumb{appearance:none;background:#ef9000;border-radius:50%;cursor:pointer;height:20px;width:20px}.defaultSlider::-moz-range-thumb{background:#ef9000;border-radius:50%;cursor:pointer;height:20px;width:20px}.defaultContainer{background-color:#0a4853e1;border:2px solid #fff;border-radius:.25rem;color:#fff;left:50%;padding:30px;position:absolute;top:50%;transform:translate(-50%,-50%)}.explosion{background-color:transparent!important;color:transparent!important;position:relative;will-change:transform}.explosion>:not(.particle){visibility:hidden}.explosion .particle{border-radius:50%;left:0;position:absolute;top:0}