.nav{height:44px;display:flex;align-items:center;gap:24px;padding:0 20px;background:#111;border-bottom:1px solid #222;font-family:Courier New,monospace;font-size:13px}.nav__logo{color:#ff9d00;font-weight:700;font-size:16px;text-decoration:none;margin-right:auto}.nav__link{color:#888;text-decoration:none;transition:color .15s}.nav__link:hover{color:#bbb}.nav__link--active{color:#ff9d00}.nav__user{font-size:11px;color:#888;margin-left:auto}.nav__logout{font-size:12px;color:#ff9d00;background:none;border:1px solid #ff9d00;padding:4px 10px;font-family:Courier New,monospace;cursor:pointer}.nav__logout:hover{background:#ff9d00;color:#0a0a0a}.level-card{position:relative;aspect-ratio:4 / 3;background:#111;border:2px solid #333333;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;opacity:.3;cursor:not-allowed;transition:border-color .15s,box-shadow .15s}.level-card--unlocked{opacity:1;cursor:pointer;border-color:#ff9d00;box-shadow:0 0 8px #ff9d0033}.level-card--unlocked:hover{border-color:#ffb940;box-shadow:0 0 16px #ff9d0066}.level-card--locked{opacity:.4}.level-card__number{position:absolute;top:6px;left:8px;font-size:11px;color:#555}.level-card--unlocked .level-card__number{color:#ff9d00}.level-card__badge{position:absolute;top:6px;right:8px;font-size:11px;color:#555;letter-spacing:1px}.level-card__title{font-size:11px;color:#888;text-align:center;line-height:1.4}.level-card--unlocked .level-card__title{color:#fff}.level-card__subtitle{font-size:9px;color:#666;text-align:center;margin-top:4px}.level-card--unlocked .level-card__subtitle{color:#999}.home{width:100%;min-height:100%;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;font-family:Courier New,monospace;padding:40px 20px}.home__title{color:#ff9d00;font-size:36px;margin:0;letter-spacing:4px}.home__subtitle{color:#888;font-size:14px;margin:12px 0 32px;letter-spacing:2px}.home__grid{display:grid;grid-template-columns:repeat(4,170px);gap:16px;max-width:740px}.bat-spin{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;display:flex;align-items:center;justify-content:center}.bat-spin__spiral{position:absolute;width:300vmax;height:300vmax;border-radius:50%;background:conic-gradient(#ff9d00,#0a0a0a,#ff9d00,#0a0a0a,#ff9d00,#0a0a0a,#ff9d00,#0a0a0a,#ff9d00,#0a0a0a,#ff9d00,#0a0a0a,#ff9d00 360deg);animation:bat-spin-rotate .6s linear infinite,bat-spin-grow 1.2s ease-in forwards;transform:scale(0)}@keyframes bat-spin-rotate{0%{transform:rotate(0) scale(var(--bat-scale, 0))}to{transform:rotate(360deg) scale(var(--bat-scale, 0))}}@keyframes bat-spin-grow{0%{--bat-scale: 0;transform:scale(0) rotate(0)}to{--bat-scale: 1;transform:scale(1) rotate(720deg)}}.bat-spin__text{position:relative;z-index:1;color:#0a0a0a;font-family:Courier New,monospace;font-size:28px;font-weight:700;letter-spacing:4px;opacity:0;animation:bat-text-in .4s ease-out .8s forwards}@keyframes bat-text-in{0%{opacity:0;transform:scale(3)}to{opacity:1;transform:scale(1)}}.level-page{width:100%;height:100%;display:flex;align-items:center;justify-content:center}