*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.registration-screen{text-align:center;width:100%;max-width:400px;padding:2rem}.logo h1{background:linear-gradient(45deg,#0f8,#0af);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:700}.logo p{color:#888;margin-bottom:2rem;font-size:1rem}.seat-form{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#ddd;margin-bottom:.5rem;font-size:1.1rem;display:block}.seat-input{text-align:center;color:#fff;text-transform:uppercase;background:#111;border:2px solid #333;border-radius:8px;width:100%;padding:1rem;font-size:1.2rem}.seat-input:focus{border-color:#0f8;outline:none;box-shadow:0 0 10px #00ff884d}.register-button{color:#000;cursor:pointer;background:linear-gradient(45deg,#0f8,#0af);border:none;border-radius:8px;width:100%;padding:1rem 2rem;font-size:1.2rem;font-weight:700;transition:transform .2s}.register-button:hover:not(:disabled){transform:translateY(-2px)}.register-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.or-divider{text-align:center;margin:1rem 0;position:relative}.or-divider:before{content:"";background:#444;height:1px;position:absolute;top:50%;left:0;right:0}.or-divider span{color:#888;background:#1a1a1a;padding:0 1rem;font-size:.9rem}.skip-button{color:#fff;cursor:pointer;background:linear-gradient(45deg,#666,#888);border:none;border-radius:8px;width:100%;padding:1rem;font-size:1.1rem;transition:all .3s}.skip-button:hover{background:linear-gradient(45deg,#777,#999);transform:translateY(-2px)}.skip-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.error-message{color:#f44;margin-top:1rem;font-size:.9rem}.connection-status{color:#888;justify-content:center;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.status-indicator{background:#444;border-radius:50%;width:8px;height:8px}.status-indicator.connected{background:#0f8;animation:2s infinite pulse}.status-indicator.reconnecting{background:#fa0;animation:1s infinite reconnecting-pulse}.status-indicator.disconnected{background:#f44}@keyframes reconnecting-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pixel-screen{justify-content:center;align-items:flex-end;width:100vw;height:100vh;padding-bottom:2rem;transition:background-color .1s;display:flex}.pixel-screen.pulse-animation{animation:2s ease-out forwards pulse-fade}@keyframes pulse-fade{0%{background-color:var(--pulse-color);filter:brightness(1.2);transform:scale(1)}10%{filter:brightness(1.3);transform:scale(1.02)}20%{filter:brightness(1.2);transform:scale(1)}to{filter:brightness();background-color:#000;transform:scale(1)}}.seat-info{opacity:.9;text-align:center;color:#fff;background:#000000b3;border-radius:20px;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.8rem;display:flex}.pulse-indicator{background:#0f8;border-radius:50%;width:6px;height:6px;animation:1s infinite pulse}.waiting-message{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:2px solid #0f8;border-radius:20px;width:500px;max-width:90%;padding:2rem;animation:2s ease-in-out infinite gentle-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.waiting-message h2{color:#0f8;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.waiting-message p{color:#ccc;opacity:.9;margin:0;font-size:1rem}@keyframes gentle-pulse{0%,to{opacity:.9;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.02)}}.brightness-reminder{color:#000;text-align:center;cursor:pointer;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffa500f2;border:2px solid #f60;border-radius:12px;padding:1rem;font-size:.9rem;font-weight:500;position:fixed;top:1rem;left:1rem;right:1rem;box-shadow:0 4px 12px #ffa5004d}.brightness-reminder p{margin:0 0 .5rem;font-weight:700}.dismiss-hint{opacity:.8;font-size:.7rem;font-style:italic}.emoji-display{text-align:center;z-index:100;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.large-emoji{font-size:15rem;line-height:1;animation:.5s ease-out emoji-entrance}@keyframes emoji-entrance{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pixel-screen.emoji-mode{background-color:#000!important}@media (width<=480px){.large-emoji{font-size:12rem}}@media (width<=360px){.large-emoji{font-size:10rem}}.permission-screen{box-sizing:border-box;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.permission-content{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:500px;padding:40px 30px;box-shadow:0 20px 60px #0000004d}.permission-icon{margin-bottom:20px;font-size:4rem;animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.permission-content h1{color:#333;margin:0 0 15px;font-size:2rem;font-weight:700}.permission-description{color:#666;margin:0 0 30px;font-size:1.1rem;line-height:1.6}.permission-info{text-align:left;margin-bottom:30px}.info-item{background:#f8f9fa;border-radius:10px;align-items:center;margin-bottom:15px;padding:15px;display:flex}.info-icon{flex-shrink:0;margin-right:15px;font-size:1.5rem}.info-text{color:#555;font-size:.95rem;line-height:1.4}.permission-error{background:#fee;border:1px solid #fcc;border-radius:10px;margin-bottom:20px;padding:15px}.permission-error p{color:#c33;margin:0 0 10px;font-size:.9rem}.permission-error p:last-child{margin-bottom:0}.error-help{color:#866!important;font-size:.85rem!important}.permission-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50px;width:100%;max-width:300px;padding:15px 40px;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.permission-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea66}.permission-button:active{transform:translateY(0);box-shadow:0 5px 10px #667eea66}@media (width<=480px){.permission-content{padding:30px 20px}.permission-content h1{font-size:1.5rem}.permission-description{font-size:1rem}.info-icon{margin-right:10px;font-size:1.2rem}.info-text{font-size:.85rem}}