@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");@font-face{font-family:Bootzy;font-weight:400;font-style:normal;src:url(//ghinzu.be/static/ooc/assets/fonts/BootzyTM.woff2) format('woff2')}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{overflow:hidden;background:#000;font-family:'Orbitron','Share Tech Mono',monospace}#video{position:fixed;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transform:scaleX(-1);transform:scaleX(-1);z-index:1}.video-style{-webkit-filter:invert() brightness(1.1) contrast(1.1);filter:invert() brightness(1.1) contrast(1.1)}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.hud-panel{position:fixed;padding:15px 20px;font-family:'Share Tech Mono','Orbitron',monospace;z-index:100;pointer-events:none}#hud-top-left{top:20px;left:20px}.hud-section-title{color:#ffffff;font-size:11px;letter-spacing:3px;margin-bottom:8px;text-shadow:0 0 10px #ffffff;opacity:0.9}.hud-status-line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:4px}.status-indicator{width:8px;height:8px;background:#91b432;border-radius:50%;margin-right:10px;-webkit-box-shadow:0 0 10px #91b432;box-shadow:0 0 10px #91b432;-webkit-animation:pulse-glow 2s infinite;animation:pulse-glow 2s infinite}.status-indicator.warning{background:#ffaa00;-webkit-box-shadow:0 0 10px #ffaa00;box-shadow:0 0 10px #ffaa00}@-webkit-keyframes pulse-glow{0%,to{opacity:1}50%{opacity:0.5}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:0.5}}.status-label{color:#91b432;font-size:14px;font-weight:700;letter-spacing:2px;text-shadow:0 0 15px #91b432}.hud-data-label{color:#666;font-size:10px;letter-spacing:2px;margin-top:15px;margin-bottom:3px}.hud-data-value{color:#ffffff;font-size:24px;font-weight:700;letter-spacing:1px;text-shadow:0 0 20px #ffffff}.hud-data-unit{color:#ffffff;font-size:12px;opacity:0.7;margin-left:5px}.hud-small-info{color:#888;font-size:10px;margin-top:5px}#hud-bottom-left{bottom:20px;left:20px}.hand-panel-title{font-family:"Bootzy",Helvetica,Arial,Helvetica,Arial,sans-serif;color:#ffffff;text-transform:uppercase;font-size:16px;letter-spacing:1px;margin-bottom:10px;opacity:0.8}.cmd-display{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;margin-bottom:8px}.cmd-label{background:rgba(255,0,00,0.3);color:#ff0066;padding:4px 12px;font-size:12px;font-weight:700;letter-spacing:1px;border:1px solid #ff0000;text-shadow:0 0 10px #ff0000}.cmd-value{background:rgba(120,140,60,0.2);color:#91b432;padding:4px 12px;font-size:12px;font-weight:700;letter-spacing:1px;border:1px solid #91b432;text-shadow:0 0 10px #91b432}.gesture-label{color:#666;font-size:10px;letter-spacing:2px}#hud-unlock{bottom:30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:0;.hand-panel-title{font-size:2rem;font-family:"Bootzy",Helvetica,Arial,sans-serif;text-transform:lowercase}}#hud-bottom-right{bottom:20px;right:20px;text-align:right}.physics-status{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:8px}.physics-label{background:rgba(255,170,0,0.3);color:#ffaa00;padding:4px 12px;font-size:12px;font-weight:700;letter-spacing:1px;border:1px solid #ffaa00;text-shadow:0 0 10px #ffaa00}.physics-value{background:rgba(0,255,136,0.2);color:#00ff88;padding:4px 12px;font-size:12px;font-weight:700;letter-spacing:1px;border:1px solid #00ff88;text-shadow:0 0 10px #00ff88}.field-label{color:#666;font-size:10px;letter-spacing:2px}#vignette{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;background:radial-gradient(ellipse at center,transparent 0%,transparent 50%,rgba(0,0,0,0.7) 100%)}#scanlines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:45;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.15) 2px,rgba(0,0,0,0.15) 4px)}.corner-deco{position:fixed;width:60px;height:60px;border:2px solid rgba(255,255,255,0.2);z-index:60;pointer-events:none}.corner-deco.top-left{top:10px;left:10px;border-right:none;border-bottom:none}.corner-deco.top-right{top:10px;right:10px;border-left:none;border-bottom:none}.corner-deco.bottom-left{bottom:10px;left:10px;border-right:none;border-top:none}.corner-deco.bottom-right{bottom:10px;right:10px;border-left:none;border-top:none}#loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1000;color:#777777;font-family:'Bootzy',sans-serif}#loading.hidden{opacity:0;pointer-events:none;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}#loading-bar{margin-top:30px}#loading-bar.hidden{opacity:0;pointer-events:none;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}.loading-text{font-size:18px;letter-spacing:5px;text-shadow:0 0 20px #eeeeee}.loading-bar{width:300px;height:2px;background:#222;position:relative;overflow:hidden}.loading-progress{height:100%;background:-webkit-gradient(linear,left top,right top,from(#ff0033),to(#ffffff));background:linear-gradient(90deg,#ff0033,#ffffff);width:0%;-webkit-transition:width 0.3s;transition:width 0.3s;-webkit-box-shadow:0 0 20px #ff0033;box-shadow:0 0 20px #ff0033}#grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0.85;pointer-events:none;background-color:red;mix-blend-mode:darken}@-webkit-keyframes grid-move{0%{background-position:0 0}to{background-position:50px 50px}}@keyframes grid-move{0%{background-position:0 0}to{background-position:50px 50px}}#mode-indicator{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:90px;font-family:'Bootzy',sans-serif;font-weight:900;letter-spacing:2px;color:#00ffff;text-shadow:0 0 30px currentColor,0 0 60px currentColor;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;pointer-events:none;z-index:70}#mode-indicator.show{opacity:1}#fullscreen{position:absolute;top:25px;right:30px;z-index:999;background:none;border-radius:unset;border:solid 1px rgba(255,255,255,0);color:rgba(255,255,255,.33);line-height:1rem;padding:.5rem .75rem;-webkit-transition:all .2s ease;transition:all .2s ease}#fullscreen svg{width:20px}#fullscreen:hover{color:#fff;cursor:pointer;background-color:rgba(255,255,255,.1);border-width:1px}