#mc-root{font-family:var(--font-space-grotesk), system-ui, sans-serif;color:var(--color-chrome,#e8e8ec);background:#060607;position:fixed;inset:0;overflow:hidden}#mc-canvas{position:absolute;inset:0}.mc-panel,#mc-ui,#mc-hud,#mc-prompt,#mc-dialogue,#mc-ship-hud,#mc-bike-hud,#mc-jukebox-hud{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:repeating-linear-gradient(90deg,#ffffff03 0 1px,#0000 1px 3px),linear-gradient(160deg,#17171bf0 0%,#0d0d10f0 45%,#131318f0 100%);border:1px solid #ffffff1a;border-radius:8px;box-shadow:inset 0 1px #ffffff14,0 8px 32px #0009}#mc-join-overlay{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#060607eb;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s;animation:.8s ease-out mc-fade-in;display:flex;position:fixed;inset:0}@keyframes mc-fade-in{0%{opacity:0}to{opacity:1}}#mc-join-overlay.hidden{opacity:0;pointer-events:none}#mc-join-overlay span{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.35em;text-transform:uppercase;color:var(--color-dim,#66666f);margin-bottom:12px;font-size:12px}#mc-join-overlay h2{letter-spacing:.08em;background:linear-gradient(#fff 0%,#d9d9e0 30%,#8e8e9a 50%,#f2f2f6 58%,#6f6f7a 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700;animation:2.5s ease-in-out infinite mc-pulse}@keyframes mc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}.mc-hint{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.15em;color:var(--color-silver,#a8a8b3);margin-top:20px;font-size:11px}.mc-touch-note{color:var(--color-dim,#66666f);margin-top:8px}#mc-ui{max-width:270px;font-size:12px;line-height:2.1;font-family:var(--font-jetbrains-mono), monospace;color:var(--color-silver,#a8a8b3);z-index:10;padding:16px 20px;position:absolute;top:16px;left:16px}#mc-ui h2{letter-spacing:.25em;font-size:15px;font-family:var(--font-space-grotesk), system-ui, sans-serif;background:linear-gradient(#fff,#9a9aa6);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:6px}.mc-sub{color:var(--color-dim,#66666f);letter-spacing:.1em;margin-bottom:10px;font-size:10px}.mc-key{color:#0a0a0c;background:linear-gradient(#fafafc,#c9c9d2 50%,#9c9ca8);border-radius:3px;padding:1px 6px;font-weight:600;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #0006}.mc-ship-hint{letter-spacing:.05em;color:var(--color-gold,#d4b878);border-top:1px solid #ffffff14;margin-top:8px;padding-top:8px;font-size:11px}.mc-back{letter-spacing:.2em;color:var(--color-chrome,#e8e8ec);border:1px solid #ffffff2e;border-radius:4px;margin-top:12px;padding:5px 12px;font-size:10px;transition:border-color .2s,background .2s;display:inline-block}.mc-back:hover{background:#ffffff0f;border-color:#fff6}#mc-hud{text-align:right;font-size:11px;line-height:2;font-family:var(--font-jetbrains-mono), monospace;color:var(--color-silver,#a8a8b3);z-index:10;padding:12px 18px;position:absolute;top:16px;right:16px}#mc-hud-mode{letter-spacing:.2em;color:var(--color-chrome,#e8e8ec);margin-bottom:4px}#mc-hud-time{color:var(--color-dim,#66666f);border-top:1px solid #ffffff14;padding-top:6px;font-size:10px}#mc-speed-bar{background:#0006;border-radius:3px;width:120px;height:6px;margin-top:4px;display:inline-block;overflow:hidden;box-shadow:inset 0 1px 2px #0009}#mc-speed-fill{background:linear-gradient(90deg,#8e8e9a,#f2f2f6);border-radius:3px;width:0%;height:100%;transition:width .12s;box-shadow:0 0 8px #e8e8ec59}#mc-prompt{font-size:13px;font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.15em;white-space:nowrap;color:var(--color-chrome,#e8e8ec);z-index:10;padding:10px 24px;animation:.35s ease-out mc-prompt-in;display:none;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}@keyframes mc-prompt-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}#mc-dialogue{width:90%;max-width:640px;font-family:var(--font-jetbrains-mono), monospace;color:var(--color-chrome,#e8e8ec);z-index:20;padding:22px 26px;display:none;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}#mc-d-name{letter-spacing:.25em;font-size:12px;font-family:var(--font-space-grotesk), system-ui, sans-serif;background:linear-gradient(#f3e3bb,#d4b878 60%,#8f7740);color:#0000;-webkit-background-clip:text;background-clip:text;border-left:3px solid #d4b878;margin-bottom:14px;padding-left:12px}#mc-d-content{scroll-behavior:smooth;max-height:190px;color:var(--color-silver,#a8a8b3);margin-bottom:14px;font-size:13px;line-height:1.8;overflow-y:auto}#mc-d-content::-webkit-scrollbar{width:4px}#mc-d-content::-webkit-scrollbar-thumb{background:#e8e8ec4d;border-radius:2px}.mc-speaker{color:var(--color-chrome,#e8e8ec)}.mc-you{color:var(--color-gold,#d4b878);margin-top:8px}#mc-d-options{flex-direction:column;gap:8px;display:flex}.mc-opt{color:var(--color-silver,#a8a8b3);cursor:pointer;text-align:left;letter-spacing:.04em;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:4px;padding:10px 16px;font-family:inherit;font-size:12px;transition:transform .2s,border-color .2s,background .2s,color .2s}.mc-opt:hover{color:#fff;background:#e8e8ec14;border-color:#e8e8ec66;transform:translate(6px)}#mc-custom-wrap{border-top:1px solid #ffffff14;margin-top:14px;padding-top:12px}#mc-custom-wrap p{color:var(--color-dim,#66666f);letter-spacing:.12em;margin-bottom:8px;font-size:10px}#mc-custom-input{width:100%;color:var(--color-chrome,#e8e8ec);background:#00000059;border:1px solid #ffffff26;border-radius:4px;outline:none;padding:10px 14px;font-family:inherit;font-size:12px;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 6px #00000080}#mc-custom-input:focus{border-color:#e8e8ec73;box-shadow:inset 0 2px 6px #00000080,0 0 0 3px #e8e8ec14}#mc-custom-submit{color:#0a0a0c;cursor:pointer;letter-spacing:.1em;background:linear-gradient(#fafafc,#c9c9d2 50%,#9c9ca8);border:none;border-radius:4px;margin-top:8px;padding:8px 20px;font-family:inherit;font-size:12px;font-weight:600;transition:filter .2s,transform .2s;box-shadow:inset 0 1px #ffffffe6,0 2px 8px #0006}#mc-custom-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}#mc-custom-submit:disabled{opacity:.35;cursor:not-allowed}#mc-ship-hud,#mc-bike-hud{font-size:12px;font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.12em;text-align:center;z-index:10;flex-direction:column;align-items:center;gap:10px;padding:12px 28px;animation:.4s ease-out mc-hud-in;display:none;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}#mc-ship-hud{color:var(--color-gold,#d4b878);border-color:#d4b87873}#mc-bike-hud{color:#fb923c;border-color:#fb923c66}@keyframes mc-hud-in{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}#mc-return-base-btn,#mc-return-bike-btn{color:var(--color-gold,#d4b878);cursor:pointer;letter-spacing:.15em;background:#d4b87826;border:1px solid #d4b87880;border-radius:4px;padding:8px 20px;font-family:inherit;font-size:11px;transition:background .2s,box-shadow .2s}#mc-return-base-btn:hover,#mc-return-bike-btn:hover{background:#d4b8784d;box-shadow:0 0 12px #d4b87840}#mc-return-bike-btn{color:#fb923c;background:#fb923c1f;border-color:#fb923c99}#mc-return-bike-btn:hover{background:#fb923c40;box-shadow:0 0 12px #fb923c40}#mc-jukebox-hud{font-size:11px;font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.08em;max-width:300px;color:var(--color-silver,#a8a8b3);z-index:10;padding:10px 16px;animation:.35s ease-out mc-jukebox-in;display:none;position:absolute;bottom:70px;left:16px}#mc-jukebox-hud .mc-label{color:var(--color-chrome,#e8e8ec);letter-spacing:.2em;margin-bottom:4px;font-size:10px}#mc-jukebox-hud.loading #mc-jukebox-title{color:var(--color-gold,#d4b878)}@keyframes mc-jukebox-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mc-spin{vertical-align:middle;border:2px solid #e8e8ec40;border-top-color:#e8e8ec;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite mc-spin;display:inline-block}@keyframes mc-spin{to{transform:rotate(360deg)}}.mc-float{pointer-events:none;color:var(--color-chrome,#e8e8ec);text-shadow:0 0 12px #e8e8ec80;z-index:30;font-size:24px;font-weight:700;animation:2.2s ease-out forwards mc-float-up;position:absolute}@keyframes mc-float-up{0%{opacity:1;transform:translateY(0)scale(1.2)}15%{transform:translateY(-8px)scale(1.3)}to{opacity:0;transform:translateY(-80px)scale(1)}}@media (max-width:768px){#mc-ui{display:none}#mc-hud{padding:8px 12px;font-size:10px}}
