*{box-sizing:border-box;margin:0;padding:0}body{background:#080808;font-family:monospace;overflow:hidden}.dim{color:#6e6e6e}.green{color:#3ddc84}.blue{color:#5bc8fa}.amber{color:#ffb347}.err{color:#ff5c5c}canvas{display:block}.hud-hidden{opacity:0;pointer-events:none;transition:opacity .5s ease-in-out}.hud-visible{opacity:1;pointer-events:auto!important}#hud-top{color:#979797;pointer-events:none;z-index:10;background:linear-gradient(#000000b3,#0000);justify-content:space-between;align-items:center;padding:14px 20px;font-size:14px;display:flex;position:fixed;top:0;left:0;right:0}#hud-top .green{color:#3ddc84}#hud-top .blue{color:#5bc8fa}#hud-top .amber{color:#ffb347}#hud-top .actions a{color:#979797}#hud-top #menu{cursor:pointer;pointer-events:auto;transition:all .2s}#hud-top #menu:hover{color:#5bc8fa}#hud-bot{pointer-events:none;z-index:10;background:linear-gradient(#0000,#000c);align-items:center;gap:10px;padding:12px 20px;font-size:11px;display:flex;position:fixed;bottom:0;left:0;right:0}#hud-bot .dim{color:#979797}#integrity-track{background:#222;border-radius:2px;flex:1;height:3px}#integrity-bar{background:#3ddc84;border-radius:2px;width:100%;height:3px;transition:width .3s,background .3s}#integrity-value{color:#3ddc84;min-width:36px;font-family:monospace;font-size:11px}#hud-controls{white-space:nowrap;color:#979797;margin-left:20px;font-size:11px}.key-hint{color:#979797;border:.5px solid #424242;border-radius:3px;padding:1px 5px;font-size:10px}#boot{color:#3ddc84;z-index:10;background:#080808;flex-direction:column;justify-content:center;font-size:12px;line-height:2;display:flex;position:fixed;inset:0}#boot-top{color:#979797;padding-inline:60px}#boot-top .actions span{cursor:pointer;color:#979797;text-decoration:none;transition:all .2s}#boot-top .actions span:hover{color:#5bc8fa;text-underline-offset:6px;text-decoration:underline}#boot-top .actions #btn-logout:hover{color:#ff5c5c}#user-username{display:inline!important}#boot-content{padding:60px}#boot-content #actions{color:#979797;padding-top:20px}#boot-content #actions #start,#boot-content #actions #scores{cursor:pointer;width:fit-content}#boot-content #actions #start:hover{color:#3ddc84}#boot-content #actions #scores:hover{color:#5bc8fa}#bsod,#menu-screen{text-align:center;color:#ccc;z-index:20;background:#080808;flex-direction:column;justify-content:center;align-items:center;font-size:12px;line-height:2.2;position:fixed;inset:0}#bsod .err{color:#ff5c5c;letter-spacing:.06em;font-size:20px}#bsod .dim,#menu-screen .dim{color:#6e6e6e}#bsod-home,#bsod-reboot{cursor:pointer;pointer-events:auto;transition:color .2s}#bsod-reboot:hover{color:#3ddc84}#bsod-home:hover{color:#ff5c5c}#menu-screen .item{cursor:pointer;transition:color .2s}#menu-screen .item:hover{color:#3ddc84}#level-banner{letter-spacing:.08em;pointer-events:none;opacity:0;z-index:15;font-family:monospace;font-size:20px;font-weight:500;transition:opacity .4s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#victory{text-align:center;color:#ccc;z-index:20;background:#080808;flex-direction:column;justify-content:center;align-items:center;font-family:monospace;font-size:12px;line-height:2.2;position:fixed;inset:0}.reboot,.home{cursor:pointer;pointer-events:auto;transition:color .2s}.reboot:hover{color:#3ddc84}.home:hover{color:#ff5c5c}.modal{z-index:30;background:#080808eb;justify-content:center;align-items:center;font-family:monospace;position:fixed;inset:0}.modal-box{background:#0d0d0d;border:.5px solid #333;flex-direction:column;gap:16px;min-width:380px;padding:40px;display:flex}.modal-title{letter-spacing:.08em;padding-bottom:20px;font-size:14px}.modal-title.blue{color:#5bc8fa}.modal-title.green{color:#3ddc84}.modal-field{flex-direction:column;gap:6px;display:flex}.modal-field label{font-size:11px}.modal-field input{color:#ccc;background:#080808;border:.5px solid #333;outline:none;padding:8px 10px;font-family:monospace;font-size:12px;transition:border-color .2s}.modal-field input:focus{border-color:#5bc8fa}.modal-field input::placeholder{color:#333}.modal-actions{gap:12px;padding-top:8px;display:flex}.modal-btn{cursor:pointer;border:.5px solid;padding:8px 16px;font-family:monospace;font-size:12px;transition:background .2s,color .2s}.modal-btn.confirm{color:#3ddc84;border-color:#3ddc84}.modal-btn.confirm:hover{color:#080808;background:#3ddc84}.modal-btn.cancel{color:#555;border-color:#333}.modal-btn.cancel:hover{color:#ff5c5c;border-color:#ff5c5c}.err{color:#ff5c5c;font-size:11px}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{width:100%;padding-right:30px}.toggle-pwd{cursor:pointer;opacity:.5;font-size:14px;transition:opacity .2s;position:absolute;right:8px}.toggle-pwd:hover{opacity:1}.forgot-pwd{color:#6e6e6e;margin-top:4px;font-size:11px;text-decoration:none;transition:color .2s}.forgot-pwd:hover{color:#5bc8fa}.leaderboard-loading{color:#5bc8fa;padding:12px 0;font-size:12px}.lb-header,.lb-row{grid-template-columns:60px 1fr 100px;gap:8px;padding:4px 0;font-family:monospace;font-size:12px;display:grid}.lb-header{font-size:11px}.lb-separator{margin:4px 0;font-size:11px}.lb-score{display:flex}.lb-share{cursor:pointer;color:#5bc8fa;opacity:.6;margin-left:1px;font-size:13px;transition:opacity .2s}.lb-share:hover{opacity:1}#share-screen{color:#fff;z-index:10000;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:monospace;position:fixed;top:0;left:0}.share-box{background:#050505;border:1px solid #5bc8fa;min-width:320px;padding:30px}.share-title{margin-bottom:10px}.share-row{margin:12px 0}.share-actions{text-align:center;margin-top:20px}#share-join-btn{color:#ffb347;cursor:pointer;border:1px dashed #ffb347;padding:10px;transition:background .2s,color .2s}#share-join-btn:hover{color:#080808;background:#ffb347}.trigger-signin{color:#ffb347;cursor:pointer;transition:color .2s}.trigger-signin:hover{color:#fff}