:root{--cc-panel-bg: rgba(28, 28, 30, .82);--cc-panel-blur: blur(48px) saturate(1.8);--cc-panel-radius: 16px;--cc-panel-border: rgba(255, 255, 255, .1);--cc-card-bg: rgba(58, 58, 62, .88);--cc-card-radius: 12px;--cc-divider: rgba(255, 255, 255, .07);--cc-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, sans-serif;--cc-text: #ffffff;--cc-text-dim: rgba(255, 255, 255, .48);--cc-text-label: rgba(255, 255, 255, .35);--cc-blue: #3478f6;--cc-yellow: #f5a623;--cc-green: #30d158;--cc-red: #ff453a;--cc-track-h: 20px;--cc-thumb-size: 20px;--cc-track-bg: rgba(255, 255, 255, .14);--cc-track-fill: #ffffff;--cc-tile-size: 44px;--cc-tile-radius: 12px}@supports (resize: vertical){.warning{display:none}}html,body{margin:0;padding:0;width:100%;height:100%;background:#000;overflow:hidden;font-family:var(--cc-font);-webkit-font-smoothing:antialiased}body{display:block}.app-root{position:fixed}body,canvas,#viewport{user-select:none;-webkit-user-select:none;touch-action:none}canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:1;filter:saturate(150%)}#loader-overlay{position:fixed;inset:0;z-index:99999;background:#050810;display:flex;align-items:center;justify-content:center}#loader-container{width:55%;max-width:420px;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}#loader-bar{height:100%;width:0%;background:#ffffffd9;border-radius:2px;transition:width .15s ease}#data.hud-data{position:absolute;top:14px;left:14px;z-index:99999999999999999999999999999999999999999999;display:flex;flex-direction:column;gap:1px;padding:8px 12px;background:var(--cc-panel-bg);backdrop-filter:var(--cc-panel-blur);-webkit-backdrop-filter:var(--cc-panel-blur);border:1px solid var(--cc-panel-border);border-radius:12px;color:var(--cc-text);font-size:12px;font-weight:600;letter-spacing:.03em;text-shadow:none;box-shadow:0 2px 8px #00000059,inset 0 1px #ffffff0f}#data1{font-size:1.4rem;font-weight:700;color:var(--cc-text);letter-spacing:.15em;text-transform:lowercase}#data2,#data3,#data4{font-size:11px;font-weight:500;color:var(--cc-text-dim);letter-spacing:.02em}#data2:empty,#data3:empty,#data4:empty{display:none}.cc-tile{width:var(--cc-tile-size);height:var(--cc-tile-size);border-radius:var(--cc-tile-radius);background:var(--cc-panel-bg);backdrop-filter:var(--cc-panel-blur);-webkit-backdrop-filter:var(--cc-panel-blur);border:1px solid var(--cc-panel-border);display:flex;align-items:center;justify-content:center;color:var(--cc-text);font-size:18px;cursor:pointer;transition:background .15s ease,transform .1s ease;box-shadow:0 2px 8px #00000059,inset 0 1px #ffffff0f;position:absolute;z-index:1000}.cc-tile:active{transform:scale(.93)}#settings-button{position:absolute;top:14px;right:14px;width:var(--cc-tile-size);height:var(--cc-tile-size);border-radius:var(--cc-tile-radius);background:var(--cc-panel-bg);backdrop-filter:var(--cc-panel-blur);-webkit-backdrop-filter:var(--cc-panel-blur);border:1px solid var(--cc-panel-border);z-index:99999999999999999999999999999999999999999999;color:var(--cc-text);cursor:pointer;transition:width .38s cubic-bezier(.4,0,.2,1),height .38s cubic-bezier(.4,0,.2,1),border-radius .38s ease;box-shadow:0 2px 16px #0006,inset 0 1px #ffffff0f;overflow:hidden;pointer-events:auto}#settings-button.open{width:220px;height:280px;border-radius:var(--cc-panel-radius);cursor:default}#cog-overlay,#vol-overlay{position:absolute;top:0;right:0;width:var(--cc-tile-size);height:var(--cc-tile-size);display:flex;align-items:center;justify-content:center;pointer-events:auto}#cog{font-size:18px;color:var(--cc-text);transition:transform 1s ease,opacity .5s ease;cursor:pointer}#settings-button.open #cog{transform:rotate(135deg);opacity:0;pointer-events:none}#settings-panel-header{top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 14px;opacity:0;pointer-events:none;transition:opacity .2s ease;padding-top:.4rem;padding-bottom:.4rem;border-bottom:1px solid white}#settings-title{font-size:1rem;font-weight:700;color:var(--cc-text);letter-spacing:.01em;opacity:0;transition:opacity .2s ease}#settings-close{width:24px;height:24px;border-radius:50%;background:#ffffff29;border:none;color:#ffffffbf;font-size:11px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease,background .15s ease;z-index:10;padding:0;flex-shrink:0}#settings-close:hover{background:#ffffff42}#settings-title.visible{opacity:1}#settings-close.visible{opacity:1;pointer-events:auto}#close-icon{font-size:.9rem;color:var(--cc-text-dim);margin-bottom:.1rem}.settings-menu{display:none;flex-direction:column;padding:1rem;gap:0;margin-bottom:-1rem}.cc-section-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--cc-text-label);padding:8px 4px 4px}.cc-section-label:first-child{padding-top:0}.cc-group{background:var(--cc-card-bg);border-radius:var(--cc-card-radius);overflow:hidden;margin-bottom:.6rem}.cc-group:last-child{margin-bottom:0}.cc-row{display:flex;align-items:center;gap:9px;padding:10px 10px 10px 8px;position:relative}.cc-row+.cc-row{border-top:1px solid var(--cc-divider)}.cc-row-icon{width:28px;height:28px;border-radius:8px;background:#ffffff24;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;color:var(--cc-text)}.cc-icon-blue{background:var(--cc-blue)}.cc-icon-yellow{background:var(--cc-yellow)}.cc-icon-green{background:var(--cc-green)}.cc-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.cc-row-label{font-size:12px;font-weight:600;color:__var__(--cc-text);letter-spacing:.01em;margin-left:.7rem;margin-bottom:-.3rem;margin-top:.25rem}.cc-row-value{font-size:10px;font-weight:500;color:var(--cc-text-dim);flex-shrink:0;min-width:26px;text-align:right;font-variant-numeric:tabular-nums;align-self:center;right:1.6rem;margin-top:-.5rem;position:absolute}.cc-slider{-webkit-appearance:none;appearance:none;width:100%;height:var(--cc-track-h);border-radius:99px;outline:none;cursor:pointer;background:linear-gradient(to right,var(--cc-track-fill) var(--fill, 0%),var(--cc-track-bg) var(--fill, 0%));transition:none}.cc-slider::-webkit-slider-runnable-track{height:var(--cc-track-h);border-radius:99px;background:linear-gradient(to right,var(--cc-track-fill) calc(var(--fill, calc(10px + .5*(100% - 20px)) ) - .5px),var(--cc-track-bg) calc(var(--fill, calc(10px + .5*(100% - 20px)) ) + .5px))}.cc-slider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--cc-thumb-size);height:var(--cc-thumb-size);border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000073,0 0 0 .5px #0000001f;cursor:pointer;transition:transform .1s ease}.cc-slider::-webkit-slider-thumb:active{transform:scale(1.1)}.cc-slider::-moz-range-track{height:var(--cc-track-h);border-radius:99px;background:linear-gradient(to right,var(--cc-track-fill) calc(var(--fill, calc(10px + .5*(100% - 20px)) ) - .5px),var(--cc-track-bg) calc(var(--fill, calc(10px + .5*(100% - 20px)) ) + .5px))}.cc-slider::-moz-range-thumb{width:var(--cc-thumb-size);height:var(--cc-thumb-size);border-radius:50%;background:#fff;border:none;box-shadow:0 1px 4px #00000073;cursor:pointer}.cc-slider::-moz-range-track{height:var(--cc-track-h);border-radius:99px;background:var(--cc-track-bg)}#audio-visualizer{position:absolute;top:14px;right:112px;width:var(--cc-tile-size);height:var(--cc-tile-size);border-radius:var(--cc-tile-radius);background:var(--cc-panel-bg);backdrop-filter:var(--cc-panel-blur);-webkit-backdrop-filter:var(--cc-panel-blur);border:1px solid var(--cc-panel-border);z-index:99999999999999999999999999999999999999999999;color:var(--cc-text);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:right .38s cubic-bezier(.4,0,.2,1),background .15s ease;box-shadow:0 2px 8px #00000059,inset 0 1px #ffffff0f;pointer-events:auto}#volume-button{position:absolute;top:14px;right:68px;width:var(--cc-tile-size);height:var(--cc-tile-size);border-radius:var(--cc-tile-radius);background:var(--cc-panel-bg);backdrop-filter:var(--cc-panel-blur);-webkit-backdrop-filter:var(--cc-panel-blur);border:1px solid var(--cc-panel-border);z-index:99999999999999999999999999999999999999999999;color:var(--cc-text);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:right .38s cubic-bezier(.4,0,.2,1),background .15s ease;box-shadow:0 2px 8px #00000059,inset 0 1px #ffffff0f;pointer-events:auto}#volume-button.open{right:242px}#inventory-button{display:none;position:absolute;width:var(--cc-tile-size);height:var(--cc-tile-size);top:30vh;left:14px;border-radius:var(--cc-tile-radius);background:var(--cc-panel-bg);backdrop-filter:var(--cc-panel-blur);-webkit-backdrop-filter:var(--cc-panel-blur);border:1px solid var(--cc-panel-border);z-index:1000}.action-buttons{position:absolute;display:flex;flex-direction:column;gap:8px;right:14px;top:50%;transform:translateY(-50%);z-index:1000}#sprint-button,.jump-button{width:var(--cc-tile-size);height:var(--cc-tile-size);border-radius:var(--cc-tile-radius);background:var(--cc-panel-bg);backdrop-filter:var(--cc-panel-blur);-webkit-backdrop-filter:var(--cc-panel-blur);border:1px solid var(--cc-panel-border);display:flex;align-items:center;justify-content:center;color:var(--cc-text);font-size:18px;cursor:pointer;position:relative;box-shadow:0 2px 8px #00000059,inset 0 1px #ffffff0f;transition:background .15s ease,transform .1s ease}#sprint-button:active,.jump-button:active{transform:scale(.92)}#joystick,#joystick-stick,#sprint-button,.jump-button{opacity:0;transition:opacity .6s ease}#joystick{display:none;position:absolute;left:1rem;bottom:1rem;width:110px;height:110px;border-radius:50%;background:var(--cc-panel-bg);backdrop-filter:var(--cc-panel-blur);-webkit-backdrop-filter:var(--cc-panel-blur);border:1px solid var(--cc-panel-border);touch-action:none;z-index:1000;justify-content:center;align-items:center;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0f}#joystick-stick{position:absolute;width:48px;height:48px;border-radius:50%;background:#ffffffb8;box-shadow:0 2px 8px #00000059}.game{background:#000;width:45%;display:flex;margin-left:10rem;position:relative}#viewport{touch-action:none;position:absolute;width:63%;z-index:10;height:24%;top:12%;left:18.9%}.viewport-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.crosshair{z-index:1000;color:#ffffff8c;font-size:18px;font-weight:300;margin-bottom:3rem;text-shadow:0 0 4px rgba(0,0,0,.6)}@media(max-width:600px){.action-buttons{right:14px;top:auto;bottom:21rem;transform:none}#settings-button.open{width:min(220px,calc(100vw - 28px))}}@media(min-width:701px)and (max-width:999px){.game{width:unset;margin-left:unset}}#loader-eye{width:80px;height:80px;object-fit:contain;margin-bottom:1.2rem}