*{font-family:Roboto,Arial,sans-serif;font-size:14px}body,html{height:100%;margin:0;overflow:hidden;padding:0;width:100%}#gameAreaWrapper{background:linear-gradient(180deg,#e5f7ff,#f6fcff)}canvas{height:100%;left:0;position:absolute;top:0;width:100%}#split{left:10px}#feed,#split{border:none;bottom:10px;height:100px;padding:5px;position:absolute;width:100px}#feed{right:10px}#collectedSaas,#score,#status{background-color:transparent;margin:0;padding:0;position:static;width:auto}#status{top:10px}#score{top:20px}#collectedSaas .title{font-size:16px;margin-bottom:10px}.collected-saas-item{color:#fff;cursor:pointer;display:block;padding:5px 0;text-decoration:none}.collected-saas-item:hover{color:#e0e0e0;text-decoration:underline}#collectedSaas a,#status a{color:gold}#collectedSaas a:hover,#status a:hover{text-decoration:underline}.chatbox{background:hsla(0,0%,9%,.7);border-radius:5px;bottom:5px;height:320px;left:5px;pointer-events:none;position:absolute;width:300px;z-index:1000}.chatbox .chat-list{box-sizing:border-box;height:285px;list-style:none;margin:0;overflow:hidden;padding:5px}.chatbox .chat-list li{margin:3px;padding:2px}.chatbox .chat-list li.me b{color:#ea6153}.chatbox .chat-list li.friend b{color:#2ecc71}.chatbox .chat-list li.system{color:#9b59b6;font-style:italic}.chatbox .chat-list li.system:before{content:"» "}.chatbox .chat-input{background:transparent;border:none;border-top:1px solid #ddd;box-sizing:border-box;color:#fff;outline:none;padding:8px;pointer-events:all;width:100%}#startMenu{background-color:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-sizing:border-box;margin:100px auto auto;padding:20px;position:relative;width:350px;z-index:2000}#startMenu p{font-size:x-large;font-weight:700;padding:0;text-align:center}#playerNameInput{border:1px solid #dcdcdc;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-sizing:border-box;margin-bottom:10px;outline:none;padding:10px;text-align:center;transition:box-shadow .3s,border .3s;width:100%}#playerNameInput.focus,#playerNameInput:focus{border:1px solid #ccc;box-shadow:0 0 3px 1px #ddd}#settings,#startMenuWrapper{overflow:hidden;-webkit-transition:max-height 1s;-moz-transition:max-height 1s;-ms-transition:max-height 1s;-o-transition:max-height 1s;transition:max-height 1s}#settings{max-height:0}#startMenu h3{margin-bottom:0;padding-bottom:0}#startMenu ul{margin:0 10px 10px;padding:10px}#startMenu .input-error{color:red;font-size:12px;opacity:0}#startMenuWrapper{align-items:center;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;position:absolute;z-index:2000}#gameAreaWrapper,#startMenuWrapper{height:100%;left:0;top:0;width:100%}#gameAreaWrapper{position:fixed}@media only screen and (max-width:1224px){#chatbox{display:none}}input [type=image]:focus{border:none;outline:1px solid transparent}:focus{border-style:none;outline:1px solid transparent}#collectedSaas a{color:gold}#collectedSaas a:hover{text-decoration:underline}.saas-author{font-style:italic;margin-bottom:10px}.twitter-logo{border-radius:50%;height:24px;margin-left:10px;vertical-align:middle;width:24px}#mobile{bottom:10px;display:flex;justify-content:space-between;left:0;padding:0 10px;position:fixed;right:0;z-index:1000}@media only screen and (min-width:1224px){#mobile{display:none}}.theme-switch-container{display:flex;justify-content:center;margin-top:20px}.theme-switch{--toggle-size:30px;--container-width:5.625em;--container-height:2.5em;--container-radius:6.25em;--container-light-bg:#3d7eae;--container-night-bg:#1d1f2c;--circle-container-diameter:3.375em;--sun-moon-diameter:2.125em;--sun-bg:#ecca2f;--moon-bg:#c4c9d1;--spot-color:#959db1;--circle-container-offset:calc((var(--circle-container-diameter) - var(--container-height))/2*-1);--stars-color:#fff;--clouds-color:#f3fdff;--back-clouds-color:#aacadf;--transition:.5s cubic-bezier(0,-0.02,0.4,1.25);--circle-transition:.3s cubic-bezier(0,-0.02,0.35,1.17)}.theme-switch,.theme-switch *,.theme-switch :after,.theme-switch :before{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:var(--toggle-size) + 2;margin:0;padding:0}.theme-switch__container{background-color:var(--container-light-bg);border-radius:var(--container-radius);-webkit-box-shadow:0 -.062em .062em rgba(0,0,0,.25),0 .062em .125em hsla(0,0%,100%,.94);box-shadow:0 -.062em .062em rgba(0,0,0,.25),0 .062em .125em hsla(0,0%,100%,.94);cursor:pointer;height:var(--container-height);overflow:hidden;position:relative;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);width:var(--container-width)}.theme-switch__container:before{border-radius:var(--container-radius);-webkit-box-shadow:inset 0 .05em .187em rgba(0,0,0,.25),inset 0 .05em .187em rgba(0,0,0,.25);box-shadow:inset 0 .05em .187em rgba(0,0,0,.25),inset 0 .05em .187em rgba(0,0,0,.25);content:"";inset:0;position:absolute;z-index:1}.theme-switch__checkbox{display:none}.theme-switch__circle-container{background-color:hsla(0,0%,100%,.1);border-radius:var(--container-radius);-webkit-box-shadow:inset 0 0 0 3.375em hsla(0,0%,100%,.1),inset 0 0 0 3.375em hsla(0,0%,100%,.1),0 0 0 .625em hsla(0,0%,100%,.1),0 0 0 1.25em hsla(0,0%,100%,.1);box-shadow:inset 0 0 0 3.375em hsla(0,0%,100%,.1),inset 0 0 0 3.375em hsla(0,0%,100%,.1),0 0 0 .625em hsla(0,0%,100%,.1),0 0 0 1.25em hsla(0,0%,100%,.1);display:-webkit-box;display:-ms-flexbox;display:flex;height:var(--circle-container-diameter);left:var(--circle-container-offset);pointer-events:none;position:absolute;top:var(--circle-container-offset);-webkit-transition:var(--circle-transition);-o-transition:var(--circle-transition);transition:var(--circle-transition);width:var(--circle-container-diameter)}.theme-switch__sun-moon-container{background-color:var(--sun-bg);border-radius:var(--container-radius);-webkit-box-shadow:inset .062em .062em .062em 0 rgba(254,255,239,.61),inset 0 -.062em .062em 0 #a1872a;box-shadow:inset .062em .062em .062em 0 rgba(254,255,239,.61),inset 0 -.062em .062em 0 #a1872a;-webkit-filter:drop-shadow(.062em .125em .125em rgba(0,0,0,.25)) drop-shadow(0 .062em .125em rgba(0,0,0,.25));filter:drop-shadow(.062em .125em .125em rgba(0,0,0,.25)) drop-shadow(0 .062em .125em rgba(0,0,0,.25));height:var(--sun-moon-diameter);margin:auto;overflow:hidden;pointer-events:auto;width:var(--sun-moon-diameter);z-index:2}.theme-switch__moon,.theme-switch__sun-moon-container{position:relative;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}.theme-switch__moon{background-color:var(--moon-bg);border-radius:inherit;-webkit-box-shadow:inset .062em .062em .062em 0 rgba(254,255,239,.61),inset 0 -.062em .062em 0 #969696;box-shadow:inset .062em .062em .062em 0 rgba(254,255,239,.61),inset 0 -.062em .062em 0 #969696;height:100%;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);width:100%}.theme-switch__spot{background-color:var(--spot-color);border-radius:var(--container-radius);-webkit-box-shadow:inset 0 .0312em .062em rgba(0,0,0,.25);box-shadow:inset 0 .0312em .062em rgba(0,0,0,.25);height:.75em;left:.312em;position:absolute;top:.75em;width:.75em}.theme-switch__spot:nth-of-type(2){height:.375em;left:1.375em;top:.937em;width:.375em}.theme-switch__spot:nth-last-of-type(3){height:.25em;left:.812em;top:.312em;width:.25em}.theme-switch__clouds{background-color:var(--clouds-color);border-radius:var(--container-radius);bottom:-.625em;-webkit-box-shadow:.937em .312em var(--clouds-color),-.312em -.312em var(--back-clouds-color),1.437em .375em var(--clouds-color),.5em -.125em var(--back-clouds-color),2.187em 0 var(--clouds-color),1.25em -.062em var(--back-clouds-color),2.937em .312em var(--clouds-color),2em -.312em var(--back-clouds-color),3.625em -.062em var(--clouds-color),2.625em 0 var(--back-clouds-color),4.5em -.312em var(--clouds-color),3.375em -.437em var(--back-clouds-color),4.625em -1.75em 0 .437em var(--clouds-color),4em -.625em var(--back-clouds-color),4.125em -2.125em 0 .437em var(--back-clouds-color);box-shadow:.937em .312em var(--clouds-color),-.312em -.312em var(--back-clouds-color),1.437em .375em var(--clouds-color),.5em -.125em var(--back-clouds-color),2.187em 0 var(--clouds-color),1.25em -.062em var(--back-clouds-color),2.937em .312em var(--clouds-color),2em -.312em var(--back-clouds-color),3.625em -.062em var(--clouds-color),2.625em 0 var(--back-clouds-color),4.5em -.312em var(--clouds-color),3.375em -.437em var(--back-clouds-color),4.625em -1.75em 0 .437em var(--clouds-color),4em -.625em var(--back-clouds-color),4.125em -2.125em 0 .437em var(--back-clouds-color);height:1.25em;left:.312em;position:absolute;-webkit-transition:.5s cubic-bezier(0,-.02,.4,1.25);-o-transition:.5s cubic-bezier(0,-.02,.4,1.25);transition:.5s cubic-bezier(0,-.02,.4,1.25);width:1.25em}.theme-switch__stars-container{color:var(--stars-color);height:auto;left:.312em;position:absolute;top:-100%;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);width:2.75em}.theme-switch__checkbox:checked+.theme-switch__container{background-color:var(--container-night-bg)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__circle-container{left:calc(100% - var(--circle-container-offset) - var(--circle-container-diameter))}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__circle-container:hover{left:calc(100% - var(--circle-container-offset) - var(--circle-container-diameter) - .187em)}.theme-switch__circle-container:hover{left:calc(var(--circle-container-offset) + .187em)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__moon{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__clouds{bottom:-4.062em}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__stars-container{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#joystickArea{bottom:10px;height:200px;left:10px;position:absolute;touch-action:none;width:50%;z-index:1000}.saas-popup{font-family:Arial,sans-serif}.saas-popup .popup-content{position:relative}@media (max-width:768px){.saas-popup .popup-content{margin:20px;max-width:none;width:90%}}.saas-popup .close-popup{background:none;border:none;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}.saas-popup .close-popup:hover{color:#333}.saas-popup .cta-button:hover{background-color:#3b72d9}.saas-popup .discount-container input:focus{box-shadow:0 0 0 2px rgba(71,132,250,.3);outline:none}#collectedSaas .title{display:block;font-weight:700;margin-bottom:5px;z-index:1000}#gameInfo{align-items:center;background-color:rgba(0,0,0,.5);border-radius:5px;color:#fff;display:flex;font-size:14px;justify-content:flex-start;padding:10px;position:fixed;right:10px;top:10px;width:auto;z-index:1000}#gameInfo div{margin-right:15px;white-space:nowrap}#level,#score,#timer{font-weight:700}#collectedSaas{background-color:rgba(0,0,0,.5);border-radius:5px;color:#fff;font-size:14px;padding:10px;position:fixed;right:10px;text-align:center;top:60px;width:200px;z-index:1000}#instructions,#settings{background-color:hsla(0,0%,100%,.9);border-radius:10px;color:#333;display:none;font-size:14px;margin-bottom:20px;padding:20px;text-align:left}#instructions.active,#settings.active{display:block}#instructions h3,#settings h3{color:#3b82f6;font-size:18px;margin-bottom:15px;margin-top:0}#instructions ul{margin-bottom:0;padding-left:20px}#instructions li{margin-bottom:10px}.settings-option{margin-bottom:15px}.settings-option label{align-items:center;cursor:pointer;display:flex}.settings-option input[type=checkbox]{margin-right:10px}#startMenu.dark-mode #instructions,#startMenu.dark-mode #settings{background-color:#272727;color:#fff;margin-top:15px}#startMenu #instructions,#startMenu #settings{margin-top:15px}#startMenu.dark-mode #instructions h3,#startMenu.dark-mode #settings h3{color:#60a5fa}button{border:none;border-radius:8px;cursor:pointer;font-family:Roboto,Arial,sans-serif;font-size:1rem;font-weight:600;padding:14px 26px;transition:all .3s ease}#spectateButton,#startButton{background-color:#729efe;color:#fff;font-size:16px}#spectateButton:hover,#startButton:hover{box-shadow:0 4px 6px rgba(0,0,0,.1);transform:translateY(-2px)}.legal-links{border-top:1px solid #ddd;margin-top:20px;padding-top:10px;text-align:center}.legal-links a{color:#666;font-size:12px;margin:0 10px;text-decoration:none;transition:color .3s ease}.legal-links a:hover{color:#3b82f6}#startMenu.dark-mode .legal-links a{color:#aaa}#startMenu.dark-mode .legal-links a:hover{color:#60a5fa}