*{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}html,body{background-color:#000;overflow:hidden}canvas#three{position:fixed;top:0;left:0;outline:none}#CC-attribution{position:fixed;bottom:0;left:0;padding:20px;z-index:1;color:#b3b3b3;width:300px;line-height:1.5}#CC-attribution a{color:#add8e6}#progress{width:100%;height:2px;background:#222;position:fixed;top:50%;left:0;transition:all .3s ease}#bar{width:0;height:100%;background:#fff}#env-indicator{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:8px 16px;background:#000000b3;color:#0f8;font-weight:500;font-size:11px;font-family:Courier New,monospace;letter-spacing:.5px;border-radius:3px;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,136,.4);box-shadow:0 0 8px #0f83;white-space:nowrap;width:fit-content;display:inline-block;overflow:hidden;opacity:.85}#settings-btn{position:fixed;top:20px;right:20px;width:48px;height:48px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#settings-btn:hover{background:#fff3;transform:rotate(90deg)}#settings-btn svg{pointer-events:none}#settings-panel{position:fixed;top:80px;right:20px;width:320px;background:#141414f2;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:0;z-index:99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #00000080;transition:all .3s ease;transform-origin:top right}#settings-panel.hidden{opacity:0;pointer-events:none;transform:scale(.9) translateY(-10px)}#settings-panel .settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}#settings-panel .settings-header h2{color:#fff;font-size:18px;font-weight:600;margin:0}#settings-panel .settings-header #close-settings{background:none;border:none;color:#fff9;font-size:32px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1;transition:color .2s ease}#settings-panel .settings-header #close-settings:hover{color:#fff}#settings-panel .settings-content{padding:20px}#settings-panel .setting-item{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}#settings-panel .setting-item:last-child{margin-bottom:0}#settings-panel .setting-item>label{color:#ffffffe6;font-size:14px;font-weight:500;flex-shrink:0}#settings-panel .setting-item.setting-toggle{flex-direction:row;justify-content:space-between;align-items:center}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;align-self:flex-end}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch input:checked+.slider{background-color:#4caf50}.toggle-switch input:checked+.slider:before{transform:translate(24px)}.toggle-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#555;transition:.3s;border-radius:28px}.toggle-switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.volume-control{display:flex;align-items:center;gap:12px;width:100%}.volume-control input[type=range]{flex:1;height:4px;border-radius:2px;background:#fff3;outline:none;-webkit-appearance:none}.volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;transition:all .2s ease}.volume-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-control input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;border:none;transition:all .2s ease}.volume-control input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}.volume-control span{color:#ffffffb3;font-size:13px;min-width:45px;text-align:right;flex-shrink:0}#start-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .5s ease}#start-overlay.visible{opacity:1;pointer-events:all}#start-content{text-align:center}#start-content h1{color:#fff;font-size:48px;font-weight:700;margin-bottom:40px;text-shadow:0 2px 20px rgba(0,0,0,.5)}#start-content #start-game-btn{padding:16px 48px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #667eea66}#start-content #start-game-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px #667eea99}#start-content #start-game-btn:active{transform:translateY(0)}