:root{--primary: #4ade80;--secondary: #6366f1;--dark: #0f172a;--text: #f8fafc}body{margin:0;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--dark);color:var(--text);-webkit-user-select:none;user-select:none}canvas{display:block}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 65%,rgba(10,15,30,.4) 100%);z-index:10}.screen{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#1e293be6,#0f172a);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:50;transition:opacity .3s}h1.title{font-size:4rem;margin-bottom:10px;background:linear-gradient(to right,#4ade80,#3b82f6);-webkit-background-clip:text;color:transparent;text-shadow:0 10px 30px rgba(74,222,128,.3);text-align:center}button.btn-main{padding:15px 40px;font-size:1.2rem;cursor:pointer;background:linear-gradient(135deg,var(--primary),#10b981);color:var(--dark);border:none;border-radius:50px;font-weight:800;text-transform:uppercase;letter-spacing:1px;box-shadow:0 10px 20px #4ade8066;transition:all .2s cubic-bezier(.4,0,.2,1);margin:10px}button.btn-main:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 25px #4ade8099}button.btn-main:active{transform:translateY(1px)}button.btn-secondary{background:#ffffff1a;color:#fff;box-shadow:none;border:1px solid rgba(255,255,255,.2)}button:focus,button.gamepad-focus,input[type=range]:focus,input[type=range].gamepad-focus{outline:3px solid var(--primary);outline-offset:2px;transform:scale(1.05);box-shadow:0 0 20px #4ade80cc;transition:all .2s}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:300;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#1e293b;padding:40px;border-radius:24px;width:90%;max-width:500px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080}.modal h2{margin-top:0;color:var(--primary)}.setting-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}#flash{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:99;transition:opacity .1s;opacity:0;background:#fff}#dim-alert{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%) scale(.5);opacity:0;color:#fff;font-size:3rem;font-weight:700;text-align:center;pointer-events:none;z-index:1000;transition:all .3s cubic-bezier(.175,.885,.32,1.275);text-shadow:0 0 20px rgba(255,255,255,.5);white-space:nowrap}#mobile-controls{position:absolute;top:0;left:0;width:100%;height:100%;z-index:40;pointer-events:none;touch-action:none}.mob-btn{position:absolute;width:60px;height:60px;background:#fff3;border:2px solid rgba(255,255,255,.4);border-radius:50%;color:#fff;font-size:24px;display:flex;justify-content:center;align-items:center;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;opacity:.5;transition:opacity .1s,transform .1s}@media(orientation:portrait){h1.title{font-size:3rem}button.btn-main{padding:12px 20px;font-size:1rem}.hud{font-size:1.2rem}}.studio-reset{margin-top:20px;padding-top:14px;border-top:1px solid #99777755;text-align:left}.studio-reset button{cursor:pointer;padding:10px 14px;border:1px solid #a96868;border-radius:6px;background:#35252b;color:#ffe1d9;font:inherit}.studio-reset button:focus-visible{outline:3px solid #f3c57b;outline-offset:3px}.studio-reset button:disabled{opacity:.6;cursor:wait}.studio-reset-confirm p,.studio-reset-status{font-size:14px;line-height:1.5;color:inherit}.studio-reset-confirm[hidden]{display:none!important}.studio-reset [data-reset-cancel]{background:#25312d;border-color:#81988e;color:#e8f5ed}