.industrial-input{width:100%;padding:12px 16px;background-color:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-family:inherit;font-size:1rem;transition:all .2s;outline:none}.industrial-input:focus{background-color:#ffffff14;border-color:#00e5ff;box-shadow:0 0 15px #00e5ff33}select.industrial-input option{background-color:#0f172a;color:#fff}.pixel-explosion-canvas.svelte-4x63ab{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999}@keyframes svelte-1uha8ag-gridScroll{0%{background-position:0 0}to{background-position:48px 48px}}.industrial-container.svelte-1uha8ag{flex:1;transition:all .3s ease}.portal-effect.svelte-1uha8ag{position:absolute;right:-80px;top:50%;transform:translateY(-50%);width:40px;height:180px;background:linear-gradient(to bottom,transparent,#00E5FF,#7700FF,#00E5FF,transparent);border-radius:50%;filter:blur(4px) url(#liquid-portal);box-shadow:0 0 20px #00e5ffcc,0 0 40px #70f9;opacity:0;z-index:-1}.smoke-particle{position:absolute;width:40px;height:40px;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 70%);border-radius:50%;pointer-events:none;z-index:5}@container (width > 500px){h1.svelte-1uha8ag{font-size:6rem!important}}@container (width <= 400px){h1.svelte-1uha8ag{font-size:4rem!important}}@keyframes svelte-1uha8ag-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-1uha8ag-fadeInScale{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.mascot-container.svelte-1uha8ag{pointer-events:none;width:320px;height:320px;filter:drop-shadow(0 0 15px rgba(0,229,255,.5));transition:all .3s ease;z-index:20;margin-bottom:-110px;position:relative}.tf-title-25d.svelte-1uha8ag{position:relative;z-index:10;text-shadow:0 1px 0 #00E5FF,0 2px 0 #00b8cc,0 3px 0 #008a99,0 4px 0 #005c66,0 6px 4px rgba(0,0,0,.4),0 0 30px rgba(0,229,255,.3)}@media(max-height:800px){.mascot-container.svelte-1uha8ag{width:200px;height:200px;margin-bottom:-90px}.tf-title-25d.svelte-1uha8ag{font-size:5xl!important;margin-bottom:0}.industrial-container.svelte-1uha8ag{flex:none!important;width:100%}.industrial-inner.svelte-1uha8ag{gap:.75rem!important}.name-input-container.svelte-1uha8ag{margin-top:-.5rem}.create-btn.svelte-1uha8ag{padding-block:1rem!important;font-size:1.1rem!important}.identity-badge.svelte-1uha8ag{padding:1rem!important;margin-bottom:.75rem!important}.identity-name.svelte-1uha8ag{font-size:1.25rem!important}}@media(max-height:720px){.mascot-container.svelte-1uha8ag{width:180px;height:180px;margin-bottom:-80px}.tf-title-25d.svelte-1uha8ag{font-size:4.5xl!important}.industrial-container.svelte-1uha8ag{flex:none!important}.industrial-inner.svelte-1uha8ag{gap:.5rem!important}.industrial-inner.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:.75rem!important}.name-input-container.svelte-1uha8ag{margin-top:-1rem}.create-btn.svelte-1uha8ag{padding-block:.75rem!important;font-size:1rem!important}.identity-badge.svelte-1uha8ag{padding:.75rem!important;margin-bottom:.5rem!important}.identity-name.svelte-1uha8ag{font-size:1.1rem!important}}@media(max-height:640px){.mascot-container.svelte-1uha8ag{width:150px;height:150px;margin-bottom:-65px;margin-top:-10px}.tf-title-25d.svelte-1uha8ag{font-size:3.5xl!important}.industrial-container.svelte-1uha8ag{flex:none!important}.industrial-inner.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:1rem!important}.industrial-inner.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:.65rem!important;padding-inline:.5rem!important}.tutorial-btn.svelte-1uha8ag{padding-block:.6rem!important}footer.svelte-1uha8ag{opacity:.3!important;transform:scale(.85)}}@keyframes svelte-1uha8ag-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes svelte-1uha8ag-ping{0%{transform:scale(1);opacity:.4}to{transform:scale(2);opacity:0}}.industrial-inner.svelte-1uha8ag{display:flex;flex-direction:column;gap:1.25rem;text-align:center}.identity-badge.svelte-1uha8ag{width:100%;padding:1.25rem;background-color:#ffffff0a;border-radius:var(--radii-2xl);border:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.identity-name.svelte-1uha8ag{font-size:var(--font-sizes-xl);font-weight:900;color:var(--colors-brand-sky-blue)}