*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{color:#eaeaea;background:#1a1a2e;font-family:system-ui,-apple-system,sans-serif}.menu{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100vh;padding:2rem;display:flex}h1{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem}p{color:#a0a0b0;font-size:1.1rem}button{cursor:pointer;border:none;border-radius:12px;padding:1rem 2rem;font-family:inherit;font-size:1.1rem;font-weight:600;transition:transform .15s,box-shadow .15s}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.btn-secondary{color:#eaeaea;background:#2a2a40}.btn-sm{border-radius:8px;padding:.6rem 1.1rem;font-size:.9rem}.room-page{min-height:100vh;padding:1rem}.room-container{flex-direction:column;gap:.75rem;max-width:1400px;margin:0 auto;display:flex}.host-badge{color:#000;background:#f59e0b;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:700}.round-status{background:#2a2a40;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:background .2s;display:flex}.round-status.is-active{background:#1e3a8a}.round-status-text{color:#c0c0d0;font-size:.95rem}.round-status-word{flex-wrap:wrap;align-items:center;gap:.4rem;font-size:1rem;display:flex}.word-display{color:#fff;font-size:1.3rem}.letter-spaced{letter-spacing:.15em}.round-status-timer{flex-direction:column;align-items:flex-end;gap:.15rem;display:flex}.round-counter{color:#a0a0b0;font-size:.8rem}.timer-value{font-size:1.4rem;font-weight:700}.game-layout{grid-template-columns:220px minmax(0,1fr) 320px;align-items:start;gap:.75rem;display:grid}.layout-players,.layout-center,.layout-chat{min-width:0}.player-list{background:#2a2a40;border-radius:10px;flex-direction:column;gap:.5rem;padding:.85rem;display:flex}.player-list-title{color:#c0c0d0;margin-bottom:.25rem;font-size:.9rem}.player-list-empty{color:#888;font-size:.85rem}.player-list-items{flex-direction:column;gap:.4rem;list-style:none;display:flex}.player-item{background:#1f1f33;border-radius:8px;align-items:center;gap:.6rem;padding:.45rem .55rem;transition:background .15s,outline .15s;display:flex}.player-item.is-me{background:#26314f;outline:1px solid #667eea}.player-item.is-drawer{background:#3b2a1f;outline:1px solid #f59e0b}.player-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;font-weight:700;display:flex;position:relative;overflow:hidden}.player-avatar-fallback{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.player-avatar img{object-fit:cover;width:100%;height:100%}.player-info{flex:1;min-width:0}.player-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.25rem;font-size:.9rem;font-weight:600;display:flex;overflow:hidden}.player-badge{font-size:.75rem}.player-medal{font-size:.85rem}.player-score{color:#a0a0b0;font-size:.8rem}.waiting-panel{text-align:center;aspect-ratio:800/500;background:#2a2a40;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;max-width:800px;margin:0 auto;padding:3rem 1.5rem;display:flex}.waiting-icon{font-size:3rem}.waiting-title{font-size:1.2rem;font-weight:700}.waiting-hint{color:#a0a0b0;font-size:.9rem}.room-footer{background:#2a2a40;border-radius:10px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.75rem;padding:.6rem .9rem;display:flex}.room-footer-info{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.room-footer-title{font-size:.95rem;font-weight:600}.room-footer-status{color:#a0a0b0;font-size:.85rem}.room-footer-actions{gap:.5rem;display:flex}@media (width<=1000px){.game-layout{grid-template-columns:180px minmax(0,1fr) 260px}}@media (width<=820px){.game-layout{grid-template-columns:1fr;grid-template-areas:"center""players""chat"}.layout-center{grid-area:center}.layout-players{grid-area:players}.layout-chat{grid-area:chat}.player-list-items{flex-direction:row;padding-bottom:.25rem;overflow-x:auto}.player-item{flex:none;min-width:150px}.room-page{padding:.6rem}.room-footer{flex-direction:column;align-items:flex-start}.room-footer-actions{width:100%}.room-footer-actions button{flex:1}.word-display{font-size:1.1rem}.timer-value{font-size:1.2rem}h1{font-size:2.2rem}.chat-form input{padding:.5rem;font-size:.9rem}.chat-form button{border-radius:6px!important;padding:.5rem .75rem!important;font-size:.85rem!important}}