:root{--theme-color: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{background:#111;color:#fff;font-family:monospace;display:flex;justify-content:center;align-items:center;min-height:100vh}#app{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:820px;padding:16px}.menu{display:flex;flex-direction:column;align-items:center;gap:48px}.menu h1{font-size:96px;letter-spacing:24px;font-weight:700;color:var(--theme-color)}.menu-buttons{display:flex;gap:20px}button{background:transparent;border:2px solid var(--theme-color);color:var(--theme-color);font-family:monospace;font-size:18px;padding:12px 32px;cursor:pointer;transition:background .12s}button:hover{background:#ffffff1f}.back-btn{align-self:flex-start;font-size:13px;padding:6px 14px;border-color:#ffffff59;color:#ffffff8c}.back-btn:hover{border-color:#fff;color:#fff;background:transparent}canvas{border:1px solid rgba(255,255,255,.15);max-width:100%;cursor:none;display:block}.difficulty-screen{display:flex;flex-direction:column;align-items:center;gap:24px}.difficulty-label{color:#ffffff80;font-size:14px;letter-spacing:2px;text-transform:uppercase}.difficulty-buttons{display:flex;gap:16px}.code-screen{display:flex;flex-direction:column;align-items:center;gap:20px}.code-hint{color:#ffffff8c;font-size:14px;text-align:center;max-width:340px;line-height:1.6}.code-input-row{display:flex;gap:10px}#code-input{background:transparent;border:2px solid #fff;color:#fff;font-family:monospace;font-size:32px;letter-spacing:6px;text-align:center;width:220px;padding:10px 16px;outline:none}#code-input:focus{border-color:#8cf}.code-actions{display:flex;gap:16px}.room-info{display:flex;align-items:center;gap:10px;font-size:13px;flex-wrap:wrap;justify-content:center}.room-label{color:#ffffff80}.room-link{color:#8cf;text-decoration:none;word-break:break-all}.room-link:hover{text-decoration:underline}.room-info button{font-size:12px;padding:4px 12px;border-width:1px;border-color:#fff6}#profile-btn{position:fixed!important;top:16px!important;left:16px!important;width:48px!important;height:48px!important;min-width:0!important;padding:0!important;border-radius:50%!important;border:2px solid rgba(255,255,255,.5)!important;background-color:#1a1a1a!important;background-size:cover!important;background-position:center!important;cursor:pointer!important;overflow:hidden!important;z-index:1000!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;font-weight:700!important;color:#fff!important;transition:border-color .15s!important}#profile-btn:hover{border-color:#fff!important}#theme-btn{position:fixed!important;top:76px!important;left:16px!important;width:48px!important;height:48px!important;min-width:0!important;padding:0!important;border-radius:50%!important;border:2px solid rgba(255,255,255,.5)!important;background-color:#fff!important;cursor:pointer!important;z-index:1000!important;transition:border-color .15s,transform .15s!important}#theme-btn:hover{border-color:#fff!important;transform:scale(1.08)!important}#shop-btn,#locker-btn{position:fixed!important;right:16px!important;width:48px!important;height:48px!important;min-width:0!important;padding:0!important;border-radius:50%!important;border:2px solid rgba(255,255,255,.5)!important;background-color:#1a1a1a!important;cursor:pointer!important;z-index:1000!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;font-weight:700!important;color:var(--theme-color)!important;transition:border-color .15s!important}#shop-btn{top:52px!important}#locker-btn{top:108px!important}#shop-btn:hover,#locker-btn:hover{border-color:#fff!important}.right-panel{position:fixed;top:0;right:0;bottom:0;width:300px;background:#131313;border-left:1px solid rgba(255,255,255,.12);z-index:900;transform:translate(100%);transition:transform .28s ease;display:flex;flex-direction:column}.right-panel.open{transform:translate(0)}.skin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:4px 2px}.skin-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:border-color .15s}.skin-card:hover{border-color:#ffffff59}.skin-card.equipped{border-color:var(--theme-color)}.skin-preview{display:block;background:transparent}.skin-name{font-size:12px;letter-spacing:1px;color:#fffc}.skin-price{font-size:11px;color:#fff6;letter-spacing:1px}.skin-btn{font-size:11px!important;padding:4px 10px!important;border-width:1px!important;width:100%!important;letter-spacing:1px!important}.skin-btn:disabled{opacity:.35!important;cursor:default!important}.skin-btn.equipped-btn{border-color:var(--theme-color)!important;color:var(--theme-color)!important}#tokens-display{position:fixed;top:16px;right:16px;font-family:monospace;font-size:16px;color:var(--theme-color);letter-spacing:2px;z-index:1000;display:flex;align-items:center;gap:6px;user-select:none}.account-panel{position:fixed;top:124px;left:0;bottom:0;width:300px;background:#131313;border-right:1px solid rgba(255,255,255,.12);z-index:900;transform:translate(-100%);transition:transform .28s ease;display:flex;flex-direction:column}.account-panel.open{transform:translate(0)}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px;letter-spacing:3px;text-transform:uppercase;color:#ffffffb3}.panel-close{background:transparent!important;border:none!important;color:#fff6!important;font-size:18px!important;padding:2px 6px!important;cursor:pointer!important;min-width:0!important}.panel-close:hover{color:#fff!important;background:transparent!important}.panel-body{display:flex;flex-direction:column;align-items:center;gap:28px;padding:36px 24px;overflow-y:auto}.avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.avatar-circle{width:96px;height:96px;border-radius:50%;border:2px solid rgba(255,255,255,.4);background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;font-size:36px;font-weight:700;color:#fff;transition:border-color .15s}.avatar-circle:hover{border-color:#fff}.avatar-circle img{width:100%;height:100%;object-fit:cover;display:block}.avatar-hint{font-size:11px;color:#ffffff59;letter-spacing:1px}.panel-fields{display:flex;flex-direction:column;gap:6px;width:100%}.panel-fields label{font-size:10px;color:#fff6;letter-spacing:2px;text-transform:uppercase;margin-top:10px}.panel-fields label:first-child{margin-top:0}.panel-fields input{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff;font-family:monospace;font-size:15px;padding:10px 12px;width:100%;outline:none;border-radius:0}.panel-fields input:focus{border-color:#8cf}.panel-save{width:100%!important;font-size:15px!important;padding:12px!important;letter-spacing:2px!important}.choose-account-msg{font-size:13px;color:#ffffff73;text-align:center;line-height:1.6;max-width:220px}.profile-name{font-size:20px;letter-spacing:3px;color:var(--theme-color)}.profile-tokens{font-size:14px;color:#ffffff80;letter-spacing:2px}.panel-error{font-size:12px;color:#f44;margin-top:6px;text-align:center}.theme-panel{position:fixed;top:124px;left:0;bottom:0;width:300px;background:#131313;border-right:1px solid rgba(255,255,255,.12);z-index:900;transform:translate(-100%);transition:transform .28s ease;display:flex;flex-direction:column}.theme-panel.open{transform:translate(0)}.theme-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:8px 4px}.swatch{width:56px;height:56px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:transform .12s,border-color .12s;position:relative}.swatch:hover{transform:scale(1.12)}.swatch.selected{border-color:#fff}.swatch.selected:after{content:"\2713";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;color:#0009;font-weight:700}.searching-screen{display:flex;flex-direction:column;align-items:center;gap:24px;padding:60px 0}.searching-title{font-size:22px;letter-spacing:3px;color:#fffc}.searching-dots{display:flex;gap:10px}.searching-dots span{width:10px;height:10px;border-radius:50%;background:#fff;animation:pulse 1.2s ease-in-out infinite}.searching-dots span:nth-child(2){animation-delay:.2s}.searching-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.searching-timer{font-size:15px;color:#ffffff59;letter-spacing:2px}.no-opponent-screen{display:flex;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.no-opponent-screen p{font-size:18px;color:#fff9;line-height:1.7;max-width:400px;letter-spacing:1px}
/*# sourceMappingURL=client.css.map */