*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;touch-action:manipulation;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#root{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem}.container{width:100%;max-width:400px;text-align:center}h1{font-size:2.5rem;margin-bottom:.5rem}.subtitle{font-size:1rem;opacity:.8;margin-bottom:2rem}.input-group{margin-bottom:1.5rem}.input-group label{display:block;font-size:.875rem;margin-bottom:.5rem;opacity:.8}input{width:100%;padding:1rem;font-size:1.25rem;border-radius:1rem;border:none;text-align:center;background:#fffffff2;color:#333}input::placeholder{color:#999}input.room-code-input{font-size:2rem;letter-spacing:.5rem;text-transform:uppercase;font-weight:700}.btn{width:100%;background:#fff;color:#667eea;border:none;padding:1rem 2rem;font-size:1.25rem;font-weight:600;border-radius:2rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.5;cursor:not-allowed}.status{font-size:.875rem;margin-top:1rem;opacity:.7}.error{color:#ff6b6b;margin-top:1rem}.waiting-room{text-align:center}.player-avatar{width:120px;height:120px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:3rem}.waiting-text{font-size:1.25rem;opacity:.8}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.game-controller{display:flex;flex-direction:column;height:100%;justify-content:center;gap:1rem}.answer-btn{padding:2rem;font-size:1.5rem;font-weight:700;border:none;border-radius:1rem;cursor:pointer;transition:transform .1s ease}.answer-btn:active{transform:scale(.95)}@media (orientation: landscape){body:before{content:"📱 Please rotate your device to portrait mode";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;text-align:center;padding:2rem;z-index:99999}}