body{font-family:Roboto Mono,monospace;color:white;margin:0;overflow:hidden}canvas{width:100%;height:100%}#ui{position:fixed;padding:20px;pointer-events:none;z-index:100}.stat{margin:10px;font-size:1.2em;text-shadow:2px 2px 4px rgba(0,0,0,.5)}#start-overlay{top:50%;transform:translate(-50%,-50%);pointer-events:all;text-align:center}#start-overlay,.brand{position:fixed;left:50%}.brand{top:0;align-items:center;transform:translate(-50%,50%);height:75px}#brand-logo{max-height:75px;width:auto;display:block}#results{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);padding:20px;border-radius:10px;text-align:center}#results,button{pointer-events:all}button{background:#FFD700;border:none;padding:10px 20px;cursor:pointer;font-family:inherit;font-size:1.1em;border-radius:5px}.crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:white;text-shadow:0 0 5px black;pointer-events:none;display:none}.hidden{display:none!important}@media (max-width:768px){body{touch-action:none}}#ui{position:absolute;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(4px);justify-content:flex-start;padding-top:130px;gap:40px;pointer-events:auto;font-family:Inter,Segoe UI,sans-serif}#ui,.graphics-toggle{display:flex;flex-direction:column;align-items:center}.graphics-toggle{gap:8px}.graphics-label{color:#ffffff;font-size:14px;margin-right:4px}.toggle-switch{display:flex;background:rgba(55,55,55,.6);border-radius:10px;border:1px solid rgba(255,255,255,.1);width:100%;overflow:hidden}.toggle-option{padding:4px 10px;font-size:13px;cursor:pointer;color:#aaa;transition:all .2s ease;user-select:none;width:100%;text-align:center}.toggle-option:hover{color:#ccc}.toggle-option.active{color:#ffffff;background:rgba(255,255,255,.2)}#brand-logo{width:160px;opacity:.9}.parent-bar{background:rgba(55,55,55,.6);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.parent-bar,.parent-item{display:flex;flex-direction:column;align-items:center}.parent-item{padding:16px 0;width:100%;text-align:center;font-size:13px;cursor:pointer;color:#aaa}.parent-item:hover{color:#ccc}.parent-item.active{color:#ffffff;background:rgba(255,255,255,.2)}.scenario-grid{display:grid;grid-template-rows:repeat(2,1fr);grid-auto-flow:column;gap:16px;overflow-x:auto;overflow-y:hidden;height:90%;width:75%;margin:0 10% 0 25%;align-items:center;scrollbar-width:none;-ms-overflow-style:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.scenario-grid::-webkit-scrollbar{display:none}.scenario-grid.dragging{cursor:grabbing;cursor:-webkit-grabbing}.scenario-grid{cursor:grab;cursor:-webkit-grab}.scenario-card{position:relative;border-radius:12px;background:#222;color:#eee;transition:transform .2s;align-items:center;display:flex;flex-direction:column;width:300px;overflow:hidden}.scenario-card:hover{transform:translateY(-4px)}.image-wrapper{position:relative;width:100%;padding-top:50%;cursor:pointer}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);opacity:0;transition:opacity .2s}.scenario-card:hover .overlay{opacity:1}.scenario-card h4{margin:8px;font-size:1rem;color:#fff}.scenario-card p{margin:0 8px 8px;font-size:.85rem;opacity:.8;text-align:center;text-wrap:balance;line-height:1.4;height:calc(1.4em * 2);overflow:hidden;line-clamp:2}.gamemode-bar{display:flex;gap:30px;padding:12px 24px;background:rgba(55,55,55,.6);border-radius:16px;backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.2)}.gamemode-item{position:relative;display:flex;align-items:center;gap:8px;cursor:pointer;color:#aaa;transition:all .2s ease;padding:6px 12px;border-radius:8px}.gamemode-item:hover{color:#ccc}.gamemode-item.active{color:#ffffff}.tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.9);color:white;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease;margin-bottom:8px;z-index:10}.gamemode-item:hover .tooltip{opacity:1}.gamemode-bar .divider{width:2px;height:24px;background:rgba(255,255,255,.1);align-self:center}.section-panel{left:30px;top:45%;width:12%;gap:50px}.parameters-panel,.section-panel{position:fixed;transform:translateY(-50%);max-height:80vh;overflow-y:auto;backdrop-filter:blur(10px);border-radius:14px;padding:16px;display:flex;flex-direction:column}.parameters-panel{right:30px;top:50%;width:15%;background:rgba(45,45,45,.8);gap:20px}.param-value-input[type=number]{width:50px;border:none;opacity:.9;color:#fff;font-size:12px;text-align:left;padding:2px 4px;outline:none}.param-value-input:focus{border-bottom:1px solid #aaa}.parameters-panel input[type=range]{width:100%;cursor:pointer;accent-color:#fff}.param-section{display:flex;flex-direction:column;gap:12px}.param-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.param-title{color:rgba(255,255,255,.7);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.param-value{color:#ffffff;font-size:12px;opacity:.9;width:50px;border:none;text-align:left;padding:2px 4px;outline:none}.parameters-panel .param-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:2px}.parameters-panel .param-text{font-size:13px;color:#aaa;cursor:pointer;transition:color .2s ease;padding:4px 8px;border-radius:6px;white-space:nowrap}.parameters-panel .param-text:hover{color:#ccc}.parameters-panel .param-text.selected{color:#ffffff;background:transparent}.parameters-panel .divider{width:100%;height:1px;background:rgba(255,255,255,.1);margin:12px 0}#start-overlay{margin-top:10px}#start-button{padding:12px 28px;font-size:16px;background:rgba(55,55,55,.5);border:1px solid #aaa;color:#fff;border-radius:12px;cursor:pointer;transition:all .2s ease}#start-button:hover{background:rgba(255,255,255,.25)}.stats-bar{position:absolute;top:40px;left:50%;transform:translateX(-50%);gap:20px;z-index:20}.stat-box,.stats-bar{display:flex;align-items:center}.stat-box{color:white;padding:6px 18px;border-radius:6px;font-weight:400;flex-direction:column;min-width:100px}.stat-box.left{background:#2e3350;border-top-left-radius:12px;border-bottom-left-radius:12px}.stat-box.right{background:#2e3350;border-top-right-radius:12px;border-bottom-right-radius:12px}.stat-box.timer{font-weight:600}.stat-label{font-size:10px;opacity:.7}.stat-value{font-size:18px;line-height:1}.results-panel{position:fixed;left:60px;top:50%;transform:translateY(-50%);gap:40px;color:white;z-index:1000}.result-item,.results-panel{display:flex;flex-direction:column}.result-item{align-items:flex-end}.result-value{font-size:48px;font-weight:700;line-height:1}.result-label{font-size:24px;opacity:.8}.rank-display{gap:20px;padding:24px;background:linear-gradient(135deg,rgba(76,175,80,.1),rgba(129,199,132,.05));border-radius:16px;border:1px solid rgba(76,175,80,.2);backdrop-filter:blur(8px);min-width:180px;box-shadow:0 8px 32px rgba(76,175,80,.1)}.rank-display,.rank-item{display:flex;flex-direction:column}.rank-item{align-items:center;gap:6px}.rank-value{font-size:36px;font-weight:600;color:#66BB6A;line-height:1;text-shadow:0 2px 8px rgba(76,175,80,.3)}.rank-label{font-size:16px;font-weight:400;opacity:.9;color:#E8F5E8;text-transform:uppercase;letter-spacing:.5px}@keyframes rank-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bottom-bar{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center;gap:1.5rem;padding:.5rem 0;background:rgba(0,0,0,.1);z-index:1000}.bottom-bar a{color:#fff;text-decoration:none;font-size:.75rem;display:flex;align-items:center;transition:opacity .2s}.bottom-bar a:hover{opacity:.75}.bottom-bar a svg{margin-right:.4rem;width:1em;height:1em}.support-btn{background:none;border:none;color:#fff;font-size:.75rem;display:flex;align-items:center;cursor:pointer;transition:opacity .2s;padding:0;font-family:inherit}.support-btn:hover{opacity:.75}.support-btn svg{margin-right:.4rem;width:1em;height:1em}.result-state{justify-content:space-between;height:100%}.result-content,.result-state{display:flex;flex-direction:column;width:100%}.result-content{align-items:center;padding-top:130px;gap:30px}.result-layout{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px;padding:0 30px}.result-metrics{display:flex;flex-direction:column;gap:30px;align-items:right;flex-shrink:0}.graph-heading{align-self:flex-end}.result-graphs{display:flex;flex-direction:column;align-items:center;gap:20px;flex:1;max-width:55%}.performance-graphs{display:flex;flex-direction:column;align-items:left;gap:3vh;width:100%}.performance-chart-container{width:40vw;height:15vh;min-width:100px;min-height:100px}.graph-placeholder{width:100%;height:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;color:rgba(255,255,255,.6);text-align:center;gap:8px}.graph-placeholder span{font-size:16px;font-weight:400}.graph-placeholder small{font-size:12px;opacity:.7}.graph-heading h3{margin:0;font-size:14px;font-weight:400;font-style:italic;font-family:Courier New,monospace;color:#FCB601;text-align:right}.result-actions{position:absolute;bottom:10vh;left:50%;transform:translateX(-50%);display:flex;gap:5vw}.result-action-btn{background:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;padding:20px}.result-action-btn:hover{opacity:.75}@media (max-width:768px){.scenario-grid{display:flex;flex-direction:column;width:95%;margin:0 auto;gap:20px;height:auto;max-height:65vh;overflow-y:auto;overflow-x:hidden;padding:20px 10px 15px}.scenario-card{width:100%;max-width:100%;margin:0 auto;min-height:auto;flex-shrink:0}.scenario-card .image-wrapper{padding-top:40%}.scenario-card h4{font-size:1.1rem;margin:12px 8px 8px}.scenario-card p{font-size:.9rem;margin:0 8px 12px;height:auto;line-height:1.3}.graphics-toggle{display:none!important}.section-panel{position:static;top:auto;left:auto;right:auto;transform:none;width:100%;max-width:none;gap:0;padding:0;background:transparent;border-radius:0;z-index:auto;max-height:none;overflow-y:visible;align-items:center;margin-bottom:15px}.parent-bar,.section-panel{flex-direction:row;justify-content:center}.parent-bar{background:rgba(55,55,55,.6);border:1px solid rgba(255,255,255,.1);border-radius:12px;width:auto;overflow:hidden}.parent-item{padding:12px 24px;min-width:80px;text-align:center;flex:1;max-width:none;border-radius:0}.parent-item:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.parent-item:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.performance-chart-container{width:90vw;max-width:400px;height:12vh;min-width:280px;min-height:120px}.result-layout{flex-direction:column;gap:20px;padding:20px}.result-layout,.result-metrics{display:flex;align-items:center}.result-metrics{position:static;left:auto;flex-direction:row;gap:30px;justify-content:center}.graph-heading{align-self:center;text-align:center}.result-graphs{width:100%;max-width:none}.graphics-toggle{top:5px!important;right:12%!important;transform:translateX(50%)!important;flex-direction:column}.graphics-label{margin:0!important;font-size:10px!important}.toggle-option{padding:2px 6px!important;font-size:10px!important}#brand-logo{width:80px!important;margin-top:20px;margin-bottom:25px}.gamemode-bar{gap:8px!important;padding:8px 12px!important;border-radius:12px!important;max-width:95%;overflow-x:auto!important;overflow-y:hidden;margin-top:10px}.gamemode-item{padding:10px 16px!important;min-width:70px;white-space:nowrap}.bottom-bar{flex-wrap:wrap;gap:1rem!important;padding:8px 10px!important;background:rgba(0,0,0,.2)}.bottom-bar a,.support-btn{font-size:.7rem!important;padding:8px 12px!important;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:rgba(255,255,255,.05)}.bottom-bar a svg,.support-btn svg{margin-right:.3rem!important;width:.9em!important;height:.9em!important}.parameters-panel{position:fixed!important;bottom:0!important;left:0!important;top:auto!important;width:100%!important;max-height:30vh!important;right:auto!important;transform:none!important;border-radius:0!important;padding:12px 12px 60px!important;background:rgba(45,45,45,.5)}.stats-bar{top:20px!important;gap:8px!important}.stat-box{min-width:80px!important;padding:4px 12px!important}.stat-value{font-size:14px!important}.stat-label{font-size:8px!important}.result-value{font-size:28px!important}.result-label{font-size:12px!important}#start-button{padding:12px 24px!important;font-size:16px!important;min-height:50px;margin-top:20px}.param-text{padding:8px 12px!important;min-height:40px}.param-text,.toggle-option{display:flex;align-items:center;justify-content:center}.toggle-option{min-height:40px!important}.result-action-btn{padding:15px!important;min-width:60px;min-height:60px}}@media (max-width:480px){.divider{display:none!important}.scenario-card{max-width:100%}.scenario-card .image-wrapper{padding-top:45%}.scenario-card h4{font-size:1rem;margin:10px 6px 6px}.scenario-card p{font-size:.8rem;margin:0 6px 10px}.section-panel{margin-bottom:12px}.parent-item{padding:10px 18px;min-width:70px;font-size:13px}#brand-logo{width:70px!important;margin-top:15px;margin-bottom:20px}.performance-chart-container{width:95vw;max-width:320px;height:10vh;min-height:100px}.result-value{font-size:22px!important}.result-label{font-size:11px!important}.bottom-bar{gap:.5rem!important;padding:6px 8px!important}.bottom-bar a,.support-btn{font-size:.65rem!important;padding:6px 8px!important;min-height:40px}.gamemode-bar{gap:4px!important;padding:6px 8px!important}.gamemode-item{padding:8px 12px!important;min-width:60px;font-size:12px}#start-button{padding:10px 20px!important;font-size:14px!important;min-height:44px}.param-text{padding:6px 10px!important;min-height:36px;font-size:12px}.result-action-btn{padding:12px!important;min-width:50px;min-height:50px}}.support-dialog-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.support-dialog{background:rgba(45,45,45,.95);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:0;width:90%;max-width:400px;backdrop-filter:blur(10px);animation:slideIn .2s ease}.support-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.support-dialog-header h3{margin:0;color:#fff;font-size:18px;font-weight:500}.close-btn{background:none;border:none;color:#aaa;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:#fff;background:rgba(255,255,255,.1)}.support-dialog-content{padding:20px 24px 24px}.support-dialog-content p{margin:0 0 20px;color:#ccc;font-size:14px;text-align:center;line-height:1.4}.donation-options{display:flex;flex-direction:column;gap:12px}.donation-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:rgba(55,55,55,.6);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;position:relative}.donation-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:translateY(-1px)}.donation-btn .currency{margin-left:auto;font-size:12px;opacity:.7;background:rgba(255,255,255,.1);padding:2px 6px;border-radius:4px}.donation-btn.kofi:hover{border-color:#ff5e5b;box-shadow:0 0 12px rgba(255,94,91,.3)}.donation-btn.coffee:hover{border-color:#ffdd44;box-shadow:0 0 12px rgba(255,221,68,.3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.support-dialog{width:95%;max-width:320px}.support-dialog-header{padding:16px 20px 12px}.support-dialog-content{padding:16px 20px 20px}.donation-btn{padding:10px 16px;font-size:13px}}